Sara Wachter-Boettcher on the Biggest Mistake in Responsive Design

This week we asked Sara Wachter-Boettcher—one of the instructors at our Responsive Design Studio (Mountain View, October 15-16)—to discuss a huge responsive design screw-up:

sara-wachter-boettcher.jpgRosenfeld Media: What's one huge mistake organizations make when they embark on responsive design?

Sara Wachter-Boettcher: They think that it's all about front-end development. Slap on some media queries and fit things to a flexible grid and you're done, right?

But really, effective responsive design starts much earlier: at the strategy phase. As you design for devices of any size and shape, it becomes more important than ever to have a crystal-clear idea of what you're trying to communicate and what your users need. You can't design the look and feel and then figure out what you need to communicate later; there's no space for that on small screens.

Instead, you have to make every single design decision align with the purpose of your site and the information you need to communicate—because that's the only way you can be sure your point is going to get across as screen sizes shift and devices change.

To do this, you have to start with strategy, focus on content and messaging, and get everyone—designers, developers, writers, CMS specialists, everyone—on the same page early in the process. This is a challenge for many organizations that are used to working in silos or strict waterfall processes, but it's only when we get more collaborative early in the process that we can get everyone working toward a shared vision. This is, of course far preferable to building an experience that is viewable on a small screen but is disjointed, difficult to understand, or fails to meet business and user goals.

Rosenfeld Media: Thanks Sara!

See you in Mountain View next month at the Responsive Design Studio?

Comments

The answer is a little vague. Specific problems could include:

Do you have a software downloads page for PC computers? It would be useless for just about all devices.
Do you have a games page, but they are designed for wide screens only?
Do you have games page, but they require the Flash plugin? Most devices don't include Flash.
Do you have wallpaper, but none for mobile screens?
Do you have store locators, but they are not local? Nowadays, we have web software to detect the location of the device and display the local info quickly without a lot of screen navigation.
Do you have wide tables? Difficult to fit on screens.
Do you have pages with "Print This"? Useless for devices, since they are not connected to printers; needs to change to "Email This."

I hope this helps you to think about ways to update a site to take mobile users into account.

Continue Reading is it possible to order xanax online - taking xanax and alcohol

buy valium buy cheap generic valium - valium online no rx

xanax online can you buy valium thailand - buy cheap valium uk

go tramadol tooth pain - buy tramadol online no prescription cheap

original site generic 10 mg valium - buy roche 10 valium

buy tramadol online tramadol for dogs with kidney disease - safe place buy tramadol online

http://story-games.com/eprovost/#en diazepam valium drug class - can you buy valium over the counter in australia

Find Out More tramadol overdose usa - tramadol for dogs constipation

http://bedfordny.com/media/#20 valium and xanax drug test - buy valium online from india

site internet valium effects flying - buy valium no prescription uk

buy valium valium medication pain - mano valium for sale

buy tramadol online no prescription купить tramadol online - tramadol 100mg online

soma cheap buy soma us - order soma online cod

this site can you buy tramadol online in the usa - tramadol canadian pharmacy no prescription

buy valium valium effects behavior - 5mg valium anxiety

buy alprazolam alprazolam 555 - most common side effects alprazolam

home xanax and alcohol sleep - xanax side effects teeth

article source valium epocrates - valium tablets online

http://bedfordny.com/media/#17 where to buy valium online uk - effects of valium and alcohol

Get More Information soma kalb - soma bras return policy

buy xanax xanax online legal - buy alprazolam in uk

webblog valium side effects (eyes) - valium history

buy alprazolam online pharmacy xanax alprazolam - alprazolam extended-release 1 mg

http://bedfordny.com/media/#35 valium no prescription uk - safest place buy valium online

active tramadol 50 mg tablets - safe place buy tramadol online

(visit site) alprazolam 2mg high - alprazolam 0.5 mas alcohol

visit valium online pharmacy - legal buy valium thailand

order valium online no prescription valium side effects with alcohol - valium muscle relaxant dosage

buy tramadol with cod order tramadol medication - buy tramadol online with mastercard

More about the author best place buy valium online uk - notice valium 5mg

buy xanax online half life valium klonopin - does 5mg valium feel like

http://novact.org/home/#39 where to buy tramadol online safely - tramadol order online tramadol 50mg

buy soma online canadian pharmacy soma no prescription - where are the some of skeletal muscle motor neurons located

download buy valium online in uk - effects 15mg valium

main page best place to buy xanax online forum - buy xanax

buy alprazolam alprazolam 50 mg - xanax withdrawal itchy skin

http://bedfordny.com/media/#17 valium pill high - valium effects heart

learn more soma prescription medication - soma radio

best place to buy xanax online color of valium pills - d10 valium for sale

more info safe to buy valium online - buy valium scotland

order soma buy soma online overnight - 350 mg carisoprodol generic soma

home page valium dosage equal xanax - buy valium online no rx

no title soma bra reviews - cheapest soma online no prescription

http://tenra-rpg.com/news/#17 alprazolam xanax overdose - withdrawal effects of alprazolam

buy valium online buy valium spain - better for anxiety valium or xanax

http://maidrpg.com/maker/#10 soma medication generic - carisoprodol generic for soma

redirected buy tramadol usa - tramadol hcl 75mg

cheap tramadol no prescription troy hill pharmacy online tramadol - tramadol shipped with no prescription

Read This valium dosage lethal - order valium online with no prescription

http://story-games.com/eprovost/#18 pharmacy online vicodin valium ritalin - valium sale online india

twitter buy valium in the uk - failed drug test valium

xanax online 5 mg valium effects - valium diazepam 2mg

http://tenra-rpg.com/news/#17 alprazolam get u high - what is alprazolam 2mg tabs

buy valium buy valium online mexico - valium for dental anxiety dosage

buy valium diazepam buy valium nz - will 10mg valium do

http://maidrpg.com/maker/#eu much soma pills - soma 01915

valium online canada buy valium online fast delivery - valium bluelight

twitter buy valium by roche 10mg - cheapest valium no prescription

buy tramadol online tramadol for dogs pain - tramadol withdrawal from opiates

http://bedfordny.com/media/#163 what does a generic valium pill look like - valium (half life of 24 hours)

http://arkitectonix.com/files/#60 diazepam dosage guide - diazepam no prescription usa

visit the website valium dosage recreational - valium online no prescription

websites cheap valium buy - valium und diazepam

order soma online soma online mastercard - soma muscle relaxer back pain

buy tramadol 180 order tramadol from the usa - get over tramadol withdrawal

Resources forum buy cheap tramadol - how get high tramadol

buy diazepam genuine diazepam online - diazepam 5mg and flying

Continue Reading order soma online no rx - soma drug real

u rl can take 10mg valium - 5 mg valium erowid

buy valium cheap online valium online pharmacy no prescription - where to purchase valium online

where to buy xanax online no prescription buy xanax online legally cheap - xanax and 2 mg day

buy diazepam buy diazepam from canada - diazepam generic al shafa flashback

xanax online much do valium cost - valium drug test

homepage valium 10mg snorting - buy valium online mastercard

order valium online valium red pill - valium effects on cats

buy xanax online generic xanax pill pictures - xanax canada

my website diazepam erowid experience - diazepam valium grapefruit

order xanax xanax dosage 12 year old - buy xanax online pharmacy

http://biblioworks.org/html/#uk how long does valium 5mg last - half life of valium in dogs

http://www.saveapetli.net/lib/#39 pass drug test xanax 24 hours - does xanax show up in drug test

Extra resources diazepam for dogs same as humans - diazepam valium drug test

tramadol 100 is it illegal to buy tramadol online

view what is alprazolam side effects - buy alprazolam mexico

buy xanax xanax online us - xanax brand online no prescription

http://story-games.com/eprovost/#5 valium dosage extreme anxiety - valium street value 2012

original site valium public speaking anxiety - buy valium no prescription needed

site web buy valium online legally - valium benefits and side effects

site buy valium online thailand - 5mg diazepam for dogs

buy diazepam online diazepam valium shelf life - valium 5mg dosage

go alprazolam 0.5mg tab purepac - xanax withdrawal klonopin

continue reading this.. 50mg tramadol high dose

how to buy xanax online legally xanax withdrawal brain fog - xanax side effects treatment

Source alprazolam 901 - alprazolam 1 mg ems registro ms

can you buy valium online no prescription valium street drug effects - valium side effects alcohol

here. tramadol 50mg no prescription

buy xanax online legally buy xanax with paypal - xanax withdrawal when does it start

buy xanax popping xanax effects - generic for xanax alprazolam

Learn More buy tramadol online illegal

http://biblioworks.org/html/#mg buy valium online legally uk - valium online in the uk

hyperlink tramadol 750

valium generic shooting up valium pills - cheap valium online no prescription

helpful hints valium 0 3 - valium pill looks

buy tramadol online cheap tramadol cod delivery

http://biblioworks.org/html/#38 long term effects of volume use - valium dosage humans

review buy valium online no prescription canada - valium for social anxiety

buy valium valium for depression - valium dosage webmd

YOURURL valium schedule 1 drug - is roche valium better than generic

http://www.saveapetli.net/lib/#kc sure jell drug test xanax - buy xanax online paypal

buy valium online valium 5mg sleep - view topic valium dosage

tramadol online buy valium in bali - valium 5 mg how strong

visit this page tramadol hcl on drug test

visit our website valium 10mg xanax 1mg - xanax vs valium anxiety

Learn More Here ambien cr pill identifier - ambien medication assistance

where can i buy xanax online buy xanax online express shipping - is xanax good for opiate withdrawal

buy valium online valium pills info - generic for valium

Related Site ambien side effects weight loss - ambien makes me feel good

Post a comment

We don’t like these either (but comment spam makes them a must)

« Aaron Gustafson on the Biggest Responsive Design Mistake | Announcements Archive | Looking for a couple volunteers »