SlideShare a Scribd company logo
1 of 65
Multi-device
  user
 experience


               Gabriel White
It works everywhere!
Picture of Net ix
Not about mobile
     design.
Designing the
  relationships
between devices.
The ubiquity paradigm
Different devices,
context, needs, uses.
Same content & tools.
Content shifting.
Functional parity.
Right-sizing.
The complementarity paradigm
Augmenting experience,
 enhancing experiences,
 adding richer content or
functionality to a context.
Different devices
create different uses.
Remote control.
Shared workspaces.
Alternative views.
Toolbox.
What’s it for?
“It lets me check email
 without opening my
laptop, which feels too
    much like work.”
“It’s great for reading
magazines while lying
     on the couch.”
What story do you
 want people to tell
about your different
device experiences?
What story do you tell
 about relationships
  between devices?
Personas
How do your target
users relate to their
 different devices?
Is the tablet being
 used around the
      house?
Is the tablet a shared
   or personal tool?
Is the device viewed
 as a productivity or
entertainment tool?
Laptop     Personal laptop, carried to and
           from work every day.


Tablet      Shared device in the home,
            used by spouse and kids.


Smartphone Owned by employer, and used
           for work and games.
This tells the story of
how the users relate
   to the devices.
But not about how
the different devices
    can be used.
Modeling through simulation
Simulation or role
playing is often used
to explore how to use
      a device.
This can be extended
  with a library of
       devices.
Gives an opportunity
 to experiment and
      explore.
See multi-screen video at
http://vimeo.com/7055121
Tells the story of how
the devices can relate
    to each other.
Tells the story of how
  the user relates to
 each of the devices.
But not about how
the different devices
  relate to the user.
Personas, but for devices
What’s the
personality, point of
 view of each of the
device touchpoints?
What if the device had
     a persona?
Giving each touchpoint
  a personality helps
clarify the relationship
 between the user and
       the device.
All these help frame the
relationships between
      the different
 touchpoints and the
          user.
It’s all about relationships
How can you de ne the
relationships between
 each of the platforms
you are designing for?
Gabriel White, November 2011
    gabriel@smallsurfaces.com
        www.smallsurfaces.com

               @smallsurfaces

More Related Content

Similar to Multi-Device User Experience

Tablet Use in the Enterprise - A Question of Context
Tablet Use in the Enterprise - A Question of ContextTablet Use in the Enterprise - A Question of Context
Tablet Use in the Enterprise - A Question of ContextJim Jarrett
 
What are digital resources (slideshare)
What are digital resources (slideshare)What are digital resources (slideshare)
What are digital resources (slideshare)nelgiles
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignBrandon Carson
 
WUD2013_Quantified_Self_Talk_TBB1
WUD2013_Quantified_Self_Talk_TBB1WUD2013_Quantified_Self_Talk_TBB1
WUD2013_Quantified_Self_Talk_TBB1Tina Bejian-Binnion
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UXWhitney Quesenbery
 
Multi-Device Digital Product Design
Multi-Device Digital Product DesignMulti-Device Digital Product Design
Multi-Device Digital Product Designprodactive
 
C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010
C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010
C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010Ram Kairam
 
Les tablettes, nouvel eldorado ?
Les tablettes, nouvel eldorado ?Les tablettes, nouvel eldorado ?
Les tablettes, nouvel eldorado ?LaFrenchMobile
 
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
 Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti   Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti Smash Tech
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitFernando Cejas
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and Profitpenanochizzo
 
20 Principles: UI Design
20 Principles: UI Design20 Principles: UI Design
20 Principles: UI DesignMoodLabs
 
UI Design Principles : 20 Essential Rules for User Interface Design
UI Design Principles : 20 Essential Rules for User Interface DesignUI Design Principles : 20 Essential Rules for User Interface Design
UI Design Principles : 20 Essential Rules for User Interface DesignMoodLabs
 
Service design for the cloud of diverse devices
Service design for the cloud of diverse devicesService design for the cloud of diverse devices
Service design for the cloud of diverse devicesClaire Rowland
 
Charles dushek of global children’s opportunities association
Charles dushek of global children’s opportunities associationCharles dushek of global children’s opportunities association
Charles dushek of global children’s opportunities associationCharles Dushek
 
How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?Kaspar Lavik
 
Assistive technologies
Assistive technologiesAssistive technologies
Assistive technologieserinmarkus
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackonnajam gs
 

Similar to Multi-Device User Experience (20)

Multi Device
Multi DeviceMulti Device
Multi Device
 
Tablet Use in the Enterprise - A Question of Context
Tablet Use in the Enterprise - A Question of ContextTablet Use in the Enterprise - A Question of Context
Tablet Use in the Enterprise - A Question of Context
 
What are digital resources (slideshare)
What are digital resources (slideshare)What are digital resources (slideshare)
What are digital resources (slideshare)
 
Pragmatic Principles for Mobile Design
Pragmatic Principles for Mobile DesignPragmatic Principles for Mobile Design
Pragmatic Principles for Mobile Design
 
WUD2013_Quantified_Self_Talk_TBB1
WUD2013_Quantified_Self_Talk_TBB1WUD2013_Quantified_Self_Talk_TBB1
WUD2013_Quantified_Self_Talk_TBB1
 
Usability testing for accessible UX
Usability testing for accessible UXUsability testing for accessible UX
Usability testing for accessible UX
 
Multi-Device Digital Product Design
Multi-Device Digital Product DesignMulti-Device Digital Product Design
Multi-Device Digital Product Design
 
C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010
C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010
C:\Documents And Settings\Rkairam\Desktop\Autism And The I Pad September 2010
 
Les tablettes, nouvel eldorado ?
Les tablettes, nouvel eldorado ?Les tablettes, nouvel eldorado ?
Les tablettes, nouvel eldorado ?
 
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
 Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti   Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
Android UX-UI Design for fun and profit | Fernando Cejas | Tuenti
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and Profit
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and Profit
 
20 Principles: UI Design
20 Principles: UI Design20 Principles: UI Design
20 Principles: UI Design
 
UI Design Principles : 20 Essential Rules for User Interface Design
UI Design Principles : 20 Essential Rules for User Interface DesignUI Design Principles : 20 Essential Rules for User Interface Design
UI Design Principles : 20 Essential Rules for User Interface Design
 
Service design for the cloud of diverse devices
Service design for the cloud of diverse devicesService design for the cloud of diverse devices
Service design for the cloud of diverse devices
 
Charles dushek of global children’s opportunities association
Charles dushek of global children’s opportunities associationCharles dushek of global children’s opportunities association
Charles dushek of global children’s opportunities association
 
How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?How to Create Insanely Cool UX Designs Using Micro-interactions?
How to Create Insanely Cool UX Designs Using Micro-interactions?
 
Assistive technologies
Assistive technologiesAssistive technologies
Assistive technologies
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
 
Interaction-design-basic.pptx
Interaction-design-basic.pptxInteraction-design-basic.pptx
Interaction-design-basic.pptx
 

Recently uploaded

Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationJIT KUMAR GUPTA
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfJon Freach
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Remy Rey De Barros
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationajroy0196
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headersekinlvnt
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyJaime Brown
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理cyebo
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..GB Logo Design
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasanasabutalha2013
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理cyebo
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfjeffreycarroll14
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...JIT KUMAR GUPTA
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.rrimika1
 

Recently uploaded (20)

Redefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and LocalisationRedefining Globalization, urbanisation and Localisation
Redefining Globalization, urbanisation and Localisation
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 

Multi-Device User Experience