Design.
Visual & Interactive.

User interface design is a craft that involves building an essential part of the user experience; users are very swift to judge designs on usability and likeability. Designers focus on building interfaces users will find highly usable and efficient.

Aesthetic-Usability Effect

4 resources

The aesthetic usability effect is where a user will perceive an attractive product as easier to use than an ugly one.

Affordance

4 resources

A situation where an object’s sensory characteristics intuitively imply its functionality and use.

Anchoring

4 resources

Incorporating a test-driven, semantic, live style guide into your process to establish, enforce, and evolve your design language.

Atomic Design

4 resources

A methodology for creating design systems.

Breadcrumbs

5 resources

An effective visual aid that indicates the location of the user within the website’s hierarchy, making it a great source of contextual information for landing pages.

Color Theory

6 resources

A body of practical guidance to color mixing and the visual effects of a specific color combination.

Eye Tracking

4 resources

Eye-tracking research provides designers with a blueprint of sorts to guide them on the priorities with which site visitors generally absorb the information on any given site.

Fitts’ Law

6 resources

This scientific law predicts that the time required to rapidly move to a target area is a function of the ratio between the distance to the target and the width of the target.

Gestalt Laws of Design

4 resources

Gestalt principles, or gestalt laws, are rules of the organization of perceptual scenes. When we look at the world, we usually perceive complex scenes composed of many groups of objects on some background, with the objects themselves consisting of parts, which may be composed of smaller parts, etc.

Grid

5 resources

In graphic design, a grid is a structure (usually two-dimensional) made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content.

Heuristic Evaluation

6 resources

A usability inspection method for computer software that helps to identify usability problems in the user interface (UI) design. It specifically involves evaluators examining the interface and judging its compliance with recognized usability principles.

Legibility vs Readability

7 resources

Users won’t read web content unless the text is clear, the words and sentences are simple, and the information is easy to understand. You can test all of this.

Mental Models

5 resources

What users believe they know about a UI strongly impacts how they use it. Mismatched mental models are common, especially with designs that try something new.

Mobile-First Design

5 resources

The growth of mobile is a huge opportunity to reach more people than ever. By starting mobile first with your responsive website you are able to make the tough decisions about the content. The constraints of the mobile medium force us to focus on what really matters.

Progressive Disclosure

5 resources

Progressive disclosure is an interaction design technique often used in human computer interaction to help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload. This improves usability by presenting only the minimum data required for the task at hand.

The Fold

4 resources

What is visible on the page without requiring any action is what encourages us to scroll.