SXSW 2014 Panel: Future of Responsive Web Design
-
Upload
bluetrainio -
Category
Technology
-
view
6.158 -
download
0
description
Transcript of SXSW 2014 Panel: Future of Responsive Web Design
![Page 1: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/1.jpg)
#RWDnextgen
![Page 2: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/2.jpg)
Kerry BodineAuthor and industry analyst@kerrybodine
Mike NormanVP Technology, Genuine Interactive@mnorman78
Chris Saint-Amant Manager, UI Engineering, Netflix@csaintamant
Tim HaydenAuthor and social anthropologist@TheTimHayden
Panel organizer: #RWDnextgen
![Page 4: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/4.jpg)
We need to be prepared
for every screen.
#RWDnextgen@kerrybodine
![Page 5: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/5.jpg)
##RWDnextgen@kerrybodine Source: BI Intelligence
1 in 5 people in the world own a
PCsmart phone
1 in 17 people in the world own a
tablet
![Page 6: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/6.jpg)
##RWDnextgen@kerrybodine Source: worldometers.info
7,217,995,578people in the world
424,587,975tablets
1,443,599,116PCs & smartphones
![Page 7: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/7.jpg)
##RWDnextgen@kerrybodine Source: Doberman
![Page 8: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/8.jpg)
#RWDnextgen@kerrybodine
![Page 9: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/9.jpg)
#RWDnextgen@kerrybodine Source: GestureTek
![Page 10: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/10.jpg)
#RWDnextgen@kerrybodine
![Page 11: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/11.jpg)
22 million
digital signs by 2015
#RWDnextgen@kerrybodine Source: Intel
![Page 12: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/12.jpg)
#RWDnextgen@kerrybodine
![Page 13: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/13.jpg)
#RWDnextgen@kerrybodine
![Page 14: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/14.jpg)
171 million
wearablesby 2016
#RWDnextgen@kerrybodine Source: IHS
![Page 15: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/15.jpg)
#RWDnextgen@kerrybodine
![Page 16: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/16.jpg)
#RWDnextgen@kerrybodine
25 billion Internet-connected devices
by 2015
#RWDnextgen@kerrybodine Source: Cisco
50 billion Internet-connected devices
by 2020
![Page 17: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/17.jpg)
Our processes need to continue
to evolve.
#RWDnextgen
![Page 18: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/18.jpg)
@kerrybodine #RWDnextgenSource: Doberman
![Page 19: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/19.jpg)
![Page 20: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/20.jpg)
#RWDnextgen@kerrybodine
![Page 21: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/21.jpg)
![Page 22: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/22.jpg)
![Page 23: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/23.jpg)
#RWDnextgen@kerrybodine
![Page 24: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/24.jpg)
marketer / client designer developer
#RWDnextgen@kerrybodine
![Page 25: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/25.jpg)
content comps code
marketer / client designer developer
#RWDnextgen@kerrybodine
![Page 26: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/26.jpg)
Mike NormanVP Technology, Genuine Interactive@mnorman78
#RWDnextgen
![Page 27: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/27.jpg)
Responsive affects everyone in an agency
#RWDnextgen
![Page 28: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/28.jpg)
Educating internally is as important as educating clients
#RWDnextgen
![Page 29: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/29.jpg)
Developers: Get used to being friendly with creatives
#RWDnextgen
![Page 30: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/30.jpg)
Prediction:This will never stop growing (or changing shapes)
#RWDnextgen
![Page 31: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/31.jpg)
Chris Saint-Amant Manager, UI Engineering, Netflix@csaintamant
#RWDnextgen
![Page 32: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/32.jpg)
#RWDnextgen
![Page 33: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/33.jpg)
#RWDnextgen
![Page 34: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/34.jpg)
#RWDnextgen
![Page 35: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/35.jpg)
www.netflix.com
m.netflix.com
#RWDnextgen
![Page 36: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/36.jpg)
#RWDnextgen
![Page 37: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/37.jpg)
#RWDnextgen
![Page 38: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/38.jpg)
#RWDnextgen
![Page 39: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/39.jpg)
Netflix Everywhere1,000+ devices
#RWDnextgen
![Page 40: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/40.jpg)
10ft
#RWDnextgen
![Page 41: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/41.jpg)
Phone/Tablet
#RWDnextgen
![Page 42: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/42.jpg)
Website
#RWDnextgen
![Page 43: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/43.jpg)
ComplimentarySecond-screenTime-shifting
#RWDnextgen
![Page 44: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/44.jpg)
Tim HaydenAuthor and social anthropologist@TheTimHayden
#RWDnextgen
![Page 45: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/45.jpg)
…and, we’ve been sitting on our tails, typing, for just over 200 years.
We’ve been upright and walking [mobile] for more than 4 million years…
#RWDnextgen
![Page 46: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/46.jpg)
#RWDnextgen
![Page 47: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/47.jpg)
#RWDnextgen
![Page 48: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/48.jpg)
#RWDnextgen
![Page 49: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/49.jpg)
#RWDnextgen
![Page 50: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/50.jpg)
Kerry BodineAuthor and industry analyst@kerrybodine
Mike NormanVP Technology, Genuine Interactive@mnorman78
Chris Saint-Amant Manager, UI Engineering, Netflix@csaintamant
Tim HaydenAuthor and social anthropologist@TheTimHayden
#RWDnextgenPanel organizer:
Challenge QuestionsFrom panel organizer Steffan Berelowitz
CEO, Bluetrain.io @steffanb
![Page 51: SXSW 2014 Panel: Future of Responsive Web Design](https://reader034.fdocuments.us/reader034/viewer/2022051013/546b86caaf79599d7d8b6f88/html5/thumbnails/51.jpg)
#RWDnextgen