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!

Know How To Design & Curate Information? CrowdFunde is Hiring!

Know How To Design & Curate Information? CrowdFunde is Hiring! | Must Design | Scoop.it

If you know how to curate information we need to talk. Many content curators work for little recognition and no money. CrowdFunde, a Durham, NC based startup, wants to find the 10 best curators in the world.

If you are amazing with G+, Pinterest or Scoop.it we need to talk. We need help creating a revolution. CrowdFunde helps websites, brands and businesses tap wisdom of crowds.

Great curators are a CSF (Critical Success Factor) for our business model. So if you love thinking about information architecture, curating content and using cool tools you need to apply to work with CrowdFunde.

http://www.crowdfunde.com/top-curator-contest-crowdfunde-hiring/


No comment yet.
Scooped by Martin (Marty) Smith
Scoop.it!

10 Rock Solid Website Layout Examples | Design Shack [cool way to SEE web design]

10 Rock Solid Website Layout Examples | Design Shack [cool way to SEE web design] | Must Design | Scoop.it
Reading an article entitled 10 Rock Solid Website Layout Examples on Design Shack.
Martin (Marty) Smith's insight:

Love how Design Shack shares just about every web layout in silhouette then provides examples. Good idea to train your eye to see the frames (they are always there). Soon we will be training ourselves to think in ZONES and this wireframe approach is critical to that next step.

No comment yet.
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.