Design for human brains: 10 points to rembember

read original story here

1. Faces attract and guide attention
In the pair of examples below, the only difference is the direction the woman’s eyes are looking, but it makes all the difference when we consider the eye movement of a user.
The user follows the path of where the woman in the picture is looking.
Correct placement of copy next to an image of a person looking at it can help nudge someone to read what you want them to.

simone puorto brain

2. People decide quickly and then validate that decision
ook at the image below and find the odd one out.

simone puorto brain 2

The brain is very good at deciding which things it needs to pay attention to.
The usual process of the above is to scan and quickly find the odd leaf.
You may be looking for a slight color change, or for a shape change or a size difference.
Once you spot it, you validate this hypothesis by going over the options to check that your quick decision is correct.
The things that stand out are called salient cues, and they guide you through decision making. Working with salient cues creates a better user experience.

3. You only consciously process a fraction of the information that enters through your senses
A lot enters your brain through your senses.
The processing power of the brain is incredible, filtering out anything that isn’t needed in the conscious part.
The table below shows the bits per second for the 5 senses.

simone puorto brain 3

4. Design calls to action relative to importance
When designing buttons and interactions, understand the potential actions and the consequences.
If you see a fire, you want an easy-to-operate fire extinguisher.
If you detect the fire but can’t press the button, then the fire could kill you.
If you have a false alarm and release the extinguisher accidentally, you’ll have to clean the floor. The risk of missing is much higher than operating on a false alarm.
Make it easy to act at the expense of the potential of a false alarm.
Design around this.

5. You only see what you want to see
Watch the video below.
Can you figure out how they’ve done that color-changing card trick?

Selective attention is when your mind focuses on one thing and everything around becomes invisible.
Keep selective attention in mind when designing.
If something distracts your users on the page, they may not focus on the very thing you want them to.

6. Two thumbs make up your focused vision
Looking at a person’s field of view, peripheral vision makes up a lot of it.
When we focus, the clear, non-peripheral vision makes up 3 degree. That’s equivalent to 2 thumb widths at an arm’s length. Remember this when designing for a screen.

simone puorto peripheral vision

7. Tell a story with your placement
Not all people read everything. People respond to stories that have a beginning, a middle, and an end.
Design webpages to follow a story pattern in the flow of the page.
A clear opening line opens a story, and a clear call to action at the bottom of the page closes it.
If the eye follows an easy path from the top of the page to the bottom rather than jumping all over, you’re designing for a better experience.


8. Some activities require more brain power than others
The 3 different types of mental resources (below) require different mental load. Visual requires more than motor, and cognitive requires the most mental load of all.

a) Motor (least effort): pressing buttons, moving the mouse, etc.
b) Visual: see things and take them in
c) Cognitive (most effort): thinking, remembering, making decisions

The question often arises about whether to have a long page or a series of smaller pages you have to click to navigate through.
Scrolling is a motor skill—it takes less brain power and is less tiring than clicking through smaller screens where each click requires a cognitive process to think about what to do.

9. Six ways to persuade
1. Reciprocity: if you give something to someone, they’re more likely to give you something back
2. Scarcity: the more exclusive something is, the more desirable it is. 
3. Authority: ratings by trusted sources help. A few bad reviews add credibility and build trust.
4. Commitment: a small commitment such as signing someone up just using their email address is less of a step for the user but shows commitment, meaning that they’re more likely to add other data in the future.
5. Social proof: if a user thinks that others are doing the same thing, that increases their confidence and entices them to transact
6. Likeability: if you can relate to something, you’re more likely to want to interact.

10. The eyes can trick the brain
Placement of objects can trick the brain into thinking something exists when it really doesn’t. Shapes on a page can distract from the overall flow or enhance the flow. 

You often hear that it’s absolutely essential for designers to get into the heads of their users, and I couldn’t agree more. Knowing how the human brain works is one of the best ways to do that.