Forum One Responsive Design UXCampDC 2013
3 likes2,366 views
The document discusses a solution for improving responsive design in user experience (UX) through a tool called Proty, which enables fast sketching and customization for teams. It highlights the need for early conversations about responsive design and showcases Proty's features such as a pattern-based library and core web technologies for cross-browser compatibility. Additionally, it invites users to download the tool and mentions job openings at Forum One.
Forum One Responsive Design UXCampDC 2013
- 1. RESPONSIVE! DESIGN? Me Non Techy. Ouch. It hurts. UXCampDC, Jan 5 2013
- 2. Photo by bagera3005 (http://bagera3005.deviantart.com/art/) Photo by jordoncooper (http://www.flickr. com/photos/jordoncooper/)
- 3. Photo by justincooper (http://www.flickr.com/photos/justincooper/) Photo by jordoncooper (http://www.flickr. com/photos/jordoncooper/)
- 4. Photo by juehuayin (http://www.flickr.com/photos/juehuayin/)
- 5. Photo by juehuayin (http://www.flickr.com/photos/juehuayin/) Photo from myfoxdc.com
- 6. We were solving the wrong problem for our UX team.
- 10. We needed a new tool!
- 11. Set our Requirements ■ Fast sketching of ideas ■ Show how elements respond in actual environment (the web) ■ The entire team can use it ■ Projects are customizable ■ Can be iterated upon
- 13. Proty's Heart ■ Aims to minimize need for unicorns when planning responsive design ■ Bring up conversations pertaining to responsive design sooner in the process ■ Loves the web ■ Open Source
- 14. Proty's Guts ■ Pattern based library of largely self- contained (HTML/CSS/JS) fully customizable "primitives" ■ custom.css file for site-wide changes and style elements page ■ Inspired by Drupal and the responsive Omega theme
- 16. Proty's Brains ■ Core Web technologies (HTML5/CSS3/JS) ■ 20 column grid, three basic responsive sizes (mobile/tablet/desktop) ■ Firefox extension, project export creates cross-browser compatible files
- 21. Time for a demo!
- 22. Download: protytype.com WE'RE HIRING! forumone.com/careers @forumone #uxdc @protytype