Every Screen is a Touchscreen

Post on 06-May-2015

1.927 views 2 download

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.

Transcript of Every Screen is a Touchscreen

All Screens are Touch Screens

Michael LowryMobile Design Director, Fidelity Investments

TouchDriven

TouchDriven

PointerDriven

Touch & PointerDriven

Touch & PointerDriven

“We’ve done tons of user

testing on this”

“and it turns out it doesn’t

work”

“after an extended period of time, your arm wants

to fall off”

Why Apple Will Never Ship a Touchscreen MacBook

Steve Jobs: Touchscreen Laptops Don’t Work

Why ‘Gorilla Arm Syndrome’ Rules Out

Multitouch Notebook Displays

TouchDriven

PointerDriven

Daria LoiUX Innovation Manager @ Intel

Touch No Touch

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

✓Search✓Online purchase✓Video calling✓Crop image

Touch No Touch

Hybrid Devices

Tablet Convertible Traditional

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

1 2

43

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

2

43

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

43

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

4

Appropriate Targets Varied Environment

Simple GesturesMinimize Typing

Primary Control Location

Tiny Icon Targets

Tight Spacing

Primary Control Location

Tiny Text Targets

Tiny Icon Targets

Tight Spacing

Primary Control Location

Tiny Text Targets

Required Typing

Tiny Icon Targets

Tight Spacing

Primary Control Location

Tiny Text Targets

Required Typing

Lots of Scrolling

Financial Times

Financial Times

Do

Do

Quartz

Quartz

Pulse

Pulse

WageWorks

WageWorks

Deloitte GA

BootMetro

Fusion

Microsoft Store

Microsoft StoreJosh Clark

Microsoft StoreJosh ClarkLuke Wrorkerlubski?

Microsoft StoreJosh ClarkLuke Wrorkerlubski?Evan Gerber

pointer

voice

touch

pointer

voice

neuromuscular

gestures

devices

ocularbrainwaves

touch

pointer

Maxims

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

Maxims

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

Their devices will be biased toward one of those methods.

Maxims