Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

The Mobile Frontier Slide 1 The Mobile Frontier Slide 2 The Mobile Frontier Slide 3 The Mobile Frontier Slide 4 The Mobile Frontier Slide 5 The Mobile Frontier Slide 6 The Mobile Frontier Slide 7 The Mobile Frontier Slide 8 The Mobile Frontier Slide 9 The Mobile Frontier Slide 10 The Mobile Frontier Slide 11 The Mobile Frontier Slide 12 The Mobile Frontier Slide 13 The Mobile Frontier Slide 14 The Mobile Frontier Slide 15 The Mobile Frontier Slide 16 The Mobile Frontier Slide 17 The Mobile Frontier Slide 18 The Mobile Frontier Slide 19 The Mobile Frontier Slide 20 The Mobile Frontier Slide 21 The Mobile Frontier Slide 22 The Mobile Frontier Slide 23 The Mobile Frontier Slide 24 The Mobile Frontier Slide 25 The Mobile Frontier Slide 26 The Mobile Frontier Slide 27 The Mobile Frontier Slide 28 The Mobile Frontier Slide 29 The Mobile Frontier Slide 30 The Mobile Frontier Slide 31 The Mobile Frontier Slide 32 The Mobile Frontier Slide 33 The Mobile Frontier Slide 34 The Mobile Frontier Slide 35 The Mobile Frontier Slide 36 The Mobile Frontier Slide 37 The Mobile Frontier Slide 38 The Mobile Frontier Slide 39 The Mobile Frontier Slide 40 The Mobile Frontier Slide 41 The Mobile Frontier Slide 42 The Mobile Frontier Slide 43 The Mobile Frontier Slide 44 The Mobile Frontier Slide 45 The Mobile Frontier Slide 46 The Mobile Frontier Slide 47 The Mobile Frontier Slide 48 The Mobile Frontier Slide 49 The Mobile Frontier Slide 50 The Mobile Frontier Slide 51 The Mobile Frontier Slide 52 The Mobile Frontier Slide 53 The Mobile Frontier Slide 54 The Mobile Frontier Slide 55 The Mobile Frontier Slide 56 The Mobile Frontier Slide 57 The Mobile Frontier Slide 58 The Mobile Frontier Slide 59 The Mobile Frontier Slide 60 The Mobile Frontier Slide 61 The Mobile Frontier Slide 62 The Mobile Frontier Slide 63 The Mobile Frontier Slide 64 The Mobile Frontier Slide 65 The Mobile Frontier Slide 66 The Mobile Frontier Slide 67 The Mobile Frontier Slide 68 The Mobile Frontier Slide 69 The Mobile Frontier Slide 70 The Mobile Frontier Slide 71 The Mobile Frontier Slide 72 The Mobile Frontier Slide 73 The Mobile Frontier Slide 74 The Mobile Frontier Slide 75 The Mobile Frontier Slide 76 The Mobile Frontier Slide 77 The Mobile Frontier Slide 78 The Mobile Frontier Slide 79 The Mobile Frontier Slide 80 The Mobile Frontier Slide 81 The Mobile Frontier Slide 82 The Mobile Frontier Slide 83 The Mobile Frontier Slide 84 The Mobile Frontier Slide 85 The Mobile Frontier Slide 86 The Mobile Frontier Slide 87 The Mobile Frontier Slide 88 The Mobile Frontier Slide 89 The Mobile Frontier Slide 90 The Mobile Frontier Slide 91 The Mobile Frontier Slide 92 The Mobile Frontier Slide 93 The Mobile Frontier Slide 94 The Mobile Frontier Slide 95 The Mobile Frontier Slide 96 The Mobile Frontier Slide 97 The Mobile Frontier Slide 98 The Mobile Frontier Slide 99 The Mobile Frontier Slide 100 The Mobile Frontier Slide 101 The Mobile Frontier Slide 102 The Mobile Frontier Slide 103 The Mobile Frontier Slide 104 The Mobile Frontier Slide 105 The Mobile Frontier Slide 106 The Mobile Frontier Slide 107 The Mobile Frontier Slide 108 The Mobile Frontier Slide 109 The Mobile Frontier Slide 110 The Mobile Frontier Slide 111 The Mobile Frontier Slide 112 The Mobile Frontier Slide 113 The Mobile Frontier Slide 114 The Mobile Frontier Slide 115 The Mobile Frontier Slide 116 The Mobile Frontier Slide 117 The Mobile Frontier Slide 118 The Mobile Frontier Slide 119 The Mobile Frontier Slide 120 The Mobile Frontier Slide 121 The Mobile Frontier Slide 122 The Mobile Frontier Slide 123 The Mobile Frontier Slide 124
Upcoming SlideShare
UX Fundamentals for Beginners
Next
Download to read offline and view in fullscreen.

181 Likes

Share

Download to read offline

The Mobile Frontier

Download to read offline

Mobile user experience is a new frontier. Untethered from a keyboard and mouse, this rich design space is lush with opportunity to invent new and more human ways for people to interact with information. Invention requires casting off many anchors and conventions inherited from the last 50 years of computer science and traditional design and jumping head first into a new and unfamiliar design space.

In this talk, Rachel will provide:

Insight into how designers and UX professionals can navigate the unfamiliar and fast-changing mobile landscape with grace and solid thinking.

In-depth information on advanced mobile design topics UX professionals will spend the next 10+ years pioneering

Tools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.

Related Audiobooks

Free with a 30 day trial from Scribd

See all

The Mobile Frontier

  1. The Mobile Frontier Interactions 2012 Rachel Hinman Senior Research Scientist Nokia Research Lab Palo Alto, California USA Hinman Title!
  2. 2 I used to be a web designer, too!
  3. Mobile has arrived…
  4. Mobile = Wild West
  5. Even in situations in which a spirit of exploration and freedom exist, where faculty “Hey, I’ve got this great idea for an app…” are free to experiment to work beyond physical and social constraints, our cognitive habits often get in the way. 
 Marshall McLuhan called it “the rear-view mirror effect,” noting that “We see the world through a rear-view mirror. We march backwards into the future.”!
  6. The Rearview Mirror Effect
  7. Even in in situations in whichaaspirit of Even situations in which spirit of exploration and freedom exist, where we are exploration and freedom exist, where faculty free to experiment and to work beyond physical are free to experiment work beyond physical and social constraints, and social constraints, our cognitive habits our cognitive habits often get in
 the way. often get in the way. Marshall McLuhan called called it Marshall McLuhan it “the rear-view “the rear-viewnoting that “We noting that mirror effect,” mirror effect,” see the world “We see the world through a rear-view mirror. through a rear-view mirror. We march We march backwards intofuture.”! backwards into the the future.”
  8. Mobile presents an opportunity to invent new ways for users to interact with information. 11!
  9. Where to Look?
  10. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  11. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  12. Shapeshifting
  13. 18!
  14. “We made the web in the image of ourselves, and in the U.S., that means OBESE.” ~Jason Grigsby
  15. A! 20!
  16. 21!
  17. Q: “I think a lot of web design in the past five to ten years is actually Q:! just a reflection of print again. We’ve been designing for one context, which isn’t much better than a PDF document.” ~ Bryan Rieger 22!
  18. Q: “Our obsession with layout (carried over from print design) Q:! keeps us from seizing much bigger opportunities on mobile.” ~ Luke Wroblewski 23!
  19. 24!
  20. Shapeshifting
  21. Plans & Situated Action Mutual Reconfiguration
  22. Q: Suchman’s theory of mutual reconfiguration suggests a person’s Q:! capacity to act (their agency) is reconfigured when it comes into contact with another thing or person - that human action is constantly constructed and reconstructed from dynamic interactions with the material and social worlds.
  23. 30
  24. Two Q: Q:! Design Implications
  25. Q: Q:! 1. Shift in contextual assumptions
  26. Q: Q:! 2. Shift in our sensibilities around content as a design material
  27. Q: Q:! 1. Shift in contextual assumptions
  28. A!
  29. A! Throughout the design process, our work should be situated in the contexts where it will be used.
  30. Go to the Gemba
  31. Go to the Gemba
  32. Go to the Gemba
  33. Q: Q:! 2. Shift in our sensibilities around content as a design material
  34. Design as the manipulation of materials.
  35. Q: Q:! Pages and screens are not our design material
  36. Content as a design material.
  37. “Right now many designers end up focusing a lot of energy on the overlying Q: view – the whole template and look and feel. But the smaller the screen gets, the less that stuff matters. Q:! One of the most important things we’ve started looking at is writing and working with APIs rather than designing ‘pages’ for one context.” ~Stephanie Rieger
  38. “For so much digital content, there is no good metaphor to render anymore – the content is just information, text and images – so new approaches to Q:! interaction and visual UI design are needed.” ~Mike Kruzeniski
  39. Q: Q:!
  40. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  41. 59!
  42. Seated in a relatively predictable environment Large screen enables multi-tasking Keyboard and a mouse for input 60!
  43. We’re reaching the edges of what GUI can do 61!
  44. 62!
  45. GUIs become brittle on a mobile device 63!
  46. 66!
  47. 67!
  48. Key differences between NUI and GUI
  49. Defining Attributes of GUIs…
  50. GUI Mental Model = Computer as tool 70!
  51. GUI = Recognition “What you see is what you get” 71!
  52. GUI = Metaphorics, containment and place 72!
  53. GUIs = Heavy Chrome, Icons & Buttons 73!
  54. Defining Attributes of NUIs…
  55. NUI Mental Model = Computer as media 75!
  56. NUI = Intuition “What you do is what you get” 76!
  57. NUI = Fluid, Unmediated, and Organic 77!
  58. NUIs = Content is the Star 78!
  59. GUI = Experiences are anchored 79!
  60. NUI = Experiences Unfold 80!
  61. NUIs Unfold Like a Game 81!
  62. NUIs Can Feel Anchor-less 82!
  63. 83
  64. Mobile Experiences Unfold Patterns for how mobile experiences unfold and progressively reveal their nature 1 The Nested Doll Pattern 2 The Hub and Spoke Pattern 3 The Bento Box Pattern 4 The Filtered View Pattern
  65. Nested Doll Pattern 85!
  66. Hub and Spoke Pattern 86!
  67. Bento Box Pattern 87!
  68. Filtered View Pattern 88!
  69. Mobile Experiences Unfold Patterns for how mobile experiences unfold and progressively reveal their nature 1 The Nested Doll Pattern 2 The Hub and Spoke Pattern 3 The Bento Box Pattern 4 The Filtered View Pattern
  70. Q: Q:!
  71. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  72. Mark Weiser
  73. Q: Q:!
  74. “The most profound technologies Q: are those that disappear. Q:! They weave themselves into the fabric of everyday life until they are indistinguishable from it.” ~ Mark Weiser The Computer for the 21st Century
  75. Q: Q:! Tab Pad Yard-Sized Board 1991
  76. 2010
  77. Mobile devices are the gateway drug for ubicomp
  78. Following toddlers into the future
  79. “I like cuddling up in bed with Q: Netflix on the iPad instead of sitting in front of the TV. It’s more Q:! comfortable to go to bed with a movie the same way I used to go to bed with a book” ~ Norbert iPad Study Participant
  80. “It’s almost like my blankie… Q: I curl up in bed with it, or on the couch. I usually have it with me, Q:! regardless of extenuating circumstances ” ~ Erin iPad Study Participant
  81. “It’s almost like my blankie…”
  82. Say Goodbye to Done
  83. This should look familiar… 108!
  84. This should look familiar… The web has evolved around a task-efficiency model. Mobile can be different. 109!
  85. Tasks are about completion… 110!
  86. Tasks are about completion… Possibilities are interactions that accrue over time… 111!
  87. Tasks are about completion… Possibilities are interactions that accrue over time… … or facilitate exploration… 112!
  88. Tasks are about completion… Possibilities are interactions that accrue over time… ..or are about … or facilitate SENSING exploration… INTENT! 113!
  89. 114!
  90. 115!
  91. 116!
  92. 117!
  93. 118!
  94. 119!
  95. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  96. Mobile presents an opportunity to invent new ways for users to interact with information. 122!
  97. Thank you! Email: rachel.hinman@nokia.com Thanks, and next up…!
  98. Oh! By the way… I’m writing a book! Expected Publication: April 2011 ! ! !
  • PhuongAnhBiTh

    Apr. 17, 2017
  • williammdavis

    Feb. 17, 2017
  • RebelDekadance

    Jun. 30, 2015
  • jroland01

    Nov. 22, 2014
  • samuelpushpak

    Aug. 16, 2014
  • vijayshankarb

    Aug. 4, 2014
  • Japhy

    Apr. 13, 2014
  • vinniehendriks

    Mar. 4, 2014
  • mormonmom

    Jan. 12, 2014
  • timklapdor

    Jan. 1, 2014
  • antoniodepasquale

    Dec. 28, 2013
  • mavryk

    Dec. 12, 2013
  • tomokomonzen

    Dec. 9, 2013
  • pedro.albuquerque

    Oct. 6, 2013
  • ssusera67951

    Sep. 17, 2013
  • JoaoPedro53

    Aug. 25, 2013
  • TJParpan

    Jul. 22, 2013
  • moonykanae

    Jun. 18, 2013
  • pantaluna

    May. 22, 2013
  • 7levelstudios

    May. 4, 2013

Mobile user experience is a new frontier. Untethered from a keyboard and mouse, this rich design space is lush with opportunity to invent new and more human ways for people to interact with information. Invention requires casting off many anchors and conventions inherited from the last 50 years of computer science and traditional design and jumping head first into a new and unfamiliar design space. In this talk, Rachel will provide: Insight into how designers and UX professionals can navigate the unfamiliar and fast-changing mobile landscape with grace and solid thinking. In-depth information on advanced mobile design topics UX professionals will spend the next 10+ years pioneering Tools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.

Views

Total views

136,948

On Slideshare

0

From embeds

0

Number of embeds

14,008

Actions

Downloads

1,130

Shares

0

Comments

0

Likes

181

×