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, 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.”!

The Rearview Mirror Eﬀect

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 eﬀect,” 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.”

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

Shapeshifting

“We made the webin the image ofourselves, and inthe U.S., thatmeans OBESE.”~Jason Grigsby

A! 20!

Q: “I think a lot of web design in the past ﬁve to ten years is actuallyQ:! just a reﬂection of print again. We’ve been designing for one context, which isn’t 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!

Shapeshifting

Plans & Situated ActionMutual Reconﬁguration

Q: Suchman’s theory of mutual reconﬁguration suggests a person’sQ:! capacity to act (their agency) is reconﬁgured 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.

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! Throughout the design process, our work should be situated in the contexts where it will be used.

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 we’vestarted looking at is writing and workingwith APIs rather than designing ‘pages’for 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

Seated in a relatively predictable environment Large screen enables multi-tasking Keyboard and a mouse for input 60!

We’re reaching the edges of what GUI can do 61!

GUIs become brittle on a mobile device 63!

Key diﬀerences between NUI and GUI

Deﬁning Attributes ofGUIs…

GUI Mental Model =Computer as tool 70!

GUI = Recognition“What you see is what you get” 71!

GUI = Metaphorics, containment and place 72!

GUIs = Heavy Chrome, Icons & Buttons 73!

Deﬁning Attributes ofNUIs…

NUI Mental Model =Computer as media 75!

NUI = Intuition“What 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!

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!

Bento Box Pattern 87!

Filtered View Pattern 88!

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

Mark Weiser

“The most profound technologiesQ:are those that disappear.Q:!They weave themselves into thefabric of everyday life until theyare indistinguishable from it.”~ Mark WeiserThe Computer for the 21st Century

Q:Q:! Tab Pad Yard-Sized Board 1991

Mobile devices arethe gateway drug for ubicomp

Following toddlers into the future

“I like cuddling up in bed withQ:Netﬂix on the iPad instead ofsitting in front of the TV. It’s moreQ:!comfortable to go to bed with amovie the same way I used to goto bed with a book”~ NorbertiPad Study Participant

“It’s almost like my blankie…Q:I curl up in bed with it, or on thecouch. I usually have it with me,Q:!regardless of extenuatingcircumstances ”~ EriniPad Study Participant

“It’s almost like my blankie…”

Say Goodbye to Done

This should look familiar… 108!

This should look familiar… The web has evolved around a task-eﬃciency model. Mobile can be diﬀerent. 109!

Tasks are about completion… 110!

Tasks are about completion…Possibilities are interactions thataccrue over time… 111!

Tasks are about completion…Possibilities are interactions thataccrue over time…… or facilitateexploration… 112!

Tasks are about completion…Possibilities are interactions thataccrue over time… ..or are about… or facilitate SENSINGexploration… INTENT! 113!

Mobile presents anopportunity to inventnew ways for users tointeract with information. 122!

Thank you! Email: rachel.hinman@nokia.comThanks, and next up…!

Oh! By the way…I’m writing a book!Expected Publication:April 2011! ! !

http://inspiredm.com	2595
http://www.jvetrau.com	928
http://www.inspiredm.com	796
http://bradfrostweb.com	409
http://www.scoop.it	385
http://blog.espol.edu.ec	286
http://pixels	209
http://gauravmishra.wordpress.com	125
http://lanyrd.com	93
http://digitalapprentices.collected.info	65
http://us-w1.rockmelt.com	55
http://storify.com	51
http://www.nomadchique.com	46
http://design.collected.info	46
http://arunachalams-trigent.socialmashup.me	41
http://webdesigner.collected.info	41
http://creativeblog	35
http://feeds.feedburner.com	34
http://lieveld.nl	29
http://www.website-bouwen-blog.nl	26
http://test.socialmashup.co	26
http://flavors.me	24
http://www.thesite.org	21
http://uixdesign.posterous.com	19
http://sprmario.tumblr.com	17
http://design	9
http://rosenfeldmedia.com	9
http://feeds2.feedburner.com	7
http://posterous.com	7
http://10six.tumblr.com	7
http://127.0.0.1	5
http://tweetedtimes.com	5
http://www.artmidias.com	4
http://lucasdecima1111.blogspot.com	4
http://therearenonewideasinspireme.collected.info	4
http://www.twylah.com	2
http://yeydesing.blogspot.com	2
http://www.hanrss.com	2
http://thewebdesign.collected.info	2
http://lucasdecima-com.webs.com	2
http://artq.ru	2
http://newdesignblog.com	1
http://webcache.googleusercontent.com	1
http://www.linkedin.com	1
http://sprmario.posterous.com	1
http://zhuaxia.com	1
https://translate.googleusercontent.com	1
http://seok-kun.blogspot.com	1
http://safe.tumblr.com	1
http://habrahabr.ru	1

The Mobile Frontier

by Rachel Hinman on Feb 02, 2012

Accessibility

Categories

Tags

Upload Details

Usage Rights

50 Embeds 6,484

Statistics

The Mobile Frontier — Presentation Transcript