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.
Designing Holistic Ubiquitous ExperiencesChristian Crumlish | UXI Live - June 17, 2013Tablet First
sorry...I couldn’t help myself
Tablet First• Designing Holistic Ubiquitous Experiences• Christian Crumlish | UXI Live - June 17, 2013but seriously, folks
Mobile First?
Tablet First?
First things first…• Research first• Understand customers first• Design a holistic experience first• Without regard to dev...
and while I have you all here…
―Mobile‖ First
Mobile means ubiquitous• It’s the user who’s mobile• ―best screen available‖• Mobile user journeys• Product as service• Ho...
Doing ―mobile‖ second at CloudOn…• Tablet product came first• Second device: a step back to holistic• Assumptions vs. real...
One info hierarchy – many screens
Some (painful) lessons learned• Refactoring to a single codebase across device formfactors• App store hassles ―The instal...
Holistic user experience
Holistic UX Layouts (via Luke W)
Map the ecosystem• Product as service• Device-agnostic experiences• Concept modeling• Extended user journeys• Meet the use...
Scenario sketching Customer runs CloudOn app andconnects to CloudOn via wifi.
Always work in parallelRegardless of the ―main‖ task, always consider Orientation Browser and native apps Multiple oper...
Landscape and portrait
Browser vs. client app
Browser vs. client app
When in Rome…
So when does Tablet First make sense?
http://readwrite.com/2012/10/22/editors-note-welcome-to-the-new-readwrite
http://www.wired.com/geekdad/2013/01/obama-ux-director
https://twitter.com/paulmcaleer/status/325989938107650048Tablet first is our philosophy - and realstats back it up. The is...
http://stream.wsj.com/story/latest-headlines/SS-2-63399/SS-2-218175/… a strategy called “tablet first,” which assumes that...
―[Tablet-first design] brings into account things like swipe….―Then if you start from there, then the mobile experience be...
For devices that hit the market just three years ago, theyre doing pretty well,generating 8 percent of all Internet traffi...
What type of experience?• Focused, direct task? Start with handheld Get the basics right Optimize the core experiences•...
Tablet First benefits• design ―from the middle out‖• focus on a medium form factor• support for portability• think in term...
Questions?Thank you!Christian CrumlishDirector of ProductCloudOn, Inc.@mediajunkie
Tablet First: Designing Holistic Ubiquitous Experiences
Tablet First: Designing Holistic Ubiquitous Experiences
Upcoming SlideShare
Loading in …5
×

Tablet First: Designing Holistic Ubiquitous Experiences

9,154 views

Published on

Mobility today means more than handsets in pockets. We are entering a world of ubiquitous network access to always-on cross-channel digital services, bringing multiple new dimensions of complexity to the job of user experience strategy and product design.

Published in: Design, Technology, Business
  • Be the first to comment

Tablet First: Designing Holistic Ubiquitous Experiences

  1. 1. Designing Holistic Ubiquitous ExperiencesChristian Crumlish | UXI Live - June 17, 2013Tablet First
  2. 2. sorry...I couldn’t help myself
  3. 3. Tablet First• Designing Holistic Ubiquitous Experiences• Christian Crumlish | UXI Live - June 17, 2013but seriously, folks
  4. 4. Mobile First?
  5. 5. Tablet First?
  6. 6. First things first…• Research first• Understand customers first• Design a holistic experience first• Without regard to devices or endpoints• Platform first, APIs first
  7. 7. and while I have you all here…
  8. 8. ―Mobile‖ First
  9. 9. Mobile means ubiquitous• It’s the user who’s mobile• ―best screen available‖• Mobile user journeys• Product as service• Holistic UX
  10. 10. Doing ―mobile‖ second at CloudOn…• Tablet product came first• Second device: a step back to holistic• Assumptions vs. reality…
  11. 11. One info hierarchy – many screens
  12. 12. Some (painful) lessons learned• Refactoring to a single codebase across device formfactors• App store hassles ―The install process is the worst on-boarding ever invented byman‖ — Bill Scott• Getting instrumentation right• ―Going Mobile‖ – regularly walk around with the mobiledevice, using phone connectivity, and try to GSD.
  13. 13. Holistic user experience
  14. 14. Holistic UX Layouts (via Luke W)
  15. 15. Map the ecosystem• Product as service• Device-agnostic experiences• Concept modeling• Extended user journeys• Meet the user where they are ―speak‖ email provide value before requiring commitment
  16. 16. Scenario sketching Customer runs CloudOn app andconnects to CloudOn via wifi.
  17. 17. Always work in parallelRegardless of the ―main‖ task, always consider Orientation Browser and native apps Multiple operating system styles and conventions Successive versions of OSes, devices, browsers Device fragmentation All form factors…when designing your holistic UX
  18. 18. Landscape and portrait
  19. 19. Browser vs. client app
  20. 20. Browser vs. client app
  21. 21. When in Rome…
  22. 22. So when does Tablet First make sense?
  23. 23. http://readwrite.com/2012/10/22/editors-note-welcome-to-the-new-readwrite
  24. 24. http://www.wired.com/geekdad/2013/01/obama-ux-director
  25. 25. https://twitter.com/paulmcaleer/status/325989938107650048Tablet first is our philosophy - and realstats back it up. The issue is more peoplestill think laptop *only*.— Paul McAleer, GoGo@paulmcaleer
  26. 26. http://stream.wsj.com/story/latest-headlines/SS-2-63399/SS-2-218175/… a strategy called “tablet first,” which assumes thattablets are going to change how people work and will alsobecome the place where developers will create the mostinnovative applications and websites.
  27. 27. ―[Tablet-first design] brings into account things like swipe….―Then if you start from there, then the mobile experience becomes arelatively simple space-constrained version of the design, while thedesktop experience nicely generalizes this is what you do with themouse. But the devil’s in the details.‖Sridhar Ramaswamy, Google SVP of ads and commerceSource: http://www.adweek.com/news/technology/fast-chat-google-svp-sridhar-ramaswamy-148914
  28. 28. For devices that hit the market just three years ago, theyre doing pretty well,generating 8 percent of all Internet traffic. By Dara Kerr March 7, 2013 5:19 PM PSTThe numbers are out -- people increasingly prefer to browse the Internet ontablets rather than smartphones.http://news.cnet.com/8301-1035_3-57573182-94/tablets-surpass-smartphones-in-driving-global-web-traffic/
  29. 29. What type of experience?• Focused, direct task? Start with handheld Get the basics right Optimize the core experiences• Creative, visually complex, spatially expansive task? Start with tablet (Especially for generative work, space matters) Then expand the design ―down‖ (to mobile) And ―up‖ to desklap
  30. 30. Tablet First benefits• design ―from the middle out‖• focus on a medium form factor• support for portability• think in terms of gestures• address a mixed paradigm• Recommendation:– Prototype tablet experiences in the browser– Tools like http://draggabilly.desandro.com/ can help with this
  31. 31. Questions?Thank you!Christian CrumlishDirector of ProductCloudOn, Inc.@mediajunkie

×