WV13: One Web to Rule Them All! The Real Responsive Process

Friday, May 24th, 2013

Steve Fisher

Open source evangelist Steve Fisher prefers designing within the browser, especially when responsive design is a requirement since Fireworks and Photoshop are not flexible enough to demonstrate media queries, button and menu states, HTML5 and JavaScript behaviors, dynamic resizing of elements and navigation flow.

Notes:

Lovefisher_steve_lgs Vancouver, BC: http://www.haveaproblem.com/

Small screen, low bandwidth first.

We won’t call it “responsive design” … we’ll just call it design.

The process:

  • Kickoff and project charter (goals, risks, responsibilities)
  • Project vision / User experience vision
  • Analysis (look for trends)
  • Plan for content (gather content as a tool)
  • Design (UX sketches, page tables – prioritize content chunks, priority 2: not “sidebar” content)
  • Visual design (style tiles)
  • Build HTML
  • CMS Build
  • Content migration

Check out the responsive design of http://www.starbucks.com/

 

 

Leave a Reply

You know you want to...