a responsive project process
DESCRIPTION
We'll go beyond the ems, percentages and media queries by sharing how responsive design has affected how we approach and practice analysis, content, wireframes, design, testing and site delivery from a more holistic point of view. Presented by Dave Ruse.TRANSCRIPT
Design & User Experience
A Responsive Process
Presented by Dave Ruse
Dave RuseWeb DesignerPhase2 Technology
A Responsive Process
A Responsive Process A Responsive
Process
A Responsive Process
Nearly 7 percent of all online purchases were made using iPads, just 18 months after the
tablet computers were released by Apple Inc.http://www.businessinsider.com/online-shopping-jumps-164-pct-on-christmas-day-2011-12
22-25% of US and UK mobile Internet browsers never or infrequently use the desktop Internet.
http://www.lukew.com/ff/entry.asp?1405
1.45M devices shipped per day - 317,124 birthshttp://www.lukew.com/ff/entry.asp?1506
http://www.flickr.com/photos/kenleewrites/4770358603/
“The role of the designer, is that of a very good, thoughtful host, all of whose energy goes into trying to anticipate the needs of his guests.
Charles Eames ”
This changes everythinga lot.
Setting the Stage
Within your project team.
http://www.flickr.com/photos/elstudio/3532534210/
http://farm3.staticflickr.com/2220/2520224926_3cc57b
http://www.flickr.com/photos/alismith44/269843032/
Copy
Check out the links in the sidebar for more information.
IMPORTANT LINKS
Here’s a linkAnother linkSo many links
IMPORTANT LINKS
Here’s a linkAnother linkSo many links
Check out the links in the sidebar for more information.
Hiding ContentUse Caution When
Images
Video
Ads
Wireframes
Prototype
http://dropbox.headscapedev.com/projects/wireframes/demo.htm
http://dropbox.headscapedev.com/projects/wireframes/demo.htm
Design
The tool doesn’t make the craftsman.
Oliver Reichenstein
“”
Style Tiles
or
and
FIDELITY FLEXIBILITY
Internal Reviews
Development
Drupal
Testing
Bandwidth
http://www.flickr.com/photos/magicdaddy/3679257428/
Handoff
http://www.flickr.com/photos/denverjeffrey/3989287247/
http://www.flickr.com/photos/stevendepolo/5749192621/
Thanks!
@daveruse
?
ResourcesResponsive Web Design - Ethan Marcottehttp://www.abookapart.com/products/responsive-web-design
Mobile First - Luke Wroblewskihttp://www.abookapart.com/products/mobile-first
Responsive Text - Frankie Robertohttp://www.frankieroberto.com/responsive_text
Ads and Responsive Web Designhttp://blog.jonphillips.ca/2012/01/17/ads-and-responsive-web-design/
Wireframes in the Browser http://dropbox.headscapedev.com/projects/wireframes/demo.htm
Style Tileshttp://www.styletil.es
Responsive Video - Fitvid.jshttp://fitvidsjs.com/
BBC Style Guidehttp://www.bbc.co.uk/gel/
Death of a Cut Up Man - Josh Cooperhttp://www.agileapproach.com/blog-entry/death-of-a-cut-up-man
Test on Real Mobile Devices Without Breaking the Bank - Brad Frosthttp://bradfrostweb.com/blog/mobile/test-on-real-mobile-devices-without-breaking-the-bank/
Strategies for Choosing Test Deviceshttp://stephanierieger.com/strategies-for-choosing-test-devices/
How Much Does A One-Second Page Load Delay Cost? http://www.readwriteweb.com/archives/infographic_how_much_does_a_one-second_page_load_d.php
Limit Bandwidth to Your Mac/PChttp://osxdaily.com/2009/08/19/limit-connection-bandwidth-with-speedlimit/http://www.netlimiter.com/
Starbucks Style Guidehttp://www.starbucks.com/static/reference/styleguide/
What did you think?Locate this session on theDrupalCon Denver website
http://denver2012.drupal.org/program
Click the “Take the Survey” link.
Thank You!