1.
DESIGN
Make me think!
FRICTION
@CRVIGANO

2.
CRISTINA VIGANÒ
@CRVIGANO
SENIOR UX DESIGNER AT

3.
? DESIGN
what are
FRICTIONS

4.
Motion
Pushing
force
Friction

5.
MAKE
ME
THINK
Cristina Viganò
The amazing power of positive friction
New edition
VS

6.
10 usability
heuristics
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover
from errors
10. Help and documentation

7.
10 usability
heuristics
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover
from errors
10. Help and documentation

8.
Positive frictions in design
can disrupt
mindless automatic
interactions, prompting
moments of reflection
and more mindful
interaction.
Design Frictions for Mindful Interactions: The Case for Microboundaries

9.
MINDFUL?

10.
Getting our
ATTENTION

11.
Getting too much
ATTENTION

12.
ATTENTION
vs
MINDFULNESS

13.
FAST
UNCONSCIOUS
AUTOMATIC
SLOW
CONSCIOUS
EFFORTFUL
Exercise 1 Exercise 2

14.
FAST
UNCONSCIOUS
AUTOMATIC
Exercise 1

15.
SLOW
CONSCIOUS
EFFORTFUL
Exercise 2

16.
FAST
UNCONSCIOUS
AUTOMATIC
SLOW
CONSCIOUS
EFFORTFUL
System 1 System 2

17.
FAST
UNCONSCIOUS
AUTOMATIC
System 1 System 2
EVERYDAY DECISIONS
ERROR PRONE
SLOW
CONSCIOUS
EFFORTFUL
COMPLEX DECISIONS
RELIABLE

18.
Lack of
CONSCIUOSNESS

19.
malicious
EXPLOITMENT

20.
WHY WE
positive
FRICTION

21.
ERROR
prevention
1

22.
Gmail

23.
Zeplin

24.
LIFE
balance
2

25.
Slack

26.
https://www.apple.com/newsroom/2018/06/ios-12-introduces-new-features-to-reduce-interruptions-and-manage-screen-time/

27.
https://www.apple.com/newsroom/2018/06/ios-12-introduces-new-features-to-reduce-interruptions-and-manage-screen-time/

28.
https://www.apple.com/newsroom/2018/06/ios-12-introduces-new-features-to-reduce-interruptions-and-manage-screen-time/

29.
A Phone Setup That Will Make You More Mindful

30.
http://humanetech.com/take-control/

31.
HELPFUL
technology
3

32.
the
CASHLESS
EFFECT

33.
https://monzo.com/blog/2017/01/27/designing-product-mental-health-mind/

34.
EFFICIENCY
increased4

35.
Mathe Alarm

36.
SATISFACTION
higher5

37.
whattpad.com

38.
FRICTION
done
WRONG

39.
Spotify

40.
Spotify

41.
Spotify

42.
Spotify

43.
Spotify

44.
Spotify

45.
Spotify

46.
Spotify

47.
Spotify

48.
Waze

49.
Draw your users’ journeys
Highlight pain points
Judge pros and cons

50.
LET’S
get to
WORK!

51.
Choose a scenario1
Scenario 1:
The workaholic one
Someone who goes on
holiday, but cannot switch off
completely and keeps
checking emails and work-
related communications.
Scenario 2:
The impulsive one
Someone who is impulsive and
replies to emails / messages
straight away when they are
angry, only to regret it after
one hour.
Scenario 3:
The forgetful one
Someone who sets themselves
reminders, but still forgets stuff
immediately after having
turned off the reminder.
WORK-LIFE BALANCE HELPFUL TECHNOLOGY INCREASE EFFICIENCY

52.
Draw your persona2
Name Job Family

53.
Draw your persona2
Technology Typical
behaviour
Frustrations Motivations

54.
Create your user journey3
Step 1 Step 2 Step 3 Step 4

55.
Create your user journey3
Bill is choosing
what to eat
Bill’s wife goes
to order at the
bar
While waiting,
Bill picks up the
phone
Bill opens his
work email

56.
Identify the level of awareness4
Bill is choosing
what to eat
Bill’s wife goes
to order at the
bar
While waiting,
Bill picks up the
phone
Bill opens his
work email
SYSTEM 2
SYSTEM 1

57.
Identify the pain point(s)5
Bill is choosing
what to eat
Bill’s wife goes
to order at the
bar
While waiting,
Bill picks up the
phone
Bill opens his
work email
SYSTEM 2
SYSTEM 1
PAIN POINT

58.
Identify the pain point(s)5
Bill is choosing
what to eat
Bill’s wife goes
to order at the
bar
While waiting,
Bill picks up the
phone
Bill opens his
work email
SYSTEM 2
SYSTEM 1
He feels bored
He is alone
PAIN POINT

59.
Draw your friction6

60.
Refine your best idea7

61.
It’s time
TO SHARE

62.
WRAPPING UP…

63.
What are design frictions
Why we need them
How they can help us
When they are not right

64.
Reading
list
1. Thinking, fast and slow - Daniel Kahneman
2. Design Frictions for Mindful Interactions: The Case
for Microboundaries - Cox, Anna L.; Gould, Sandy
J.J.; Cecchinato, Marta E.; Iacovides, Ioanna and
Renfree, Ian
3. How Technology is Hijacking Your Mind — from a
Magician and Google Design Ethicist - Tristan Harris
4. Center for humane technology humanetech.com -
Tristan Harris
5. Evil by design - Chris Nodder
6. Dark Patterns http://darkpatterns.org - Harry Brignull

65.
Thank you!
@CRVIGANO