luke wroblewski, designing across devices, warmgun 2013

44
A 1 CROSS DEVICE WEB DESIGN WARM GUN 2013 @lukew

Upload: 500-startups

Post on 17-Aug-2014

1.601 views

Category:

Design


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A1

CROSS DEVICE WEB DESIGN

WARM GUN 2013

@lukew

Page 2: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A2

YES!

Page 3: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A3

NO!

Page 4: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A4

I CAN’T LOOK

Page 5: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A5

I GOT THIS

Page 6: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A6

BLERG

Page 7: Luke Wroblewski, Designing Across Devices, WarmGun 2013

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

Page 8: Luke Wroblewski, Designing Across Devices, WarmGun 2013

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%

Page 9: Luke Wroblewski, Designing Across Devices, WarmGun 2013

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

laptop/PC& TV66%

smartphone & TV81%

smartphone & laptop/PC66%

Page 10: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A10

CROSS DEVICE USAGE

Page 11: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A11

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

CROSS DEVICE USAGE

Page 12: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A12

ACCESS

Page 13: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A13

Page 14: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A14

Page 15: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A15

FLOW

Page 16: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A16

Page 17: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A17

Page 18: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A18

Page 19: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A19

Page 20: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A20

CONTROL

Page 21: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A21

Page 22: Luke Wroblewski, Designing Across Devices, WarmGun 2013
Page 23: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A23

Page 24: Luke Wroblewski, Designing Across Devices, WarmGun 2013

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

Page 25: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A25

Page 26: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A26

PUSH

Page 27: Luke Wroblewski, Designing Across Devices, WarmGun 2013

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

40% of smartphone & tablet owners aware of screen mirroring

7% use screen mirroring to project to their TVs

Page 28: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A28

Page 29: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A29

Page 30: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A30

Page 31: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A31

Page 32: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A32

Page 33: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A33

Page 34: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A34

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

User agent & IP are same as source device

Page 35: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A35

18 Inch User Interface

2 Foot User Interface

10 Foot User Interface

Page 36: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A36

Page 37: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A37

Page 38: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A38

Page 39: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A39

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

CROSS DEVICE USAGE

Page 40: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A40

Native App Mobile Web

VS&

Page 41: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A41

SMARTPHONE TABLET LAPTOP DESKTOP

NATIVE APPLICATIONS

WEB BROWSERS

Page 42: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A42

Page 43: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A43

Page 44: Luke Wroblewski, Designing Across Devices, WarmGun 2013

A44

THANKS

WARM GUN 2013

@lukew