The Mobile Frontier

Embed Size (px)

DESCRIPTION

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 pioneeringTools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.

Text of The Mobile Frontier

  • The Mobile Frontier Interactions 2012 Rachel Hinman Senior Research Scientist Nokia Research Lab Palo Alto, California USA HinmanTitle!
  • 2I used to be a web designer, too!
  • Mobile has arrived
  • Mobile = Wild West
  • Even in situations in which a spirit of exploration and freedom exist, where faculty Hey, Ive got this great idea for an appare 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.!
  • The Rearview Mirror Eect
  • 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 facultyfree 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 eect, see the worldWe see the world through a rear-view mirror. through a rear-view mirror. We march We march backwards intofuture.! backwards into the the future.
  • Mobile presents anopportunity to inventnew ways for users tointeract with information. 11!
  • Where to Look?
  • Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • Shapeshifting
  • 18!
  • We made the webin the image ofourselves, and inthe U.S., thatmeans OBESE.~Jason Grigsby
  • A! 20!
  • 21!
  • Q: I think a lot of web design in the past ve to ten years is actuallyQ:! just a reection of print again. Weve been designing for one context, which isnt much better than a PDF document. ~ Bryan Rieger 22!
  • Q: Our obsession with layout (carried over from print design)Q:! keeps us from seizing much bigger opportunities on mobile. ~ Luke Wroblewski 23!
  • 24!
  • Shapeshifting
  • Plans & Situated ActionMutual Reconguration
  • Q: Suchmans theory of mutual reconguration suggests a personsQ:! capacity to act (their agency) is recongured 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.
  • 30
  • TwoQ:Q:! Design Implications
  • Q:Q:! 1. Shift in contextual assumptions
  • Q:Q:! 2. Shift in our sensibilities around content as a design material
  • Q:Q:! 1. Shift in contextual assumptions
  • A!
  • A! Throughout the design process, our work should be situated in the contexts where it will be used.
  • Go to the Gemba
  • Go to the Gemba
  • Go to the Gemba
  • Q:Q:! 2. Shift in our sensibilities around content as a design material
  • Design as the manipulation of materials.
  • Q:Q:! Pages and screens are not our design material
  • Content as a design material.
  • Right now many designers end upfocusing a lot of energy on the overlyingQ:view the whole template and look andfeel. But the smaller the screen gets, theless that stu matters.Q:!One of the most important things wevestarted looking at is writing and workingwith APIs rather than designing pagesfor one context.~Stephanie Rieger
  • For so much digital content, there isno good metaphor to render anymore the content is just information, textand images so new approaches toQ:!interaction and visual UI design areneeded.~Mike Kruzeniski
  • Q:Q:!
  • Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • 59!
  • Seated in a relatively predictable environment Large screen enables multi-tasking Keyboard and a mouse for input 60!
  • Were reaching the edges of what GUI can do 61!
  • 62!
  • GUIs become brittle on a mobile device 63!
  • 66!
  • 67!
  • Key dierences between NUI and GUI
  • Dening Attributes ofGUIs
  • GUI Mental Model =Computer as tool 70!
  • GUI = RecognitionWhat you see is what you get 71!
  • GUI = Metaphorics, containment and place 72!
  • GUIs = Heavy Chrome, Icons & Buttons 73!
  • Dening Attributes ofNUIs
  • NUI Mental Model =Computer as media 75!
  • NUI = IntuitionWhat you do is what you get 76!
  • NUI = Fluid, Unmediated, and Organic 77!
  • NUIs = Content is the Star 78!
  • GUI = Experiences are anchored 79!
  • NUI = Experiences Unfold 80!
  • NUIs Unfold Like a Game 81!
  • NUIs Can Feel Anchor-less 82!
  • 83
  • Mobile Experiences UnfoldPatterns for how mobile experiences unfoldand 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
  • Nested Doll Pattern 85!
  • Hub and Spoke Pattern 86!