Luke Wroblewski, Designing Across Devices, WarmGun 2013

A1

CROSS DEVICE WEB DESIGN

WARM GUN 2013

@lukew

A2

YES!

A3

NO!

A4

I CAN’T LOOK

A5

I GOT THIS

A6

BLERG

A7Source: http://www.lukew.com/ff/entry.asp?1596

31% of US smartphone owners have a tablet

52% of US laptop owners have smartphone

13% of Americans own laptop, tablet, & smartphone

A8US Smartphone, PC and TV users aged 18-64. Source: New Multi-screen World, August 2012

use multiple screens sequentially90% do so that

same day 98%

A9US Smartphone, PC and TV users aged 18-64. Source: New Multi-screen World, August 2012

laptop/PC& TV66%

smartphone & TV81%

smartphone & laptop/PC66%

A10

CROSS DEVICE USAGE

A11

1. Access 2. Flow 3. Control 4. Push

CROSS DEVICE USAGE

A12

ACCESS

A13

A14

A15

FLOW

A16

A17

A18

A19

A20

CONTROL

A21

A23

A24

OneID CheckoutOneID Checkout

Do you want to purchase Mobile First for $250.00 from

FakeBooks.com?

Do you want to purchase Mobile First for $250.00 from

FakeBooks.com?

OKOK'RQ·W�$OORZ'RQ·W�$OORZ

A25

A26

PUSH

A27Source: http://www.connected-intelligence.com/

40% of smartphone & tablet owners aware of screen mirroring

7% use screen mirroring to project to their TVs

A28

A29

A30

A31

A32

A33

A34

Scales TV display to exact number of pixels as Web source !

User agent & IP are same as source device

A35

18 Inch User Interface

2 Foot User Interface

10 Foot User Interface

A36

A37

A38

A39

1. Access 2. Flow 3. Control 4. Push

CROSS DEVICE USAGE

A40

Native App Mobile Web

VS&

A41

SMARTPHONE TABLET LAPTOP DESKTOP

NATIVE APPLICATIONS

WEB BROWSERS

A42

A43

A44

THANKS

WARM GUN 2013

@lukew