Design better websites

1. brain
10 facts about the
to help you create a better
website

2. Is your website the hard-working sales funnel
you intended it to be?
We reveal 10 facts about the human brain that
could transform how you create your next website
or design project.
Is your website the hard-working sales funnel
you intended it to be?
We reveal 10 facts about the human brain that
could transform how you create your next website
or design project.
Is your website the hard-working
sales funnel
you intended it to be?

3. Is your website the hard-working sales funnel
you intended it to be?
We reveal 10 facts about the human brain that
could transform how you create your next website
or design project.
Is your website the hard-working sales funnel
you intended it to be?
We reveal 10 facts about the human brain that
could transform how you create your next website
or design project.
Is your website the hard-working
sales funnel
you intended it to be?

4. The human brain is built in such a way that with just a
few key psychological learnings you can predict user
behaviour with enough accuracy to create a website
that will help aid enquiries, subscriptions and sales.

5. 1.
OUR BRAIN HAS A
LEFT SIDE AND A RIGHT SIDE.

6. L
1.
OUR BRAIN HAS A
LEFT SIDE AND A RIGHT SIDE.

7. L R
1.
OUR BRAIN HAS A
LEFT SIDE AND A RIGHT SIDE.

8. L
The analytical left
side of the brain
learns most
effectively through
words and
algorithms...

9. R
...while the right side
of the brain relies on
visual cues and
emotions.

10. H OW TO A P P LY I T ?
Use visual elements in the
form of photographs, videos,
diagrams and written
descriptions to appeal to
both sides of the brain.

11. 2.
COST-BENEFIT ANALYSIS.

12. Gathering and analysing data to make a
decision is tiring, so the brain only sees
it as a worthwhile task if the benefit
is worth the energy expenditure.

13. R E WA R D
Gathering and analysing data to make a
decision is tiring, so the brain only sees
it as a worthwhile task if the benefit
is worth the energy expenditure.

14. H OW TO A P P LY I T ?
Make your user experience intuitive and avoid
complex chunks of information, so you can keep brains engaged
and keep users on your site.

15. 3.
WE DEPEND ON MENTAL MODELS.

16. Just as we expect a light to turn on when we push a
switch downwards, we have come to expect websites to
function in a certain way.

17. Just as we expect a light to turn on when we push a
switch downwards, we have come to expect websites to
function in a certain way.
The brain seeks out those common mental models.

18. i n t u i t i o n
Follow your own
intuitive behaviour
on other sites and
never reinvent the
wheel (or should
we say ‘the scroll’).
H OW TO A P P LY I T ?

19. 4.
INSTINCTS RULE.

20. We are still ruled by the most basic part of our
brain – the basal ganglia – where quick,
instinctive decisions are made and survival
behaviours are controlled.

21. We are still ruled by the most basic part of our
brain – the basal ganglia – where quick,
instinctive decisions are made and survival
behaviours are controlled.

22. The
‘five second test’
helps designers
determine their
website’s success by
testing what users
remember about a
website or internal
pages in just five
seconds.
H OW TO A P P LY I T ?
http://fivesecondtest.com/

23. 5.
EMOTIONS CREATE MEMORIES.

24. If an experience is
extremely positive or extremely negative
it is more likely to be remembered by the user.

25. If an experience is
extremely positive or extremely negative
it is more likely to be remembered by the user.

26. Use an uplifting video, include some fun gamification elements
or offer exceptional customer service to create a positive and
memorable emotional experience.
H OW TO A P P LY I T ?

27. 6.
HICK’S LAW.
http://www.jedbrubaker.com/wp-content/uploads/2013/03/Day7-HicksLaw.pdf

29. We all claim to want
more choice, but Hick’s
Law proves that
eventually the energy
required to make a
decision with multiple
options is deemed
unworthy of the pay-off.

30. Remove unnecessary or irrelevant options,
especially in the checkout and subscription areas
of your website.
H OW TO A P P LY I T ?
Black Red
Suede Canvas
S LM

31. 7.
THERE ARE SIX KEY PRINCIPLES
OF SOCIAL INFLUENCE.

32. Businesses can use the six key principles of social influence
to steer website visitors in the right direction.

33. c o m m i t m e n t
(and consistency)
?
s o c i a l p r o o f
r e c i p r o c at i o n
s c a r c i t y
a u t h o r i t y
l i k i n g

34. Offer website visitors something in exchange for their
email addresses to touch on reciprocation.
Analyse social proof in the form of Facebook 'likes'.
Demonstrate scarcity by showing when something is
nearly sold out.
H OW TO A P P LY I T ?

35. 8.
THE BRAIN WILL DISREGARD
UNNECESSARY INFORMATION.

36. Our brains are hardwired to proactively ignore
anything irrelevant to what we are seeking or need to know.

37. Our brains are hardwired to proactively ignore
anything irrelevant to what we are seeking or need to know.

38. Clearly label important elements on your
website and avoid clutter.
H OW TO A P P LY I T ?

39. 9.
FACIAL RECOGNITION.

41. Humans have evolved with a subconscious
ability to read facial expressions and
designers can use this to set a particular
mood and tone for users.

42. Humans have evolved with a subconscious
ability to read facial expressions and
designers can use this to set a particular
mood and tone for users.

43. Use authentic photographs (not stock images)
or videos of expressive individuals to set a
mood and encourage an emotional response.
H OW TO A P P LY I T ?

44. 10.
GESTALT PRINCIPLES.

45. At a basic level, Gestalt Principles refers to theories describing
how people organise visual elements into groups or unified
wholes when certain principles are applied.

46. When your first impression of a website design is positive,
it’s likely because Gestalt Principles are involved.

47. The Gestalt Principles are:
similarity when objects look similar.
continuation when the eye is compelled to
move from one object to another.
proximity when items are placed together so
they appear as a group.
closure when an object is incomplete but
enough shape is indicated so it makes sense.
figure and ground a silhouette or shape is
naturally perceived as a figure or object, while
the surrounding area is perceived as ground
or background.
The Gestalt Principles are:
similarity when objects look similar.
continuation when the eye is compelled to
move from one object to another.
proximity when items are placed together so
they appear as a group.
closure when an object is incomplete but
enough shape is indicated so it makes sense.
figure and ground a silhouette or shape is
naturally perceived as a figure or object, while
the surrounding area is perceived as ground
or background.
H OW TO A P P LY I T ?

48. By paying attention to how Gestalt Principles work together
you can see how elements should be grouped together on a
page and which elements should share similar characteristics.
Review your website to test whether it makes sense as a whole
or to see if you need to apply these principles to various
elements so they work better together.
H OW TO A P P LY I T ?

49. Contact your local Snap Centre for more
information on how we can help you
create a website
that appeals to the human brain.