A further step forward in measuring journals' scientific ...
RWD and the end user. One step further
-
Upload
jon-arne-saeteras -
Category
Technology
-
view
1.831 -
download
0
description
Transcript of RWD and the end user. One step further
![Page 1: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/1.jpg)
RWD...and the user...
Responsive Web Design
John Arne SæteråsTwitter: @jonarnes
Blog: mpulp.mobifredag 20. april 12
![Page 2: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/2.jpg)
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
![Page 3: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/3.jpg)
BBC
http://www.bbc.co.uk/blogs/bbcinternet/2012/03/bbc_news_mobile_site_refresh.html
fredag 20. april 12
![Page 4: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/4.jpg)
BBC
http://www.bbc.co.uk/blogs/bbcinternet/2012/03/bbc_news_mobile_site_refresh.html
fredag 20. april 12
![Page 5: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/5.jpg)
ContentWhat the end users care about is the
and how it is presented
fredag 20. april 12
![Page 6: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/6.jpg)
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
![Page 7: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/7.jpg)
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
![Page 8: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/8.jpg)
Snappy
Relevant
Available
Cheap
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
![Page 9: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/9.jpg)
Snappy
Relevant
Available
Cheap
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
Make the user come back
fredag 20. april 12
![Page 10: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/10.jpg)
Make RWD matter for the end user!
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
![Page 11: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/11.jpg)
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
![Page 12: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/12.jpg)
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
![Page 13: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/13.jpg)
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
![Page 14: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/14.jpg)
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
![Page 15: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/15.jpg)
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
![Page 16: RWD and the end user. One step further](https://reader034.fdocuments.net/reader034/viewer/2022051412/548dc249b479597e6a8b4a83/html5/thumbnails/16.jpg)
John Arne SæteråsTwitter: @jonarnes
Blog: mpulp.mobi
THX!
fredag 20. april 12