A Responsive Process
- 1. A Responsive Process Dave Ruse
- 2. Hi, I’m Dave. Web Designer Phase2 Technology @daveruse
- 4. “ ...design that can respond to the constraints of the browser window or device that renders it. Ethan Marcotte
- 5. Responsive Web Design • Flexible Grid • Flexible Media • Media Queries
- 6. 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 births http://www.lukew.com/ff/entry.asp?1506
- 8. “ 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
- 10. Education
- 12. Within your project team. http://www.flickr.com/photos/elstudio/3532534210/
- 15. Content
- 17. Copy
- 18. Device Agnostic
- 19. Check out the links in IMPORTANT LINKS Here’s a link the sidebar for more Another link So many links information.
- 20. Check out the links in the sidebar for more information. IMPORTANT LINKS Here’s a link Another link So many links
- 21. No Hiding
- 24. Images
- 26. Video
- 28. UX
- 29. Prototypes
- 34. Visual Design
- 35. Style Tiles
- 36. www.styletil.es
- 37. Style Tiles
- 38. Design Comps
- 39. or
- 40. and
- 41. FIDELITY FLEXIBILITY
- 43. “ The tool doesn’t make the craftsman. Oliver Reichenstein
- 49. Style Guides
- 51. Internal Reviews Title
- 52. Development
- 53. Testing
- 54. “ If you think responsive’s simple I feel bad for you son. We got 99 breakpoints, but the iPhone’s just one. @jbrewer
- 58. Handoff
- 64. ?
- 65. Resources Responsive Web Design - Ethan Marcotte http://www.abookapart.com/products/responsive-web-design Mobile First - Luke Wroblewski http://www.abookapart.com/products/mobile-first Responsive Text - Frankie Roberto http://www.frankieroberto.com/responsive_text Responsive Video - Fitvid.js http://fitvidsjs.com/ Ads and Responsive Web Design http://blog.jonphillips.ca/2012/01/17/ads-and-responsive-web-design/
- 66. Wireframes in the Browser http://dropbox.headscapedev.com/projects/wireframes/demo.htm Style Tiles http://www.styletil.es BBC Style Guide http://www.bbc.co.uk/gel/ Test on Real Mobile Devices Without Breaking the Bank - Brad Frost http://bradfrostweb.com/blog/mobile/test-on-real-mobile-devices-without- breaking-the-bank/ Strategies for Choosing Test Devices http://stephanierieger.com/strategies-for-choosing-test-devices/
- 67. 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/PC http://osxdaily.com/2009/08/19/limit-connection-bandwidth-with-speedlimit/ http://www.netlimiter.com/ Starbucks Style Guide http://www.starbucks.com/static/reference/styleguide/