30. If something is beautiful people perceive
it to be easy to use.
“ - Joe Leech
”
31. People scan the screen based on past experience
and expectation1
32. 1. Avoid putting anything important at the edges, people will ignore it.
2. People consider that the most important information starts on the top left of the screen
3. Try to design based on familiar patterns.
34. 1. Use more space between items that don't belong together, and group items in close proximity
if they do belong together, grouping might be done with spaces / background color etc..
Stop War
NowPeace
Stop War
NowPeace
?
35. Reds and blues together are hard on the eyes
3 when 2 colors are being used together, One color may jump out while another color appears
recessed. This effect is called chromostereopsis.
36. 1. While text in involved, Avoid using blue & red or red & greens next to each other.
READ IT?CAN YOU AND NOW?
40. How users read on the web: They Don't!
“ - jakob nielsen
”
41. 1. Provide high contrast between text and background.
2. Try http://webaim.org/resources/contrastchecker/
In order to make the text more
readable, make sure you have
enough contrast between the
text and the background.
In order to make the text more
readable, make sure you have
enough contrast between the
text and the background.
In order to make the text more
readable, make sure you have
enough contrast between the
text and the background.
Impossible Hard Best
42. Uppercase letters are harder to read
6 The story goes that we read by recognizing the shapes of words and groups of words.
Words in mixed case or lowercase letters have unique shapes. Words in all capital letters have
the same shape
43. 1. People are not used to see all capital words so they see them as SHOUTING.
2. Save uppercase letters for headlines, and when you need to get people attentions.
3. Keep uppercase headlines / texts short
52. DID YOU SAW AN IMAGE OF A SEAL?
VS
1. Don't make people recall information, instead help them recognize it.
2. Don't ask people to remember information from one place to another.
3. most people can remember up to 4 items.
4. If you want people to remember something you must go over it again and again.
5. People are always going to forget, design with forgetting in mind.
54. 1. The shorter the way to the goal the more motivated people will get.
2. People enjoy being a part of a reward program, compared to costumers which are
not part of the program.
3. people need help tracking their progress
61. 1. Most of our online interaction are asynchronous (even on fb,twitter,linkedin etc..)
Look for opportunities to create synchronous interaction into your product.
67. 1. Resist the impulse to provide your users with a large number of choices
2. If possible, limit the number of choices to three or four. If you have to offer more options, try to do so in a
progressive way. For example, have people choose first from three or four options,
and then choose again from a
72. GIVE IT A SECOND!!! Its going to space!
Will you give it a second, to get back from space?
“ - Louis CK
”
73. 1.Unoccupied time feels longer than occupied time
2.Uncertain waits are longer than known, finite waits
3.Unexplained waits are longer than explained waits
74. References and further learning
Watch:
• Psychology of UX design: https://vimeo.com/71600462
• The importance of being inauthentic: https://www.youtube.com/watch?v=1zpf8H_Dd40
• Applying psychology to UX design: https://creativemornings.com/talks/joe-leech/1
• Nathalie Nahai - web psychologist: https://www.youtube.com/watch?v=MPo3kSzeh40
• Empathy, your secret weapon in designing for the web: https://www.youtube.com/watch?v=MPo3kSzeh40
Read:
• Designing for brains: http://www.slideshare.net/MarissaEpstein/designing-for-brains-the-psychology-of-user-experience?qid=3f5024ac-9166-4f24
• The secret psychology of online persuasion: http://www.slideshare.net/nathalienahai/the-secret-psychology-of-online-persuasion
• Gestalt principles: https://www.smashingmagazine.com/2014/03/design-principles-visual-perception-and-the-principles-of-gestalt/
• what is beautiful is usable: http://www.ise.bgu.ac.il/faculty/noam/papers/00_nt_ask_di_iwc.pdf
• 100 things every designer need to know about people: http://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535/ref=sr_
• Psychology for designers: https://www.fivesimplesteps.com/products/psychology-for-designers
• The jam research: https://faculty.washington.edu/jdb/345/345%20Articles/Iyengar%20%26%20Lepper%20(2000).pdf