Designing engaging & motivating apps

/dev/world 2016 presentation

Transcript

1. /dev/world Dr Zac Fitz-Walter Eat More Pixels Aug 29-31, 2016 Designing engaging & 
 motivating apps
2. Eat More Pixels http://eatmorepixels.com.au
3. Eat More Pixels Clients: QUT, Autism Queensland, Moreton Bay Regional Council, Margaret Olley Art Centre - Tweed River Art Gallery
4. Gamification Geek http://gamificationgeek.com
5. The apps you make.
7. How?
8. Usability and Psychology
9. Source: Joshua Porter Increase motivation Psychology Motivation Friction Remove friction Usability
10. 1 Removing Friction A focus on usability Turning to psychology Theories of Motivation Applying usability and motivational psychology Motivational Design 3 2
11. 1Removing Friction A focus on usability
12. What is usability?
13. http://www.nngroup.com/articles/usability-101-introduction-to-usability/ Usability is an attribute that assesses how easy user interfaces are to use.
14. Good usability is a necessary condition for survival
15. People will leave if… 1. Your app is difficult to use 2. If it is unclear what it offers 3. If it’s easy to get lost Adapted from http://www.nngroup.com/articles/usability-101-introduction-to-usability/
16. ϛ( °-°ϛ҂ ʾʒʾ http://knowyourmeme.com/memes/flipping-tables-(˽°□°҂˽︵ ˍʓˍ)
17. (˽°□°҂˽Ɨ ˍʓˍ) http://knowyourmeme.com/memes/flipping-tables-(˽°□°҂˽︵ ˍʓˍ)
21. Start early
22. Usability goals
23. Interaction Design: Beyond Human-Computer Interaction. Preece, Sharp, & Rogers, 2011
24. Easy to learn
25. Easy to learn How easy is it for users to accomplish basic tasks the first time they encounter them in your app? http://www.nngroup.com/articles/usability-101-introduction-to-usability/
26. Learnability • Are the features of your app clear? • Is it obvious how to use your app? • If users skip your introduction, will they still know how to use the app? • Can you embed the tutorial into the app? • Examples: Epic Win, Clear App
28. Efficient to use
29. Efficient to use Once users have learned the design, how quickly can they perform tasks? http://www.nngroup.com/articles/usability-101-introduction-to-usability/
30. Efficiency • Is your app efficient to use? • Does your app support mastery and flow by providing shortcuts and customisation? • Examples: Clear App, Tweetbot http://www.nngroup.com/articles/usability-101-introduction-to-usability/
33. Tip: Support 3D Touch https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/Adopting3DTouchOniPhone/
34. Easy to remember how to use
35. When users return to the design after a period of not using it, how easily can they reestablish proficiency? http://www.nngroup.com/articles/usability-101-introduction-to-usability/ Easy to remember how to use
36. Easy to remember how to use • Can you use standard controls and icons? • Is the tutorial easy to access again? • Examples: IF by IFTTT
38. Safe to use
39. Safe to use How easily can users recover from errors? http://www.nngroup.com/articles/usability-101-introduction-to-usability/
40. Safe to use • How many errors do users make, how severe are these errors, and how easily can they recover from the errors? • If errors do occur, what ramifications are there? • e.g., deleting an email or text by accident • Examples: Apple Mail
42. Effective to use
43. Effective to use • Are users able to perform the desired task effectively? • How completely and accurately is the task completed or the user goals reached?
44. Have good utility
45. Have good utility • Does it do what users need? • Is your app addressing a particular problem the user has? • Does it provide functionality that is going to help the user complete their desired task?
46. Tips and tricks
47. Stick to defaults
48. https://developer.apple.com/design/tips/
50. z
55. Creating something different?
56. User testing http://www.nngroup.com/articles/usability-101-introduction-to-usability/
57. User testing • Get hold of some representative users • Ask the users to perform representative tasks with the design • Observe what users do, where they succeed, and where they have difficulties with the interface. • Make sure to let the users do the talking. http://www.nngroup.com/articles/usability-101-introduction-to-usability/
58. Useful tools
65. 2 Theories of Motivation Turning to psychology
66. What is motivation?
67. A reason or reasons for acting or behaving in a particular way.
68. Source: Joshua Porter Increase motivation Psychology Motivation Friction Remove friction Usability
69. Motivation Extrinsic 
 motivation Intrinsic 
 motivation Source: Sebastian Deterding
70. Extrinsic Motivation
73. To use rewards or not?
74. Extrinsic Motivation
75. Tim Pierce http://www.flickr.com/photos/48439369@N00 Intrinsic Motivation
77. So what makes something intrinsically motivating?
78. Autonomy Competence Relatedness
79. http://www.selfdeterminationtheory.org/theory/ Self-Determination Theory (SDT)
80. http://www.selfdeterminationtheory.org/theory/ Autonomy Competence Relatedness
81. Autonomy Competence Relatedness
82. Autonomy Competence Relatedness
83. Autonomy Competence Relatedness
84. Flow Theory
86. Concentration Action and awareness Self-consciousness Control or agency Distortion of time Intrinsically rewarding
87. A clear goal Clear progress Clear Feedback Challenge and skill
88. objec Based off a graph proposed by Csíkszentmihályi
89. 3Motivational Design Applying usability and motivational psychology
90. How can we use it?
91. Psychology Increase motivation Usability Remove Friction
92. Usability goals
93. Theories as a lens for design • Extrinsic motivation • Intrinsic motivation • Self-determination theory • Flow theory
94. Common examples
95. Encourage users 
 to use your app. ?
96. Discounts and Free Trials ? Encourage users 
 to use your app.
97. History Channel Netflix
98. ? Encourage users 
 to use your app. Referrals
99. AirBNB Uber
100. Skip sign-up or introduction. ? Encourage users 
 to use your app.
101. Autonomy Effective Gyroscope
102. Support different types of users. ? Encourage users 
 to use your app.
103. Autonomy Effective
104. Support sharing ? Encourage users 
 to use your app.
105. Overcast
106. UIActivityViewController http://nshipster.com/ uiactivityviewcontroller/
107. ? Encourage users to
 sign up or provide information.
108. Different ways to sign up. ? Encourage users to
 sign up or provide information.
109. AirBNB Autonomy Efficient to use
110. Twitter https://docs.fabric.io/apple/ twitter/log-in-with-twitter.html Facebook https://developers.facebook.com/ docs/facebook-login/ios
111. Efficient to use ? Encourage users to
 sign up or provide information.
112. Logos Number pad Ready to go
113. Clear goals, progress, and feedback. ? Encourage users to
 sign up or provide information.
114. http://blog.linkedin.com/2008/10/09/a-cleaner-look/ Progress Clear goals Clear feedback Purpose Autonomy
115. Keep users using it. ?
116. Good utility ? Keep users using it.
117. Good utility
118. Daily rewards and streaks ? Keep users using it.
119. Hungry Shark Evolution
120. ? Encourage users to rate your app.
121. ? Encourage users to rate your app. Efficient to use, relatedness
122. !
123. Clear
124. Radium Weather Line
125. Ember Source: Dan Counsell
126. Relatedness Overcast
127. The right way to ask users to review your app https://medium.com/circa/the-right-way-to- ask-users-to-review-your-app-9a32fd604fca Mobile App UX Design: Prompting For App Review https://uxplanet.org/mobile-app-ux-design- prompting-for-app-review-5b75c0005cab
128. Using it in design
129. Usability goals
130. Motivational elements • A clear goal • Clear progress • Clear Feedback • Challenge and skill • Autonomy • Competence • Relatedness • Rewards
131. Removing Friction A focus on usability Turning to psychology Theories of Motivation Applying usability and motivational psychology Motivational Design 3 2 1
133. Questions? Slides and resources http://gamificationgeek.com/devworld16 136 Zac Fitz-Walter (@zefcan) & Jimmy Ti (@jimmyti) | Eat More Pixels | www.eatmorepixels.com.au