21 laws of UX

21 ux laws

zeigarnik effect

pareto principle

Law of similarity

Occam's Razor

law of prägnanz

Aesthetic - usability effect

Doherthy threshold

Fitts's law

Goal - gradient effect

User Experience (UX) is how people feel when they use a product or service.

jakob's law

hick's law

Law of common region

law of proximity

Law of uniform connectedness

miller's law

parkinson's law

Peak-end rule

postel's law

serial position effect

tesler's law

von restorff effect

An aesthetically design always creates a positive response in people's brains. They distract their attention in that details.

Aesthetic, visually appealing

Tolerant to usability issues

The time to acquire a target is a function of the distance to and size of the target.

Touch targets should be large enough for the users to be able to select them

Also the place is very importante.

Elements that are visually connected are perceived as more related than elements with no connection.

They can be visually connected via colors, lines, frames, or other shapes like lines or narrows.

The tendency to approach a goal increases with proximity to the goal.

Provide a clear indication of progress in order to motivate users to complete tasks

Be liberal in what you accept, and conservative in what you send.

The more we can anticipate and plan for in design, the more resilient the design will be.

Accept variable input from users

The average person can only keep 7 (plus or minus 2) items in their working memory.

Organize content into smaller chunks to help the user process and memorize easily.

Objects that are near, or proximate to each other, tend to be grouped together.

Proximity object = Share similar functionality

Proximity helps to organize information faster

Users have a propensity to best remember the first and last items in a series.

Place the least important items in the middle

Elements tend to be perceived into groups if they are sharing an area with a clearly defined boundary.

Adding a border or a background helps to creat a common region

*This helps to creat an estructure

The Pareto principle states that, for many events, roughly 80% of the effects come from 20% of the causes.

A large group may contain only a few meaningful contributors to the desired outcome.

The human eye tends to perceive similar elements in a design as a complete picture, shape, or group, even if those elements are separated.

Color, shape, size, orientation helps to understand that elements belong to a same group

*In this example, the circles could be related to a subtitle and the lines to the content.

Animation/Icons

We can use some things to help make times more tolerable and visually engage people while something is loading.

Productivity works when a computer and its users interact at a pace where neither has to wait for the other.

Progress bars

*Sometimes adding a delay to a process can increas a sense of trust.

The time it takes to make a decision increases with the number and complexity of choices.

Avoid overwhelming users with complex tasks or too many choices, but be careful not to simplify to the point of abstraction.

People remember uncompleted or interrupted tasks better than completed tasks.

Provide a clear indication of progress in order to motivate users to complete tasks.

DIAGRAMA DE FLUJO

Also known as The Law of Conservation of Complexity, states that for any system there is a certain amount of complexity which cannot be reduced.

Take care not to simplify interfaces to the point of abstraction.

Among competing hypotheses that predict equally well, the one with the fewest assumptions should be selected.

Analyze each element and remove as many as possible.

Also known as The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered.

Make important information or key actions visually distinctive.Use restraint when placing emphasis on visual elements to avoid them competing with one another

Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.

Don't do big changes so the users can continue using a familiar version, do it little by little.

Any task will inflate until all of the available time is spent.

Leverage features such as autofill to save the user time when providing critical information within forms.Reduce the duration to complete a task to improve the expierence.

People judge an experience largely based on how they felt at its peak and at its end, rather than the total sum or average of every moment of the experience.

Identify the moments when your product is most helpful, valuable, or entertaining and design

People will perceive and interpret ambiguous or complex images as the simplest form possible.

Human eye transforms complex shapes into a single unified shape