Design.
Visual & Interactive.

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

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

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

A methodology for creating design systems.

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.

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

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.

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

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.

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.

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.

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.

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.

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

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

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 are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web.

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

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

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.

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.