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

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

2. YES!
2
A

3. NO!
3
A

4. I
CAN’T
LOOK
4
A

5. I GOT
THIS
5
A

6. BLERG
6
A

7. 52%
of US laptop
owners have
smartphone
31%
of US smartphone
owners have a
tablet
13%
of Americans own
laptop, tablet, &
smartphone
Source: http://www.lukew.com/ff/entry.asp?1596
7
A

8. 90%
use multiple screens
sequentially
98%
do so that
same day
US Smartphone, PC and TV users aged 18-64. Source: New Multi-screen World, August 2012
8
A

9. 66%
66%
81%
smartphone &
laptop/PC
laptop/PC
& TV
smartphone
& TV
US Smartphone, PC and TV users aged 18-64. Source: New Multi-screen World, August 2012
9
A

10. CROSS DEVICE USAGE
10
A

11. CROSS DEVICE USAGE
1.
2.
3.
4.
Access
Flow
Control
Push
11
A

12. ACCESS
12
A

13. 13
A

14. 14
A

15. FLOW
15
A

16. 16
A

17. 17
A

18. 18
A

19. 19
A

20. CONTROL
2
A0

21. 2
A1

23. 2
A3

24. OneID Checkout
Do you want to purchase
Mobile First for $250.00 from
FakeBooks.com?
OK
2
A4

25. 2
A5

26. PUSH
2
A6

27. 40%
of smartphone &
tablet owners
aware of screen
mirroring
7%
use screen
mirroring to
project to their
TVs
Source: http://www.connected-intelligence.com/
2
A7

28. 2
A8

29. 2
A9

30. 3
A0

31. 3
A1

32. 3
A2

33. 3
A3

34. Scales TV display to
exact number of pixels
as Web source
!
User agent & IP are
same as source device
3
A4

35. 18 Inch User Interface
2 Foot User Interface
10 Foot User Interface
3
A5

36. 3
A6

37. 3
A7

38. 3
A8

39. CROSS DEVICE USAGE
1.
2.
3.
4.
Access
Flow
Control
Push
3
A9

40. Native App
Mobile Web
VS
&
4
A0

41. SMARTPHONE
TABLET
LAPTOP
DESKTOP
NATIVE APPLICATIONS
WEB BROWSERS
4
A1

42. 4
A2

43. 4
A3

44. @lukew
THANKS
WARM GUN 2013
4
A4