Chicken & Egg
You don’t need to learn all of it from the start.
Start moderating user research and
user testing sessions
Start with wireframing and sketching
Start getting involved more closely with
analytics and metrics.
Start partnering with a professional
copywriter to learn from them.
Jared Spool
UI is a tool, defines the point of interaction, means of communication between a person and a device/system
▶ elements or areas of dominance
▶ are areas of interest, emphasis or difference within a composition that capture and hold the viewer’s attention.
The red circle and squares are focal points. The circle is the dominant element or dominant focal point.
▶ helps creates organisation. By grouping similar elements together or in close proximity, you create a relationship between those elements.
▶ It also provides a focal point and can give the reader and idea of where they should start and finish reading.
▶ Grouping doesn’t mean that elements have to be placed together, it means they should be visually connected in someway.
▶ creates a sharper, more ordered design.
▶ aligning elements allows them to create a visual connection with each other.
▶ tightens the design and eliminates the haphazard, messy effect which comes when items are placed randomly.
▶ aligning elements which are not in close proximity with each other, helps to provide an invisible connection between them.
▶ Alignment is one of the most basic and important principles of design. It allows us to create order and organisation among elements.
▶ strengthens a design by tying together individual elements.
▶ helps to create association
▶ consistent repetition of an element is widely used in multi-page documents & websites.
▶ elements can be as simple as colour, shapes, typefaces or even texture.
Confusing?
Still Confusing?
Author/Copyright holder: Nikki Sylianteng. Copyright terms and licence: CC BY-NC-SA 4.0
bad UI design will make the users feel the website is complicated and difficult to operate
The design lacks of contrast
The Good: Contrast in Design
The Bad: Not Responsive Design
The Good: Responsive Design
User interface design (UI) is just that:
the interface itself.