1. Responsive
Web
Design RWD
...and the user...
John Arne Sæterås
Twitter: @jonarnes
Blog: mpulp.mobi
fredag 20. april 12
2. RWD, as defined, does not
really solve any problems
for the mobile end users.
You can turn RWD into a religion, and still, end users does not care.
End
use
rs d
hing
oes
not It’s a dev t
car
e
fredag 20. april 12
3. BBC
http://www.bbc.co.uk/blogs/bbcinternet/2012/03/bbc_news_mobile_site_refresh.html
fredag 20. april 12
4. BBC
http://www.bbc.co.uk/blogs/bbcinternet/2012/03/bbc_news_mobile_site_refresh.html
fredag 20. april 12
5. What the end users care about is the
Content and how it is presented
fredag 20. april 12
6. RWD != Mobile Friendly ...fun to resize browser window on the laptop, tho...
In some cases, RWD is
http://blog.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/ bad for the end user...
10 Got Lucky compared to other approaches
A Bit Smaller (BG Image,
11% Fonts, …)
Much
Smaller
3%
Same Size
86 %
1 Responsive
source: Akamai Images
fredag 20. april 12
7. Current state of RWD
RWD
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?
fredag 20. april 12
8. Snappy
Relevant
Available
Cheap
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
9. Snappy
Relevant
Available
Cheap
Make the user come back
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
10. Make RWD matter for
the end user!
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
11. Make the entire value chain “responsive”
Make the Serve only
Producing content Relieved,
content what the
useful for Happy and
intelligent user-agent
different contexts Snappy
need
Imagine if content could “hint” upstream how it
is best consumed in different contexts...
Meta data
fredag 20. april 12
12. Make the entire value chain “responsive”
Make the Serve only
Producing content Relieved,
content what the
useful for Happy and
intelligent user-agent
different contexts Snappy
need
Educated I ntelligent Smart
Imagine if content could “hint” upstream how it
is best consumed in different contexts...
Meta data
fredag 20. april 12
13. End users still does not care about
RWD
mDot
Device Experiences
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
14. End users still does not care about
RWD
mDot
Device Experiences
...as long as the site is
Snappy
Relevant
Available
Cheap
http://www.flickr.com/photos/nswlearnscope/2054017988/sizes/l/in/photostream/
fredag 20. april 12
15. For RWD to make a difference for the user,
you have to do stuff server side too!
S
s RES
Kn own a
Don’t forget the rest of the value chain!
Has to be “responsive” too!
Including content!
al
U ltimate go
fredag 20. april 12
16. THX!
John Arne Sæterås
Twitter: @jonarnes
Blog: mpulp.mobi
fredag 20. april 12