Download - A Responsive Project Process
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!