Your SlideShare is downloading. ×
  • Like
Tablet First: Designing Holistic Ubiquitous Experiences
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Tablet First: Designing Holistic Ubiquitous Experiences


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 …

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
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide
  • This is a longstanding venerable form factor, both portable and suitable for getting things done. This Roman-era tablet requires a stylus (pre-Steve Jobs).
  • For a visitor to Israel, getting through the passport line on arrival is a terrible first-time user experience. With 10 or more lines, one is nearly always in a slow one. A single snaking line looks worse but works much better. The Israelis in the audience don’t experience this and may not be aware of it. The lesson is to understand your users when their experiences are different from your own.
  • We thought people were *much* less likely to attempt editing and creation tasks on the tiny phone screen than they actually were.
  • Clockwise from top-leftwireframe with metadata area and activity streamTablet layoutPhone screens, one each for the activity stream and the metadataWeb browser layout (alpha)
  • DesignedAcross devicesAcross appsAcross online / offline divideAcross peopleExpressedPer device
  • LukeW offers many suggstions for how responsive designs might stack up in different layouts, all sharing the same information hierarchy.Investigate adaptive design for similarly responsiveness in client apps.
  • This is a CloudOn user on an airplane trying to reach our cloud services with iffy wifi.
  • Always consider portrait, landscape AND transitions between orientations
  • Browser experience gives greatest breadth(Note this is a preview of the browser alpha)
  • App experience can be more fine-tuned, closer to the device’s hardware capabilitiesLukeW calls this “reach” vs. “rich”I told him rich and reach are homophones in Hebrish
  • When developing for iOS and Android, how to balance the OS standards of each, while maintaining a unique style for your product?There’s no easy answer
  • the site has been rebuilt with a tablet-first approach, meaning that instead of starting with a PC and browser as our reference and then scaling that design down to mobile devices, our designers and engineers used mobile as a starting point and worked out from there
  • Kunesh: All of the web applications we built used responsive design [where the application reformats to the device being used], and most of them were built to target tablets first, then phones and laptops.
  • Battery Ventures has hired a new entrepreneur in residence – Charles Jolley, a former executive at Facebook and Apple – and has asked him to help the firm pursue a new investment strategy, VentureWire has learned.


  • 1. Designing Holistic Ubiquitous ExperiencesChristian Crumlish | UXI Live - June 17, 2013Tablet First
  • 2. sorry...I couldn’t help myself
  • 3. Tablet First• Designing Holistic Ubiquitous Experiences• Christian Crumlish | UXI Live - June 17, 2013but seriously, folks
  • 4. Mobile First?
  • 5. Tablet First?
  • 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. and while I have you all here…
  • 8. ―Mobile‖ First
  • 9. Mobile means ubiquitous• It’s the user who’s mobile• ―best screen available‖• Mobile user journeys• Product as service• Holistic UX
  • 10. Doing ―mobile‖ second at CloudOn…• Tablet product came first• Second device: a step back to holistic• Assumptions vs. reality…
  • 11. One info hierarchy – many screens
  • 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. Holistic user experience
  • 14. Holistic UX Layouts (via Luke W)
  • 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. Scenario sketching Customer runs CloudOn app andconnects to CloudOn via wifi.
  • 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. Landscape and portrait
  • 19. Browser vs. client app
  • 20. Browser vs. client app
  • 21. When in Rome…
  • 22. So when does Tablet First make sense?
  • 23.
  • 24.
  • 25. first is our philosophy - and realstats back it up. The issue is more peoplestill think laptop *only*.— Paul McAleer, GoGo@paulmcaleer
  • 26.… 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. ―[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:
  • 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.
  • 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. 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 can help with this
  • 31. Questions?Thank you!Christian CrumlishDirector of ProductCloudOn, Inc.@mediajunkie