Upload
jon-arne-saeteras
View
1.830
Download
0
Embed Size (px)
DESCRIPTION
Presentation from modevux covering what matters to the end user, how RWD is not enough and what else that need to be responsive.
Citation preview
RWD...and the user...
Responsive Web Design
John Arne SæteråsTwitter: @jonarnes
Blog: mpulp.mobifredag 20. april 12
RWD, as defined, does not really solve any problems for the mobile end users.
End users does not careIt’s a dev thing
You can turn RWD into a religion, and still, end users does not care.
fredag 20. april 12
BBC
http://www.bbc.co.uk/blogs/bbcinternet/2012/03/bbc_news_mobile_site_refresh.html
fredag 20. april 12
BBC
http://www.bbc.co.uk/blogs/bbcinternet/2012/03/bbc_news_mobile_site_refresh.html
fredag 20. april 12
ContentWhat the end users care about is the
and how it is presented
fredag 20. april 12
http://blog.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/
RWD != Mobile Friendly...fun to resize browser window on the laptop, tho...
In some cases, RWD is bad for the end user...
Same Size 86 %
A Bit Smaller 11%
10 Got Lucky (BG Image, Fonts, …)
1 Responsive Images
Much Smaller
3%
source: Akamai
compared to other approaches
fredag 20. april 12
6WXSLG�HGLWRU
6WXSLG�&06
6WXSLG�ZHE�VHUYHU
'HYLFH�DVVXPHG�WR�EH�LQWHOOLJHQW
http://mpulp.mobi/2011/05/next-steps-of-responsive-web-design/
Speed? Data download? 3rd party content? Device bugs? Context awareness? Retina images? Source order?
Processing power? Bandwidth?
RWD
Current state of RWD
fredag 20. april 12
Snappy
Relevant
Available
Cheap
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
Snappy
Relevant
Available
Cheap
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
Make the user come back
fredag 20. april 12
Make RWD matter for the end user!
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
6WXSLG�HGLWRU
6WXSLG�&06
6WXSLG�ZHE�VHUYHU
'HYLFH�DVVXPHG�WR�EH�LQWHOOLJHQW
Imagine if content could “hint” upstream how it is best consumed in different contexts...
Producing content useful for
different contexts
Make the content
intelligent
Serve only what the user-agent
need
Relieved, Happy and Snappy
Meta data
Make the entire value chain “responsive”
fredag 20. april 12
6WXSLG�HGLWRU
6WXSLG�&06
6WXSLG�ZHE�VHUYHU
'HYLFH�DVVXPHG�WR�EH�LQWHOOLJHQW
Educated Intelligent Smart
Imagine if content could “hint” upstream how it is best consumed in different contexts...
Producing content useful for
different contexts
Make the content
intelligent
Serve only what the user-agent
need
Relieved, Happy and Snappy
Meta data
Make the entire value chain “responsive”
fredag 20. april 12
RWD
mDot
End users still does not care about
Device Experiences
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
RWD
mDot
End users still does not care about
Device Experiences
...as long as the site is
Snappy
Relevant
Available
Cheaphttp://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
For RWD to make a difference for the user,you have to do stuff server side too!
Don’t forget the rest of the value chain!Has to be “responsive” too!
Including content!
Known as RESS
Ultimate goal
fredag 20. april 12
John Arne SæteråsTwitter: @jonarnes
Blog: mpulp.mobi
THX!
fredag 20. april 12