rwd and the end user. one step further

16
RWD ...and the user... Responsive Web Design John Arne Sæterås Twitter: @jonarnes Blog: mpulp.mobi fredag 20. april 12

Upload: jon-arne-saeteras

Post on 13-Dec-2014

1.831 views

Category:

Technology


0 download

DESCRIPTION

Presentation from modevux covering what matters to the end user, how RWD is not enough and what else that need to be responsive.

TRANSCRIPT

Page 1: RWD and the end user. One step further

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

John Arne SæteråsTwitter: @jonarnes

Blog: mpulp.mobi

THX!

fredag 20. april 12