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

7 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.

Presentation

6 resources

Presenting concept designs, presenting research findings, presenting usability testing results or simply giving a knowledgeshare, UXers are frequent presenters. And good presentation skills are very important because if you can’t communicate your ideas, your insights and your designs, they’re simply not going to gain traction.

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.

Recognition over Recall

4 resources

Showing users things they can recognize improves usability over needing to recall items from scratch because the extra context helps users retrieve information from memory.

Responsive Web Design

5 resources

Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).

Skeuomorphism

4 resources

The design concept of making items represented resemble their real-world counterparts. Skeuomorphism is commonly used in many design fields, including user interface (UI) and Web design, architecture, ceramics and interior design.

Style Tiles

4 resources

Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

Styleguides

4 resources

A style guide (or manual of style) is a set of standards for the writing and design of documents, either for general use or for a specific publication, organization, or field. (It is often called a style sheet, though that term has other meanings.)

The Fold

4 resources

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

Typography

6 resources

Communication plays a vital role in design. Whether you design websites, mobile apps, or wearable UIs, your creations have to clearly communicate their intent and purpose. And since text does a lot of the heavy lifting in communicating purpose, you need a solid understanding of typography.

Visual Weight

5 resources

The notion that design elements have varied weights; that is, some objects, even on a two-dimensional medium, can appear to be heavier than others. Visual weight is a powerful concept that allows us to create visual hierarchy, symmetry, balance, and harmony in designs.