68
All Screens are Touch Screens

Every Screen is a Touchscreen

Embed Size (px)

DESCRIPTION

Michael Lowry, Design Director of Mobile at Fidelity Investments, presented "Every Screen is a Touchscreen" at Harvard ABCD's May 8th 2013 meeting. Summary: The era of the mouse and desktop is quickly fading yet many designers are still approaching user interfaces with dated design principles and patterns. Designers now need to account for a multitude of new device types and input methods. Michael exposes some of the complexities and opportunities of this new world and suggest that assuming all screens are touchscreens is a necessary first-step to a successful web design.

Citation preview

Page 1: Every Screen is a Touchscreen

All Screens are Touch Screens

Page 2: Every Screen is a Touchscreen

Michael LowryMobile Design Director, Fidelity Investments

Page 3: Every Screen is a Touchscreen
Page 4: Every Screen is a Touchscreen

TouchDriven

Page 5: Every Screen is a Touchscreen

TouchDriven

PointerDriven

Page 6: Every Screen is a Touchscreen

Touch & PointerDriven

Page 7: Every Screen is a Touchscreen

Touch & PointerDriven

Page 8: Every Screen is a Touchscreen
Page 9: Every Screen is a Touchscreen

“We’ve done tons of user

testing on this”

Page 10: Every Screen is a Touchscreen

“and it turns out it doesn’t

work”

Page 11: Every Screen is a Touchscreen

“after an extended period of time, your arm wants

to fall off”

Page 12: Every Screen is a Touchscreen
Page 13: Every Screen is a Touchscreen
Page 14: Every Screen is a Touchscreen

Why Apple Will Never Ship a Touchscreen MacBook

Page 15: Every Screen is a Touchscreen

Steve Jobs: Touchscreen Laptops Don’t Work

Page 16: Every Screen is a Touchscreen

Why ‘Gorilla Arm Syndrome’ Rules Out

Multitouch Notebook Displays

Page 17: Every Screen is a Touchscreen

TouchDriven

PointerDriven

Page 18: Every Screen is a Touchscreen
Page 19: Every Screen is a Touchscreen
Page 20: Every Screen is a Touchscreen

Daria LoiUX Innovation Manager @ Intel

Page 21: Every Screen is a Touchscreen
Page 22: Every Screen is a Touchscreen
Page 23: Every Screen is a Touchscreen
Page 24: Every Screen is a Touchscreen

Touch No Touch

Page 25: Every Screen is a Touchscreen

✓Change settings✓Create PPT slide✓Write email✓Browse

✓Search✓Online purchase✓Video calling✓Crop image

Touch No Touch

Page 26: Every Screen is a Touchscreen
Page 27: Every Screen is a Touchscreen

Hybrid Devices

Page 28: Every Screen is a Touchscreen
Page 29: Every Screen is a Touchscreen
Page 30: Every Screen is a Touchscreen
Page 31: Every Screen is a Touchscreen
Page 32: Every Screen is a Touchscreen
Page 33: Every Screen is a Touchscreen

Tablet Convertible Traditional

Page 34: Every Screen is a Touchscreen

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

1 2

43

Page 35: Every Screen is a Touchscreen

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

2

43

Page 36: Every Screen is a Touchscreen

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

43

Page 37: Every Screen is a Touchscreen

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

4

Page 38: Every Screen is a Touchscreen

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

Page 39: Every Screen is a Touchscreen
Page 40: Every Screen is a Touchscreen
Page 41: Every Screen is a Touchscreen

Primary Control Location

Page 42: Every Screen is a Touchscreen

Tiny Icon Targets

Tight Spacing

Primary Control Location

Tiny Text Targets

Page 43: Every Screen is a Touchscreen

Tiny Icon Targets

Tight Spacing

Primary Control Location

Tiny Text Targets

Required Typing

Page 44: Every Screen is a Touchscreen

Tiny Icon Targets

Tight Spacing

Primary Control Location

Tiny Text Targets

Required Typing

Lots of Scrolling

Page 45: Every Screen is a Touchscreen

Financial Times

Page 46: Every Screen is a Touchscreen

Financial Times

Page 47: Every Screen is a Touchscreen

Do

Page 48: Every Screen is a Touchscreen

Do

Page 49: Every Screen is a Touchscreen

Quartz

Page 50: Every Screen is a Touchscreen

Quartz

Page 51: Every Screen is a Touchscreen

Pulse

Page 52: Every Screen is a Touchscreen

Pulse

Page 53: Every Screen is a Touchscreen

WageWorks

Page 54: Every Screen is a Touchscreen

WageWorks

Page 55: Every Screen is a Touchscreen

Deloitte GA

Page 56: Every Screen is a Touchscreen

BootMetro

Page 57: Every Screen is a Touchscreen

Fusion

Page 58: Every Screen is a Touchscreen
Page 59: Every Screen is a Touchscreen

Microsoft Store

Page 60: Every Screen is a Touchscreen

Microsoft StoreJosh Clark

Page 61: Every Screen is a Touchscreen

Microsoft StoreJosh ClarkLuke Wrorkerlubski?

Page 62: Every Screen is a Touchscreen

Microsoft StoreJosh ClarkLuke Wrorkerlubski?Evan Gerber

Page 63: Every Screen is a Touchscreen

pointer

Page 64: Every Screen is a Touchscreen

voice

touch

pointer

Page 65: Every Screen is a Touchscreen

voice

neuromuscular

gestures

devices

ocularbrainwaves

touch

pointer

Page 66: Every Screen is a Touchscreen

Maxims

Page 67: Every Screen is a Touchscreen

My users will have a choice of input methods...

Maxims

Page 68: Every Screen is a Touchscreen

My users will have a choice of input methods...

Their devices will be biased toward one of those methods.

Maxims