designing across devices: the future of media & cross device web design
DESCRIPTION
Designing Across Devices: The Future of Media & Cross Device Web DesignTRANSCRIPT
![Page 1: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/1.jpg)
A1
CROSS DEVICE WEB DESIGN
WARM GUN 2013
@lukew
![Page 2: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/2.jpg)
A2
YES!
![Page 3: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/3.jpg)
A3
NO!
![Page 4: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/4.jpg)
A4
I CAN’T LOOK
![Page 5: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/5.jpg)
A5
I GOT THIS
![Page 6: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/6.jpg)
A6
BLERG
![Page 7: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/10.jpg)
A10
CROSS DEVICE USAGE
![Page 11: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/12.jpg)
A12
ACCESS
![Page 13: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/13.jpg)
A13
![Page 14: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/14.jpg)
A14
![Page 15: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/15.jpg)
A15
FLOW
![Page 16: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/16.jpg)
A16
![Page 17: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/17.jpg)
A17
![Page 18: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/18.jpg)
A18
![Page 19: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/19.jpg)
A19
![Page 20: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/20.jpg)
A20
CONTROL
![Page 21: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/21.jpg)
A21
![Page 22: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/22.jpg)
![Page 23: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/23.jpg)
A23
![Page 24: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/25.jpg)
A25
![Page 26: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/26.jpg)
A26
PUSH
![Page 27: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/28.jpg)
A28
![Page 29: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/29.jpg)
A29
![Page 30: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/30.jpg)
A30
![Page 31: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/31.jpg)
A31
![Page 32: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/32.jpg)
A32
![Page 33: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/33.jpg)
A33
![Page 34: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/35.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/36.jpg)
A36
![Page 37: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/37.jpg)
A37
![Page 38: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/38.jpg)
A38
![Page 39: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/40.jpg)
A40
Native App Mobile Web
VS&
![Page 41: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/41.jpg)
A41
SMARTPHONE TABLET LAPTOP DESKTOP
NATIVE APPLICATIONS
WEB BROWSERS
![Page 42: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/42.jpg)
A42
![Page 43: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/43.jpg)
A43
![Page 44: Designing Across Devices: The Future of Media & Cross Device Web Design](https://reader034.vdocuments.mx/reader034/viewer/2022052315/554ef598b4c90547648b4882/html5/thumbnails/44.jpg)
A44
THANKS
WARM GUN 2013
@lukew