tablet first: designing holistic ubiquitous experiences

33

Upload: christian-crumlish

Post on 20-Aug-2015

7.814 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Tablet First: Designing Holistic Ubiquitous Experiences
Page 2: Tablet First: Designing Holistic Ubiquitous Experiences

Designing Holistic Ubiquitous Experiences

Christian Crumlish | UXI Live - June 17, 2013

Tablet First

Page 3: Tablet First: Designing Holistic Ubiquitous Experiences

sorry...I couldn’t help myself

Page 4: Tablet First: Designing Holistic Ubiquitous Experiences

Tablet First

Designing Holistic Ubiquitous Experiences

Christian Crumlish | UXI Live - June 17, 2013

but seriously, folks

Page 5: Tablet First: Designing Holistic Ubiquitous Experiences

Mobile First?

Page 6: Tablet First: Designing Holistic Ubiquitous Experiences

Tablet First?

Page 7: Tablet First: Designing Holistic Ubiquitous Experiences

First things first…

• Research first• Understand customers first• Design a holistic experience first• Without regard to devices or endpoints• Platform first, APIs first

Page 8: Tablet First: Designing Holistic Ubiquitous Experiences

and while I have you all here…

Page 9: Tablet First: Designing Holistic Ubiquitous Experiences

“Mobile” First

Page 10: Tablet First: Designing Holistic Ubiquitous Experiences

Mobile means ubiquitous

• It’s the user who’s mobile

• “best screen available”

• Mobile user journeys

• Product as service

• Holistic UX

Page 11: Tablet First: Designing Holistic Ubiquitous Experiences

Doing “mobile” second at CloudOn…

Tablet product came first

Second device: a step back to holistic

Assumptions vs. reality…

Page 12: Tablet First: Designing Holistic Ubiquitous Experiences

One info hierarchy – many screens

Page 13: Tablet First: Designing Holistic Ubiquitous Experiences

Some (painful) lessons learnedRefactoring to a single codebase across device form factors

App store hassles“The install process is the worst on-boarding ever invented by man” — Bill Scott

Getting instrumentation right

“Going Mobile” – regularly walk around with the mobile device, using phone connectivity, and try to GSD.

Page 14: Tablet First: Designing Holistic Ubiquitous Experiences

Holistic user experience

Page 15: Tablet First: Designing Holistic Ubiquitous Experiences

Holistic UX Layouts (via Luke W)

Page 16: Tablet First: Designing Holistic Ubiquitous Experiences

Map the ecosystemProduct as service

Device-agnostic experiences

Concept modeling

Extended user journeys

Meet the user where they are“speak” emailprovide value before requiring commitment

Page 17: Tablet First: Designing Holistic Ubiquitous Experiences

Scenario sketching Customer runs CloudOn app and connects to CloudOn via wifi.

Page 18: Tablet First: Designing Holistic Ubiquitous Experiences

Always work in parallelRegardless of the “main” task, always consider

OrientationBrowser and native appsMultiple operating system styles and conventionsSuccessive versions of OSes, devices, browsersDevice fragmentationAll form factors

…when designing your holistic UX

Page 19: Tablet First: Designing Holistic Ubiquitous Experiences

Landscape and portrait

Page 20: Tablet First: Designing Holistic Ubiquitous Experiences

Browser vs. client app

Page 21: Tablet First: Designing Holistic Ubiquitous Experiences

Browser vs. client app

Page 22: Tablet First: Designing Holistic Ubiquitous Experiences

When in Rome…

Page 23: Tablet First: Designing Holistic Ubiquitous Experiences

So when does Tablet First make sense?

Page 24: Tablet First: Designing Holistic Ubiquitous Experiences

http://readwrite.com/2012/10/22/editors-note-welcome-to-the-new-readwrite

Page 25: Tablet First: Designing Holistic Ubiquitous Experiences

http://www.wired.com/geekdad/2013/01/obama-ux-director

Page 26: Tablet First: Designing Holistic Ubiquitous Experiences

https://twitter.com/paulmcaleer/status/325989938107650048

Tablet first is our philosophy - and real stats back it up. The issue is more people still think laptop *only*.

— Paul McAleer, GoGo@paulmcaleer

Page 27: Tablet First: Designing Holistic Ubiquitous Experiences

http://stream.wsj.com/story/latest-headlines/SS-2-63399/SS-2-218175/

… a strategy called “tablet first,” which assumes that tablets are going to change how people work and will also become the place where developers will create the most innovative applications and websites.

Page 28: Tablet First: Designing Holistic Ubiquitous Experiences

“[Tablet-first design] brings into account things like swipe….

“Then if you start from there, then the mobile experience becomes a relatively simple space-constrained version of the design, while the desktop experience nicely generalizes this is what you do with the mouse. 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

Page 29: Tablet First: Designing Holistic Ubiquitous Experiences
Page 30: Tablet First: Designing Holistic Ubiquitous Experiences

For devices that hit the market just three years ago, they're doing pretty well, generating 8 percent of all Internet traffic. By Dara Kerr

 March 7, 2013 5:19 PM PST

The numbers are out -- people increasingly prefer to browse the Internet on tablets rather than smartphones.

http://news.cnet.com/8301-1035_3-57573182-94/tablets-surpass-smartphones-in-driving-global-web-traffic/

Page 31: Tablet First: Designing Holistic Ubiquitous Experiences

What type of experience?Focused, direct task?

Start with handheldGet the basics rightOptimize 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

Page 32: Tablet First: Designing Holistic Ubiquitous Experiences

Tablet First benefitsdesign “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

Page 33: Tablet First: Designing Holistic Ubiquitous Experiences

Questions?

Thank you!

Christian CrumlishDirector of Product

CloudOn, Inc.

@mediajunkie