#RWDnextgen
Kerry Bodine
Author andindustry analyst
@kerrybodine
Mike Norman
VP Technology,
Genuine Interactive
@mnorman78
Chris Saint...
Kerry Bodine
Author andindustry analyst
@kerrybodine
kerrybodine.com
#RWDnextgen
We need to be
prepared
for every screen.
#RWDnextgen@kerrybodine
##RWDnextgen@kerrybodine Source: BI Intelligence
1 in 5 people in the world
own a
PC
smart phone
1 in 17 people in the
wor...
##RWDnextgen@kerrybodine Source: worldometers.info
7,217,995,578
people in the world
424,587,975
tablets
1,443,599,116
PCs...
##RWDnextgen@kerrybodine Source: Doberman
#RWDnextgen@kerrybodine
#RWDnextgen@kerrybodine Source: GestureTek
#RWDnextgen@kerrybodine
22 million
digital signs
by 2015
#RWDnextgen@kerrybodine Source: Intel
#RWDnextgen@kerrybodine
#RWDnextgen@kerrybodine
171 million
wearables
by 2016
#RWDnextgen@kerrybodine Source: IHS
#RWDnextgen@kerrybodine
#RWDnextgen@kerrybodine
25 billion
Internet-connected devices
by 2015
#RWDnextgen@kerrybodine Source: Cisco
50 billion
Int...
Our processes need
to continue to evolve.
#RWDnextgen
@kerrybodine #RWDnextgenSource: Doberman
#RWDnextgen@kerrybodine
#RWDnextgen@kerrybodine
marketer /
client
designer developer
#RWDnextgen@kerrybodine
content comps code
marketer /
client
designer developer
#RWDnextgen@kerrybodine
Mike Norman
VP Technology, Genuine Interactive
@mnorman78
#RWDnextgen
Responsive
affects
everyone in an
agency
#RWDnextgen
Educating internally
is as important
as educating clients
#RWDnextgen
Developers:
Get used to being friendly
with creatives
#RWDnextgen
Prediction:
This will never stop
growing
(or changing shapes)
#RWDnextgen
Chris Saint-Amant
Manager, UI Engineering, Netflix
@csaintamant
#RWDnextgen
#RWDnextgen
#RWDnextgen
#RWDnextgen
www.netflix.com
m.netflix.com
#RWDnextg
#RWDnextgen
#RWDnextgen
#RWDnextgen
Netflix Everywhere
1,000+ devices
#RWDnextgen
10ft
#RWDnextgen
Phone/Tablet
#RWDnextgen
Website
#RWDnextgen
Complimentary
Second-screen
Time-shifting
#RWDnextgen
Tim Hayden
Author and social anthropologist
@TheTimHayden
#RWDnextgen
…and, we’ve been sitting on our tails,
typing, for just over 200 years.
We’ve been upright and walking [mobile]
for more t...
#RWDnextgen
#RWDnextgen
#RWDnextgen
#RWDnextgen
Kerry Bodine
Author andindustry analyst
@kerrybodine
Mike Norman
VP Technology,
Genuine Interactive
@mnorman78
Chris Saint...
#RWDnextgen
SXSW 2014 Panel: Future of Responsive Web Design
SXSW 2014 Panel: Future of Responsive Web Design
SXSW 2014 Panel: Future of Responsive Web Design
Upcoming SlideShare
Loading in...5
×

SXSW 2014 Panel: Future of Responsive Web Design

6,539

Published on

Industry analyst Kerry Bodine explains why we should care about responsive web design (think 22 million digital signs by 2015 and 171 million wearables by 2016). Mike Norman of digital agency Genuine Interactive explains the changes that RWD brings to an agency. Chris Saint-Amant of Netflix explains how their UI has been tuned. With customers in 41 countires, having a single code base for all brower-based signups has been central to astonishing growth. Social anthropologist Tim Hayden shares his observation of how RWD is changing daily behaviors and global entrepreneurship. Panel organized by Steffan Berelowitz of Bluetrain.io.

Published in: Technology
0 Comments
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
6,539
On Slideshare
0
From Embeds
0
Number of Embeds
27
Actions
Shares
0
Downloads
95
Comments
0
Likes
12
Embeds 0
No embeds

No notes for slide
  • Source: http://www.businessinsider.com/smartphone-and-tablet-penetration-2013-10
  • Source: http://www.businessinsider.com/smartphone-and-tablet-penetration-2013-10
  • Source: Doberman
  • Source: http://www.flickr.com/photos/nyc_ts2/847560110/
  • Source: http://www.gesturetek.com/gesturefx/businesscases/shanghai.php
  • Source: Nike
  • Source: NikeSource: http://www.wearable-technologies.com/2013/11/new-market-reports-released/
  • Source: http://postscapes.com/internet-of-things-market-size
  • Source: Doberman
  • 22 million digital signs by 2015 -- Intel
  • 22 million digital signs by 2015 -- Intel
  • As a Netflix member, it’s easy to look at our UI across all of our devices and focus on the core discovery and playback experience. This has been finely tuned in many of our apps across many platforms.
  • As a Netflix member, it’s easy to look at our UI across all of our devices and focus on the core discovery and playback experience. This has been finely tuned in many of our apps across many platforms.
  • As a Netflix member, it’s easy to look at our UI across all of our devices and focus on the core discovery and playback experience. This has been finely tuned in many of our apps across many platforms.
  • As we starting expanding into the Netherlands last year, we wanted to do some A/B testing and experimentation with different payment methods. However, we had two separate web site stacks. One for phones/tablets, one for everything else. We decided to use responsive design to consolidate this signup flow into a single, responsive UI. Photo source: http://www.flickr.com/photos/docsearls/5500714140/
  • However, we also put a lot of energy towards acquiring new members. We have gone from roughly 23 million members to 44 million members in just two years, and are now available in more than 41 countries.
  • What we ended up with was a single codebase that allows us to test and measure new ideas across all browser-based signups.
  • This was so successful, that we also embedded it into our Android app, so that you can signup without ever leaving the app.
  • Netlfix is available on a wide range of devices and platforms. We manage this complexity by classifying out Uis into three distinct classes.TODO: replace image with better collage of devices
  • 10ft experiences included Smart TVs, connected BluRay players, game consoles, as well as set-top boxes like Roku and Apple TV
  • Phone and tablet covers our iOS and Android apps
  • Website is for browser-based access from a wide range of devices.
  • These distinct apps and user experiences can be used independently, but also in concert with each other. You see complimentary usage with phone and tablet devices being used to control a TV. You can also time-shift your viewing from one device to the other, as you pause on your TV, but resume on your tablet.
  • Transcript of "SXSW 2014 Panel: Future of Responsive Web Design"

    1. 1. #RWDnextgen
    2. 2. Kerry Bodine Author andindustry analyst @kerrybodine Mike Norman VP Technology, Genuine Interactive @mnorman78 Chris Saint-Amant Manager, UI Engineering, Netflix @csaintamant Tim Hayden Author and social anthropologist @TheTimHayden Panel organizer: #RWDnextgen
    3. 3. Kerry Bodine Author andindustry analyst @kerrybodine kerrybodine.com #RWDnextgen
    4. 4. We need to be prepared for every screen. #RWDnextgen@kerrybodine
    5. 5. ##RWDnextgen@kerrybodine Source: BI Intelligence 1 in 5 people in the world own a PC smart phone 1 in 17 people in the world own a tablet
    6. 6. ##RWDnextgen@kerrybodine Source: worldometers.info 7,217,995,578 people in the world 424,587,975 tablets 1,443,599,116 PCs & smartphones
    7. 7. ##RWDnextgen@kerrybodine Source: Doberman
    8. 8. #RWDnextgen@kerrybodine
    9. 9. #RWDnextgen@kerrybodine Source: GestureTek
    10. 10. #RWDnextgen@kerrybodine
    11. 11. 22 million digital signs by 2015 #RWDnextgen@kerrybodine Source: Intel
    12. 12. #RWDnextgen@kerrybodine
    13. 13. #RWDnextgen@kerrybodine
    14. 14. 171 million wearables by 2016 #RWDnextgen@kerrybodine Source: IHS
    15. 15. #RWDnextgen@kerrybodine
    16. 16. #RWDnextgen@kerrybodine 25 billion Internet-connected devices by 2015 #RWDnextgen@kerrybodine Source: Cisco 50 billion Internet-connected devices by 2020
    17. 17. Our processes need to continue to evolve. #RWDnextgen
    18. 18. @kerrybodine #RWDnextgenSource: Doberman
    19. 19. #RWDnextgen@kerrybodine
    20. 20. #RWDnextgen@kerrybodine
    21. 21. marketer / client designer developer #RWDnextgen@kerrybodine
    22. 22. content comps code marketer / client designer developer #RWDnextgen@kerrybodine
    23. 23. Mike Norman VP Technology, Genuine Interactive @mnorman78 #RWDnextgen
    24. 24. Responsive affects everyone in an agency #RWDnextgen
    25. 25. Educating internally is as important as educating clients #RWDnextgen
    26. 26. Developers: Get used to being friendly with creatives #RWDnextgen
    27. 27. Prediction: This will never stop growing (or changing shapes) #RWDnextgen
    28. 28. Chris Saint-Amant Manager, UI Engineering, Netflix @csaintamant #RWDnextgen
    29. 29. #RWDnextgen
    30. 30. #RWDnextgen
    31. 31. #RWDnextgen
    32. 32. www.netflix.com m.netflix.com #RWDnextg
    33. 33. #RWDnextgen
    34. 34. #RWDnextgen
    35. 35. #RWDnextgen
    36. 36. Netflix Everywhere 1,000+ devices #RWDnextgen
    37. 37. 10ft #RWDnextgen
    38. 38. Phone/Tablet #RWDnextgen
    39. 39. Website #RWDnextgen
    40. 40. Complimentary Second-screen Time-shifting #RWDnextgen
    41. 41. Tim Hayden Author and social anthropologist @TheTimHayden #RWDnextgen
    42. 42. …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
    43. 43. #RWDnextgen
    44. 44. #RWDnextgen
    45. 45. #RWDnextgen
    46. 46. #RWDnextgen
    47. 47. Kerry Bodine Author andindustry analyst @kerrybodine Mike Norman VP Technology, Genuine Interactive @mnorman78 Chris Saint-Amant Manager, UI Engineering, Netflix @csaintamant Tim Hayden Author and social anthropologist @TheTimHayden #RWDnextgenPanel organizer: Challenge Questions From panel organizer SteffanBerelowitz CEO, Bluetrain.io @steffanb
    48. 48. #RWDnextgen
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×