designing immersive mobile experiences - converge 2013
TRANSCRIPT
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
1/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
2/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
3/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
4/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
5/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
6/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
7/87
PROS TO NATIVE APPS Use existin conventions and native UI
elements Most responsive to touch, superior physics,
complex animations Push notications, social media inte ration
Marketin advanta es to bein in theApp Store
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
8/87
CONS TO NATIVE APPS Native developers arent cheap or plentiful,
particularly for iOS Lon er dev time means hi her costs Apple App Store submission process
Additional effort to support multipleplatforms: iOS, Android, Blackberry, Windows
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
9/87
PROS TO HYBRID APPS Offers many advanta es of native app Less development cost & e ffort
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
10/87
CONS TO HYBRID APPS Not as responsive to touch/swipe, di fficult to
support complex physics Users expect native behavior and are subtly
disappointed when it doesnt deliver
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
11/87
PROS TO A RESPONSIVE SITE
Easy to develop, deploy and update One site, many devices Works across platforms
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
12/87
CONS TO MOBILE WEB SITES Lack of native UI elements
Fewer complex animations Lack of exposure in the App Store
Cant do push notications, cant inte ratewith the users contacts/social media
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
13/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
14/87
SEAMLESSNESSerases the line between thephysical and the virtual world
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
15/87
Touch makes immersion andseamless experiences possible
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
16/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
17/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
18/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
19/87
We are movin towards amouseless future
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
20/87
Touch is thrillin because ofthe lack of mediation
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
21/87
Seamlessness requires thesuspension of disbelief
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
22/87
Suspension of disbeliefrequires awless technolo y
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
23/87
Seamless desi n requiresnew, touch-specic patternsand paradi ms
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
24/87
User testin is the only way tovalidate seamlessness
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
25/87
SEAMLESSNESS TAKEAWAYS Enabled by the ma ic of touch Requires suspension of disbelief and
awless technolo y performance Necessitates new, touch-specic UI patterns Destroyed by anythin clunky or
unexpected Happens in the minds of users
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
26/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
27/87
What do users want to do?
Why are they doin it?
Where are they doin it?
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
28/87
There is no substitute for userresearch and user testin
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
29/87
User behavior is context-specic
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
30/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
31/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
32/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
33/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
34/87
Mobile-optimizin meansresearch-driven,context-specic desi n
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
35/87
Use research to identifyunique contexts forphone vs tablet vs desktop
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
36/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
37/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
38/87
26% of apps downloaded areonly used once
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
39/87
More features != More app usa e
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
40/87
Cuttin superuous featurescreates more immersiveexperiences
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
41/87
30 SECOND RULE:
If I cant do somethin in 30seconds or less I will neveruse your app a ain
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
42/87
Immersive apps o ffer hi hlyedited avenues for exploration
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
43/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
44/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
45/87
Quick wins build condencein new users
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
46/87
Seamlessness builds withfamiliarity
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
47/87
Speed and responsivenesslead to lon er, immersiveinteractions
Speed Familiarity Condence Exploration
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
48/87
Choose the ri ht metrics tomeasure and et client buy-in
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
49/87
Launch small and keepiteratin
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
50/87
Break sets of features out intomultiple apps
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
51/87
PLANNING TAKEAWAYS Extra features do not make an app extra
immersive 30 seconds to your most critical function Offer carefully edited avenues for
exploration Anticipate user needs and enhance the
experience in context specic ways.
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
52/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
53/87
Desi n = problem solvin
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
54/87
Immersive desi n =solvin fundamental problems+ layer of ma ic and deli ht
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
55/87
Navi ation is critical to yourmobile experience
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
56/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
57/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
58/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
59/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
60/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
61/87
One door, one exit
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
62/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
63/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
64/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
65/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
66/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
67/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
68/87
Transitions and animationsarent eye candy; they provideimportant user feedback
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
69/87
Use the z-axis to layer screensand describe relationshipsbetween content
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
70/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
71/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
72/87
Animation should alwaysmimic real world physics
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
73/87
Good er onomics is key tocreatin seamlessness
ima e credit: Josh Clark
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
74/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
75/87
Reduce the number of itemson each screen
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
76/87
Secret panels and hiddendoors streamline UI and o fferen a ement for expert users
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
77/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
78/87
Only hide as much as youhave to, and o ffer stron visual cues
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
79/87
Use familiar metaphors
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
80/87
Make the next actionpainfully obvious
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
81/87
Reward users for every touch
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
82/87
Super-realism extendsinteractions in a way thatsboth excitin and believable
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
83/87
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
84/87
DESIGN TAKEAWAYS
Optimize navi ation for discoverability Help users build mental maps Use animation to provide information,
not eye candy Dont for et to consider er onomics Hide options in secret panels, but only
when necessary Look for opportunities to create Super
Realism
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
85/87
Nobodys ot this perfectly ured out yet
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
86/87
Go make somethin awesome
-
7/28/2019 Designing Immersive Mobile Experiences - Converge 2013
87/87
THANK YOU!Follow me on Twitter: @heywren