Please enable JavaScript.
Coggle requires JavaScript to display documents.
Interface Design - Coggle Diagram
Interface Design
things on UI Designer's to-do list
To design
each individual screen of the product
, paying close attention to information architecture and visual hierarchies
To
ensure the designs of the product are responsive
by testing the interface on various devices and screen sizes.
To
design a suite of elements to be used across the product
, including icons, buttons, and sliders.
To
choose an awesome color palette
for the interface, as well as thinking about the typography.
To
design the interactivity of each UI element
(what does a button do when the user clicks on it?).
What is a user interface?
Input Controls
that allow users to input information into the system, e.g. an entry field that enables users to register with their email address.
Navigational components
that help users move around a product or website, such as a hamburger menu on an Android.
Informational components
, including notifications, progress bars, message boxes, that share information with users.
Containers
that hold related content together, such as accordions – vertically stacked lists of items with show/hide functionality.
What does a UI designer do?
They're ensuring the
product’s interface is visually stimulating, easy to use
, and in line with business goals
They
conduct extensive research to predict
what the user will expect, and design the app’s interface to ensure that it feels intuitive to navigate
UI designers are responsible for
creating style guides or common languages
that can be used across the business to establish consistency
UI designers
need to understand how people work
– and how each visual, interactive element shapes their experience – in order to design user-friendly interfaces.
fundamental base of UI design
Gestalt principles
- helps UI designers to design interfaces that people will enjoy using
The principle of proximity
states that we tend to perceive elements as a group when they are close to each other.
The principle of similarity
dictates that we’re inclined to group elements that look like each other.
Our mind tends to follow paths and group elements that are aligned with each other. This is the
principle of continuity
.
The principle of closure
tells us that users need to understand the status of tasks. Whenever a product needs a little more time to complete a task, loaders inform us that the product is still working in the background.
UI design patterns
Responsive UI design