WTF RWD! Agreeing to Disagree

50 %
50 %
Information about WTF RWD! Agreeing to Disagree
Technology

Published on March 9, 2014

Author: hawkt

Source: slideshare.net

Description

Some say responsive web design means a different content strategy between different devices based on the context of use. Others say responsive web design means getting the same content no matter what device and context. Join us as we agree to disagree in this heated debate on responsive web design and how it interweaves with coding, analytics, SEO and user experience.

WTF TO DISAGREE RWD! AGREEING

#WTFRWD #SXSW

INTRODUCTIONS

CARYN LUSINCHI @wordedgewise AMANDA KRAUSS @risatrix HAWK THOMPSON @hawkt CHRIS WIEGMAN @chriswiegman

RESPONSIVE WEB DESIGN

FIRST THINGS FIRST

Buy this book.

Also these.

TEN SIMPLE WORDS

Fluid design that anticipates and responds to the user’s needs.

THREE KEY INGREDIENTS

1) Flexible grid-based layout Source: Responsive Web Design, Marcotte, 2009.

2) Flexible images and media Source: Responsive Web Design, Marcotte, 2009.

3) Media queries Source: Responsive Web Design, Marcotte, 2009.

ONE HELL OF A QUANDARY

Thousands of devices (and counting). Source: Luke Wroblewski

And that’s just Android, y’all.

CONSIDERATIONS

APPROACH

PROS CONS Potentially high return on investment Potentially high initial investment Unified code base Siloed tech stacks Long-term channel management Interim legacy site support

DESIGN

PROS CONS Flat design Flat design More control Fewer options Easy to govern Difficult to brand

UX

PROS CONS Scalable info architecture Complexities of scale Streamlined user interface Device-specific click/touch targets Omnichannel consistency One size fits all? Really??

Source: Luke Wroblewski

CONTENT

PROS CONS “Chunks not blobs” De-blobbing takes time Semantic content Arguing over semantics Content decoupled from presentation layer Limited range of WCM options

SEARCH

PROS CONS Same metadata across all channels Same metadata across all channels Optimal for consistent search behavior Contextual search behavior, not so much Google ranking favors responsive Responsive hatchet jobs

PERFORMANCE

PROS CONS Easy to cache Difficult to be dynamic Reduced HTTP requests Potential code bloat Quicker dev time Longer dev time

USABILITY

PROS CONS Mobile optimized Requires mobile mindset Accessibility oriented Accessibility challenged Future friendly Legacy unfriendly

ECOMMERCE

PROS CONS Easy to integrate and augment channels Hard to leverage native capabilities of channels More shopping = more $ Shopping engine woes One shopping experience to rule them all A million tiny user interface complexities

FUTURE

FACTORS EXAMPLES Bigger screens Smart TV, DOOH Smaller screens Glass, Pebble, Fitbit No screens BCI, MMI

PRESENT

“I’m not designing this for your effing Fitbit.” -anonymous designer

Like it or not, you might want to consider designing for everything.

QUESTIONS?

#WTFRWD #SXSW

bit.ly/wtfrwd-sxsw

SHOUTOUTS

Maria Saavedra Tom Hudson Stacey Doyle Brad Zabroski Chun Kong Gray Luckett...

...and Ethan Marcotte, obvs.

THANKS!

Add a comment

Related presentations

Related pages

SXSW PanelPicker

WTF RWD! Agreeing to Disagree. Some say responsive web design means a different content strategy between different devices based on the context of use.
Read more

Schedule | sxsw.com

WTF RWD! Agreeing to Disagree. ... Join us as we agree to disagree in this heated debate on responsive web design and how it interweaves with coding, ...
Read more

Agree or Disagree - Documents

WTF RWD! Agreeing to Disagree. Valet Agree m. Two experts never agree. Hay Agree Va. Login or Join. Processing Login successful. The system will ...
Read more

Agreeing To Disagree - Toulouse and Tonic

Agreeing To Disagree. February 21, 2012 by Toulouse 7 Comments. A recent study published in Child Development Magazine found that preschoolers argue with ...
Read more

Agree or Disagree - YouTube

Agree or Disagree ... 60% of russians want communism back WTF! - Duration: 7:15. ... (agreeing & disagreeing; ...
Read more

Speaking | Chris Wiegman

Chris Wiegman has had the opportunity to speak and teach on various topics in technology in the ... (XSS, CSRF, WTF): ... WTF RWD! Agreeing to Disagree ...
Read more

Schedule | sxsw.com

To reserve your seat, please go here: https://sup.sxsw.com/schedule/IAP17366 Co ... WTF RWD! Agreeing to Disagree Solo / Dual / Panel ...
Read more

WTF! Free Emoticons HD - Android Apps on Google Play

WTF! Free Emoticons HD. 813. ... WTF Slammer Button . Rock and ... you are transacting with Google Payments and agreeing to the Google Payments ...
Read more