designing across devices: the future of media & cross device web design

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

Upload: mais-abusalah

Post on 10-May-2015

542 views

Category:

Marketing


0 download

DESCRIPTION

Designing Across Devices: The Future of Media & Cross Device Web Design

TRANSCRIPT

Page 1: Designing Across Devices: The Future of Media & Cross Device Web Design

A1

CROSS DEVICE WEB DESIGN

WARM GUN 2013

@lukew

Page 2: Designing Across Devices: The Future of Media & Cross Device Web Design

A2

YES!

Page 3: Designing Across Devices: The Future of Media & Cross Device Web Design

A3

NO!

Page 4: Designing Across Devices: The Future of Media & Cross Device Web Design

A4

I CAN’T LOOK

Page 5: Designing Across Devices: The Future of Media & Cross Device Web Design

A5

I GOT THIS

Page 6: Designing Across Devices: The Future of Media & Cross Device Web Design

A6

BLERG

Page 7: Designing Across Devices: The Future of Media & Cross Device Web Design

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: Designing Across Devices: The Future of Media & Cross Device Web Design

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: Designing Across Devices: The Future of Media & Cross Device Web Design

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: Designing Across Devices: The Future of Media & Cross Device Web Design

A10

CROSS DEVICE USAGE

Page 11: Designing Across Devices: The Future of Media & Cross Device Web Design

A11

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

CROSS DEVICE USAGE

Page 12: Designing Across Devices: The Future of Media & Cross Device Web Design

A12

ACCESS

Page 13: Designing Across Devices: The Future of Media & Cross Device Web Design

A13

Page 14: Designing Across Devices: The Future of Media & Cross Device Web Design

A14

Page 15: Designing Across Devices: The Future of Media & Cross Device Web Design

A15

FLOW

Page 16: Designing Across Devices: The Future of Media & Cross Device Web Design

A16

Page 17: Designing Across Devices: The Future of Media & Cross Device Web Design

A17

Page 18: Designing Across Devices: The Future of Media & Cross Device Web Design

A18

Page 19: Designing Across Devices: The Future of Media & Cross Device Web Design

A19

Page 20: Designing Across Devices: The Future of Media & Cross Device Web Design

A20

CONTROL

Page 21: Designing Across Devices: The Future of Media & Cross Device Web Design

A21

Page 22: Designing Across Devices: The Future of Media & Cross Device Web Design
Page 23: Designing Across Devices: The Future of Media & Cross Device Web Design

A23

Page 24: Designing Across Devices: The Future of Media & Cross Device Web Design

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: Designing Across Devices: The Future of Media & Cross Device Web Design

A25

Page 26: Designing Across Devices: The Future of Media & Cross Device Web Design

A26

PUSH

Page 27: Designing Across Devices: The Future of Media & Cross Device Web Design

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: Designing Across Devices: The Future of Media & Cross Device Web Design

A28

Page 29: Designing Across Devices: The Future of Media & Cross Device Web Design

A29

Page 30: Designing Across Devices: The Future of Media & Cross Device Web Design

A30

Page 31: Designing Across Devices: The Future of Media & Cross Device Web Design

A31

Page 32: Designing Across Devices: The Future of Media & Cross Device Web Design

A32

Page 33: Designing Across Devices: The Future of Media & Cross Device Web Design

A33

Page 34: Designing Across Devices: The Future of Media & Cross Device Web Design

A34

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

User agent & IP are same as source device

Page 35: Designing Across Devices: The Future of Media & Cross Device Web Design

A35

18 Inch User Interface

2 Foot User Interface

10 Foot User Interface

Page 36: Designing Across Devices: The Future of Media & Cross Device Web Design

A36

Page 37: Designing Across Devices: The Future of Media & Cross Device Web Design

A37

Page 38: Designing Across Devices: The Future of Media & Cross Device Web Design

A38

Page 39: Designing Across Devices: The Future of Media & Cross Device Web Design

A39

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

CROSS DEVICE USAGE

Page 40: Designing Across Devices: The Future of Media & Cross Device Web Design

A40

Native App Mobile Web

VS&

Page 41: Designing Across Devices: The Future of Media & Cross Device Web Design

A41

SMARTPHONE TABLET LAPTOP DESKTOP

NATIVE APPLICATIONS

WEB BROWSERS

Page 42: Designing Across Devices: The Future of Media & Cross Device Web Design

A42

Page 43: Designing Across Devices: The Future of Media & Cross Device Web Design

A43

Page 44: Designing Across Devices: The Future of Media & Cross Device Web Design

A44

THANKS

WARM GUN 2013

@lukew