Must Design
75.5K views | +0 today
Follow
Must Design
Design Is Revolutionary
Your new post is loading...
Scooped by Martin (Marty) Smith
Scoop.it!

How Responsive Web Design Works [Infographic]

How Responsive Web Design Works [Infographic] | Must Design | Scoop.it
This infographic illustrates what responsive web design is, how it works, and why you should make the switch.
Martin (Marty) Smith's insight:

Responsive Web Design 
Here is an email I wrote to a friend this morning about responsive:

NO ONE understands mobile seo btw (lol). Not a huge leap to think that what makes a site responsive could also confuse the spider. Could also HELP the spider since the re-imagining of the information architecture should do things like:


* Move from novels to linked snippets. 
* Rely on tags (tags are about to be HUGE because they create new dimensions into the data). 
* Can open a site's content for social (reduce distance between THEM [customers] and US [site creators / managers]).
* Create clear meta data (goes with connected snippets). 

That last bullet puts stress on current database thinking and tech. With this many windows into the same data a developer must know about how to cononicalize a URL (or the dupe penalties will be crushing). Responsive websites become an evolving puzzle. As new pieces get created they must fit the existing framework or blow the whole thing up. 

That said, I don't see any way BUT thinking mobile first from here on out. In the end that is going to be a good thing for all of us, but transitioning is a bear :). Marty 

 

Tony Guzman's curator insight, October 6, 2014 11:28 AM

This infographic describes what responsive website design is and how to best accomplish it.

Scooped by Martin (Marty) Smith
Scoop.it!

Responsive Web Design At Artifact Conference : Slow Loading & Bloated As Design Flaws

Responsive Web Design At Artifact Conference : Slow Loading & Bloated As Design Flaws | Must Design | Scoop.it

Last week, Jeremy Osborn, Academic Director for Aquent Gymnasium, had the chance to attend the Artifact Conference. Here are his key takeaways.

Marty Note
This Artifact Conference looks interesting and worth checkout out (http://artifactconf.com/ ). I love this quote from the Responsive panel at the conference in Providence, RI:

"On the other hand, responsive design is forcing companies to prioritize site performance. The consensus is that slow-loading and bloated sites are just as much of a “design” flaw as confusing layout, clashing colors, and the rampant proliferation of typefaces on page. "

Most designers focus on how to accordion a website so it looks good on any device. The real challenge is deeper. How do we architect "less bloat"? How do we design information to be lean and responsive?

Couple of things I've noticed include:

* Building stories via visuals and rich snippets.
* Taking advantage of the swipe and spin options on mobile devices.
* Creating easier to understand backend functionality.
* Using a LEAN or MEAN filter forcing messaging to get to the point FAST.

The SEO and engagement benefits of the second half of responsive design - the information architecture half - are enormous. We know that as engagement goes up so do our site's heuristics and the "new Google" loves more time on site, lower bounce rates and other "engagement metrics".

The "Responsive Challenge" for designers is to realize more is involved than look and feel. The very core of our communication must be reviewed, reevaluated and changed to be leander and more responsive too or we design dissonance in. Confused customers do many things converting is never one of them.  

No comment yet.