SlideShare a Scribd company logo
The Mobile Frontier
                                     Interactions 2012




  Rachel Hinman
  Senior Research Scientist
  Nokia Research Lab
  Palo Alto, California USA
         Hinman


Title!
2


I 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 Effect
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.”
Mobile presents an
opportunity to invent
new ways for users to
interact 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 web
in the image of
ourselves, and in
the U.S., that
means OBESE.”

~Jason Grigsby
A!




     20!
21!
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!
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 Action
Mutual Reconfiguration
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.
30
Two
Q:



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 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
“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
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!
We’re reaching the edges
      of what GUI can do




                      61!
62!
GUIs become brittle
 on a mobile device




                 63!
66!
67!
Key differences between
      NUI and GUI
Defining Attributes of




GUIs…
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!
Defining Attributes of




NUIs…
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!
83
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
Nested Doll Pattern




                 85!
Hub and Spoke Pattern



                   86!
Bento Box Pattern




                    87!
Filtered View Pattern




                   88!
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
Q:



Q:!
Emergent Mobile Topics
 1 Shapeshifting

 2 A Brave NUI World

 3 Comfortable Computing
Mark Weiser
Q:



Q:!
“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
Q:



Q:!




      Tab   Pad          Yard-Sized Board



                  1991
2010
Mobile devices are
the gateway drug for ubicomp
Following toddlers into the future
“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
“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
“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-efficiency model.

          Mobile can be different.




                                      109!
Tasks are about completion…




                              110!
Tasks are about completion…



Possibilities are interactions that
accrue over time…




                                      111!
Tasks are about completion…



Possibilities are interactions that
accrue over time…




… or facilitate
exploration…
                                      112!
Tasks are about completion…



Possibilities are interactions that
accrue over time…



                               ..or are about
… or facilitate                     SENSING
exploration…                         INTENT!
                                            113!
114!
115!
116!
117!
118!
119!
Emergent Mobile Topics
 1 Shapeshifting

 2 A Brave NUI World

 3 Comfortable Computing
Mobile presents an
opportunity to invent
new ways for users to
interact with information.


                             122!
Thank you!

                        Email:
                        rachel.hinman@nokia.com




Thanks, and next up…!
Oh! By the way…
I’m writing a book!


Expected Publication:
April 2011

!      !       !

More Related Content

What's hot

Social engineering
Social engineeringSocial engineering
Social engineering
Vishal Kumar
 
Automobile Marketing takes a Digital Turn
Automobile Marketing takes a Digital TurnAutomobile Marketing takes a Digital Turn
Automobile Marketing takes a Digital Turn
Wild Dreams Media & Communications
 
Using Facebook Click-to-Messenger Ads for Lead Generation
Using Facebook Click-to-Messenger Ads for Lead Generation Using Facebook Click-to-Messenger Ads for Lead Generation
Using Facebook Click-to-Messenger Ads for Lead Generation
Visualbots
 
CYBER-CRIME PRESENTATION.ppt
CYBER-CRIME PRESENTATION.pptCYBER-CRIME PRESENTATION.ppt
CYBER-CRIME PRESENTATION.ppt
Praveen362297
 
Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...
Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...
Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...
Dominik Bernauer
 
Security threats in social networks
Security threats in social networksSecurity threats in social networks
Security threats in social networks
Tannistho Ghosh
 
LinkedIn Communication Architecture
LinkedIn Communication ArchitectureLinkedIn Communication Architecture
LinkedIn Communication Architecture
LinkedIn
 
Introduction to LinkedIn
Introduction to LinkedInIntroduction to LinkedIn
Introduction to LinkedIn
Clyde Nunes
 
Как сделать крутой титульный слайд
Как сделать крутой титульный слайдКак сделать крутой титульный слайд
Как сделать крутой титульный слайд
esprezo
 

What's hot (9)

Social engineering
Social engineeringSocial engineering
Social engineering
 
Automobile Marketing takes a Digital Turn
Automobile Marketing takes a Digital TurnAutomobile Marketing takes a Digital Turn
Automobile Marketing takes a Digital Turn
 
Using Facebook Click-to-Messenger Ads for Lead Generation
Using Facebook Click-to-Messenger Ads for Lead Generation Using Facebook Click-to-Messenger Ads for Lead Generation
Using Facebook Click-to-Messenger Ads for Lead Generation
 
CYBER-CRIME PRESENTATION.ppt
CYBER-CRIME PRESENTATION.pptCYBER-CRIME PRESENTATION.ppt
CYBER-CRIME PRESENTATION.ppt
 
Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...
Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...
Bachelorarbeit Vera Mayr: „Eine Analyse der Einsatzmöglichkeiten von Social M...
 
Security threats in social networks
Security threats in social networksSecurity threats in social networks
Security threats in social networks
 
LinkedIn Communication Architecture
LinkedIn Communication ArchitectureLinkedIn Communication Architecture
LinkedIn Communication Architecture
 
Introduction to LinkedIn
Introduction to LinkedInIntroduction to LinkedIn
Introduction to LinkedIn
 
Как сделать крутой титульный слайд
Как сделать крутой титульный слайдКак сделать крутой титульный слайд
Как сделать крутой титульный слайд
 

Viewers also liked

Culture + Design
Culture + DesignCulture + Design
Culture + Design
Erik Dahl
 
PSFK Future Of Light Report
PSFK Future Of Light ReportPSFK Future Of Light Report
PSFK Future Of Light Report
PSFK
 
2017 trends in web + email design
2017 trends in web + email design2017 trends in web + email design
2017 trends in web + email design
Visible Logic, Inc.
 
WUD 2014 - Test di usabilità su prototipi cartacei
WUD 2014 - Test di usabilità su prototipi cartaceiWUD 2014 - Test di usabilità su prototipi cartacei
WUD 2014 - Test di usabilità su prototipi cartacei
Stefano Dominici
 
Design for Developers SunshinePHP 2017
Design for Developers  SunshinePHP 2017Design for Developers  SunshinePHP 2017
Design for Developers SunshinePHP 2017
Kevin Bruce
 
SXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional PeopleSXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional People
frog
 
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
#BrightonSEO 2014 - Think Eyes... Not Just Keywords#BrightonSEO 2014 - Think Eyes... Not Just Keywords
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
ConversionArium
 
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
Fresh Egg UK
 
Digital Summit - Seattle 2017
Digital Summit - Seattle 2017 Digital Summit - Seattle 2017
Digital Summit - Seattle 2017
Mathew Sweezey
 
American Banking Association Marketing Conference - Modern Consumers
American Banking Association Marketing Conference - Modern ConsumersAmerican Banking Association Marketing Conference - Modern Consumers
American Banking Association Marketing Conference - Modern Consumers
Mathew Sweezey
 
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
Carolyn Jones
 
Акция «доброе дело» — ликвидируем цифровое неравеснство
Акция «доброе дело» — ликвидируем цифровое неравеснствоАкция «доброе дело» — ликвидируем цифровое неравеснство
Акция «доброе дело» — ликвидируем цифровое неравеснство
Maxim Karakulov
 
The Future of TV
The Future of TV The Future of TV
The Future of TV
Distilled
 
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
The 4 Must-Haves and Must-Nots for Pitch Deck PresentationsThe 4 Must-Haves and Must-Nots for Pitch Deck Presentations
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
Ethos3
 
The Other #WorldCup #FIFA
The Other #WorldCup #FIFAThe Other #WorldCup #FIFA
The Other #WorldCup #FIFA
Empowered Presentations
 
Motion detection in JS for Gesture based interaction
Motion detection in JS for Gesture based interactionMotion detection in JS for Gesture based interaction
Motion detection in JS for Gesture based interaction
Neev Technologies
 
Fading Money
Fading MoneyFading Money
Fading Money
Antonio De Pasquale
 
UX in Automobiles: Balancing effective UI design & driver safety
UX in Automobiles: Balancing effective UI design & driver safetyUX in Automobiles: Balancing effective UI design & driver safety
UX in Automobiles: Balancing effective UI design & driver safety
Jake Zukowski
 
Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012
Marzia Bianchi
 
The future of tv
The future of tvThe future of tv
The future of tv
Koen Delvaux
 

Viewers also liked (20)

Culture + Design
Culture + DesignCulture + Design
Culture + Design
 
PSFK Future Of Light Report
PSFK Future Of Light ReportPSFK Future Of Light Report
PSFK Future Of Light Report
 
2017 trends in web + email design
2017 trends in web + email design2017 trends in web + email design
2017 trends in web + email design
 
WUD 2014 - Test di usabilità su prototipi cartacei
WUD 2014 - Test di usabilità su prototipi cartaceiWUD 2014 - Test di usabilità su prototipi cartacei
WUD 2014 - Test di usabilità su prototipi cartacei
 
Design for Developers SunshinePHP 2017
Design for Developers  SunshinePHP 2017Design for Developers  SunshinePHP 2017
Design for Developers SunshinePHP 2017
 
SXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional PeopleSXSW: Designing Smart Objects for Emotional People
SXSW: Designing Smart Objects for Emotional People
 
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
#BrightonSEO 2014 - Think Eyes... Not Just Keywords#BrightonSEO 2014 - Think Eyes... Not Just Keywords
#BrightonSEO 2014 - Think Eyes... Not Just Keywords
 
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
Google as Predator: The Evolution of Search by David Sewell - BrightonSEO 2014
 
Digital Summit - Seattle 2017
Digital Summit - Seattle 2017 Digital Summit - Seattle 2017
Digital Summit - Seattle 2017
 
American Banking Association Marketing Conference - Modern Consumers
American Banking Association Marketing Conference - Modern ConsumersAmerican Banking Association Marketing Conference - Modern Consumers
American Banking Association Marketing Conference - Modern Consumers
 
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
Link Prospecting - Step Away from the Search Engine - BrightonSEO April 2014
 
Акция «доброе дело» — ликвидируем цифровое неравеснство
Акция «доброе дело» — ликвидируем цифровое неравеснствоАкция «доброе дело» — ликвидируем цифровое неравеснство
Акция «доброе дело» — ликвидируем цифровое неравеснство
 
The Future of TV
The Future of TV The Future of TV
The Future of TV
 
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
The 4 Must-Haves and Must-Nots for Pitch Deck PresentationsThe 4 Must-Haves and Must-Nots for Pitch Deck Presentations
The 4 Must-Haves and Must-Nots for Pitch Deck Presentations
 
The Other #WorldCup #FIFA
The Other #WorldCup #FIFAThe Other #WorldCup #FIFA
The Other #WorldCup #FIFA
 
Motion detection in JS for Gesture based interaction
Motion detection in JS for Gesture based interactionMotion detection in JS for Gesture based interaction
Motion detection in JS for Gesture based interaction
 
Fading Money
Fading MoneyFading Money
Fading Money
 
UX in Automobiles: Balancing effective UI design & driver safety
UX in Automobiles: Balancing effective UI design & driver safetyUX in Automobiles: Balancing effective UI design & driver safety
UX in Automobiles: Balancing effective UI design & driver safety
 
Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012Master in Architettura dell'Informazione IED 2012
Master in Architettura dell'Informazione IED 2012
 
The future of tv
The future of tvThe future of tv
The future of tv
 

Similar to The Mobile Frontier

Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontierFinal virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
Rachel Hinman
 
The Mobile Frontier
The Mobile FrontierThe Mobile Frontier
The Mobile Frontier
Rachel Hinman
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX Essentials
Rachel Hinman
 
Mobile Prototyping Essentials Workshop - Part One
Mobile Prototyping Essentials Workshop - Part OneMobile Prototyping Essentials Workshop - Part One
Mobile Prototyping Essentials Workshop - Part One
Rachel Hinman
 
Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1
Rachel Hinman
 
Advance global trading Dubai
Advance global trading DubaiAdvance global trading Dubai
Advance global trading Dubai
Amineagt Dubai
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
Rachel Hinman
 
Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!
Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!
Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!
Cherie Dargan
 
Mobile UX: We’re still human
Mobile UX: We’re still humanMobile UX: We’re still human
Mobile UX: We’re still human
Reading Room
 
Three ways to look at the future: perspectives from a writer, reader, and mar...
Three ways to look at the future: perspectives from a writer, reader, and mar...Three ways to look at the future: perspectives from a writer, reader, and mar...
Three ways to look at the future: perspectives from a writer, reader, and mar...
Parth Mukherjee
 
Final CD Supper Club Jan16 Digital Distractions & Digital Overload Final
Final CD Supper Club Jan16 Digital Distractions & Digital Overload FinalFinal CD Supper Club Jan16 Digital Distractions & Digital Overload Final
Final CD Supper Club Jan16 Digital Distractions & Digital Overload Final
Cherie Dargan
 
Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!
Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!
Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!
Cherie Dargan
 
SXSW Interactive 2013 Recap
SXSW Interactive 2013 RecapSXSW Interactive 2013 Recap
SXSW Interactive 2013 Recap
Shawn Cheng
 
The Future Friendly Campus
The Future Friendly CampusThe Future Friendly Campus
The Future Friendly Campus
Dave Olsen
 
Lesson 4 visions of the future 1 - v2
Lesson 4   visions of the future 1 - v2Lesson 4   visions of the future 1 - v2
Lesson 4 visions of the future 1 - v2
Boojie Cowell
 
Ficod 2011 (keynote file)
Ficod 2011 (keynote file)Ficod 2011 (keynote file)
Ficod 2011 (keynote file)
Tim O'Reilly
 
Interaction design _beyond_human_computer_interaction
Interaction design _beyond_human_computer_interactionInteraction design _beyond_human_computer_interaction
Interaction design _beyond_human_computer_interaction
Shani729
 
Workshop | Designing interactions
Workshop | Designing interactionsWorkshop | Designing interactions
Workshop | Designing interactions
Bruno Canato
 
We Got This: Surviving and Thriving in a Deeply Weird World
We Got This: Surviving and Thriving in a Deeply Weird WorldWe Got This: Surviving and Thriving in a Deeply Weird World
We Got This: Surviving and Thriving in a Deeply Weird World
Peter Bromberg
 
Digi cal
Digi calDigi cal
Digi cal
Abhinav Krishna
 

Similar to The Mobile Frontier (20)

Final virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontierFinal virtual seminar_mobile_frontier
Final virtual seminar_mobile_frontier
 
The Mobile Frontier
The Mobile FrontierThe Mobile Frontier
The Mobile Frontier
 
Mobile UX Essentials
Mobile UX EssentialsMobile UX Essentials
Mobile UX Essentials
 
Mobile Prototyping Essentials Workshop - Part One
Mobile Prototyping Essentials Workshop - Part OneMobile Prototyping Essentials Workshop - Part One
Mobile Prototyping Essentials Workshop - Part One
 
Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1Mobile Prototyping Essentials Workshop: Part 1
Mobile Prototyping Essentials Workshop: Part 1
 
Advance global trading Dubai
Advance global trading DubaiAdvance global trading Dubai
Advance global trading Dubai
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
 
Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!
Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!
Digital Distractions & Digital Overload: Maybe Nicholas Carr was right!
 
Mobile UX: We’re still human
Mobile UX: We’re still humanMobile UX: We’re still human
Mobile UX: We’re still human
 
Three ways to look at the future: perspectives from a writer, reader, and mar...
Three ways to look at the future: perspectives from a writer, reader, and mar...Three ways to look at the future: perspectives from a writer, reader, and mar...
Three ways to look at the future: perspectives from a writer, reader, and mar...
 
Final CD Supper Club Jan16 Digital Distractions & Digital Overload Final
Final CD Supper Club Jan16 Digital Distractions & Digital Overload FinalFinal CD Supper Club Jan16 Digital Distractions & Digital Overload Final
Final CD Supper Club Jan16 Digital Distractions & Digital Overload Final
 
Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!
Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!
Digital Distraction and Digital Overload: Maybe Nicholas Carr was Right!
 
SXSW Interactive 2013 Recap
SXSW Interactive 2013 RecapSXSW Interactive 2013 Recap
SXSW Interactive 2013 Recap
 
The Future Friendly Campus
The Future Friendly CampusThe Future Friendly Campus
The Future Friendly Campus
 
Lesson 4 visions of the future 1 - v2
Lesson 4   visions of the future 1 - v2Lesson 4   visions of the future 1 - v2
Lesson 4 visions of the future 1 - v2
 
Ficod 2011 (keynote file)
Ficod 2011 (keynote file)Ficod 2011 (keynote file)
Ficod 2011 (keynote file)
 
Interaction design _beyond_human_computer_interaction
Interaction design _beyond_human_computer_interactionInteraction design _beyond_human_computer_interaction
Interaction design _beyond_human_computer_interaction
 
Workshop | Designing interactions
Workshop | Designing interactionsWorkshop | Designing interactions
Workshop | Designing interactions
 
We Got This: Surviving and Thriving in a Deeply Weird World
We Got This: Surviving and Thriving in a Deeply Weird WorldWe Got This: Surviving and Thriving in a Deeply Weird World
We Got This: Surviving and Thriving in a Deeply Weird World
 
Digi cal
Digi calDigi cal
Digi cal
 

More from Rachel Hinman

Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2
Rachel Hinman
 
Mobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part IIMobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part II
Rachel Hinman
 
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX AustraliaTechnology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
Rachel Hinman
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
Rachel Hinman
 
Technology as a Cultural Practice
Technology as a Cultural PracticeTechnology as a Cultural Practice
Technology as a Cultural Practice
Rachel Hinman
 
They Call it Surfing for a Reason
They Call it Surfing for a ReasonThey Call it Surfing for a Reason
They Call it Surfing for a Reason
Rachel Hinman
 

More from Rachel Hinman (6)

Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2Mobile Prototyping Essentials Workshop: Part 2
Mobile Prototyping Essentials Workshop: Part 2
 
Mobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part IIMobile Prototyping Essentials - Part II
Mobile Prototyping Essentials - Part II
 
Technology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX AustraliaTechnology as a Cultural Practice - UX Australia
Technology as a Cultural Practice - UX Australia
 
Mobile Prototyping Essentials
Mobile Prototyping EssentialsMobile Prototyping Essentials
Mobile Prototyping Essentials
 
Technology as a Cultural Practice
Technology as a Cultural PracticeTechnology as a Cultural Practice
Technology as a Cultural Practice
 
They Call it Surfing for a Reason
They Call it Surfing for a ReasonThey Call it Surfing for a Reason
They Call it Surfing for a Reason
 

Recently uploaded

原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
batchelorerbm45967
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
Harry Harrold
 
Dilatometer for measurement of materials
Dilatometer for measurement of materialsDilatometer for measurement of materials
Dilatometer for measurement of materials
ankitsinglaisro
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
02tygie
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
aonx8o5f
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理
一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理
一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理
9cgw2yj6
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
mfria419
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
bz42w9z0
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 

Recently uploaded (20)

原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
欧洲杯足彩-欧洲杯足彩买球软件-欧洲杯足彩买球软件下载|【​网址​🎉ac123.net🎉​】
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
Getting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by NeontribeGetting Data Ready for Culture Hack by Neontribe
Getting Data Ready for Culture Hack by Neontribe
 
Dilatometer for measurement of materials
Dilatometer for measurement of materialsDilatometer for measurement of materials
Dilatometer for measurement of materials
 
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
一比一原版美国加州大学欧文分校毕业证(UCI学位证)如何办理
 
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
一比一原版(Hull毕业证)英国哈珀亚当斯大学毕业证如何办理
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理
一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理
一比一原版(ku毕业证书)堪萨斯大学毕业证如何办理
 
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
一比一原版(Teesside毕业证)英国提赛德大学毕业证如何办理
 
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
一比一原版澳洲科廷科技大学毕业证(Curtin毕业证)如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 

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!
  • 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.
  • 7.
  • 8.
  • 10. 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.”
  • 11. Mobile presents an opportunity to invent new ways for users to interact with information. 11!
  • 12.
  • 14. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • 15. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • 17.
  • 18. 18!
  • 19. “We made the web in the image of ourselves, and in the U.S., that means OBESE.” ~Jason Grigsby
  • 20. A! 20!
  • 21. 21!
  • 22. 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!
  • 23. Q: “Our obsession with layout (carried over from print design) Q:! keeps us from seizing much bigger opportunities on mobile.” ~ Luke Wroblewski 23!
  • 24. 24!
  • 26. Plans & Situated Action Mutual Reconfiguration
  • 27.
  • 28. 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.
  • 29.
  • 30. 30
  • 31. Two Q: Q:! Design Implications
  • 32. Q: Q:! 1. Shift in contextual assumptions
  • 33. Q: Q:! 2. Shift in our sensibilities around content as a design material
  • 34. Q: Q:! 1. Shift in contextual assumptions
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. A!
  • 42. A! Throughout the design process, our work should be situated in the contexts where it will be used.
  • 43. Go to the Gemba
  • 44. Go to the Gemba
  • 45. Go to the Gemba
  • 46. Q: Q:! 2. Shift in our sensibilities around content as a design material
  • 47.
  • 48. Design as the manipulation of materials.
  • 49. Q: Q:! Pages and screens are not our design material
  • 50. Content as a design material.
  • 51. “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
  • 52. “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
  • 53.
  • 54.
  • 55.
  • 56.
  • 58. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • 59. 59!
  • 60. Seated in a relatively predictable environment Large screen enables multi-tasking Keyboard and a mouse for input 60!
  • 61. We’re reaching the edges of what GUI can do 61!
  • 62. 62!
  • 63. GUIs become brittle on a mobile device 63!
  • 64.
  • 65.
  • 66. 66!
  • 67. 67!
  • 70. GUI Mental Model = Computer as tool 70!
  • 71. GUI = Recognition “What you see is what you get” 71!
  • 72. GUI = Metaphorics, containment and place 72!
  • 73. GUIs = Heavy Chrome, Icons & Buttons 73!
  • 75. NUI Mental Model = Computer as media 75!
  • 76. NUI = Intuition “What you do is what you get” 76!
  • 77. NUI = Fluid, Unmediated, and Organic 77!
  • 78. NUIs = Content is the Star 78!
  • 79. GUI = Experiences are anchored 79!
  • 80. NUI = Experiences Unfold 80!
  • 81. NUIs Unfold Like a Game 81!
  • 82. NUIs Can Feel Anchor-less 82!
  • 83. 83
  • 84. 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
  • 86. Hub and Spoke Pattern 86!
  • 89. 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
  • 91. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • 94. “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
  • 95. Q: Q:! Tab Pad Yard-Sized Board 1991
  • 96. 2010
  • 97.
  • 98. Mobile devices are the gateway drug for ubicomp
  • 100.
  • 101. “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
  • 102. “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
  • 103. “It’s almost like my blankie…”
  • 104.
  • 105.
  • 106.
  • 107. Say Goodbye to Done
  • 108. This should look familiar… 108!
  • 109. This should look familiar… The web has evolved around a task-efficiency model. Mobile can be different. 109!
  • 110. Tasks are about completion… 110!
  • 111. Tasks are about completion… Possibilities are interactions that accrue over time… 111!
  • 112. Tasks are about completion… Possibilities are interactions that accrue over time… … or facilitate exploration… 112!
  • 113. Tasks are about completion… Possibilities are interactions that accrue over time… ..or are about … or facilitate SENSING exploration… INTENT! 113!
  • 114. 114!
  • 115. 115!
  • 116. 116!
  • 117. 117!
  • 118. 118!
  • 119. 119!
  • 120.
  • 121. Emergent Mobile Topics 1 Shapeshifting 2 A Brave NUI World 3 Comfortable Computing
  • 122. Mobile presents an opportunity to invent new ways for users to interact with information. 122!
  • 123. Thank you! Email: rachel.hinman@nokia.com Thanks, and next up…!
  • 124. Oh! By the way… I’m writing a book! Expected Publication: April 2011 ! ! !