forum one responsive design uxcampdc 2013
DESCRIPTION
A talk members of the Forum One Communications UX team gave at UXCampDC 2013. The focus was on some pain points we hit while trying to wrap our brains around Responsive Design and the tool we've made to help sketch solutions more easily and quickly.TRANSCRIPT
Me Non Techy. Ouch. It hurts.
RESPONSIVE! DESIGN? UXCampDC, Jan 5 2013
Photo by jordoncooper (http://www.flickr.com/photos/jordoncooper/)
Photo by bagera3005 (http://bagera3005.deviantart.com/art/)
Photo by jordoncooper (http://www.flickr.com/photos/jordoncooper/)
Photo by justincooper (http://www.flickr.com/photos/justincooper/)
Photo by juehuayin (http://www.flickr.com/photos/juehuayin/)
Photo by juehuayin (http://www.flickr.com/photos/juehuayin/) Photo from myfoxdc.com
We were solving the wrong problem for
our UX team.
Designers, Architects, Developers...
Media queries!
Media queries?
We needed a new tool!
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
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
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
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
Gorongosa - Large
Gorongosa - Medium
Gorongosa - Small
Time for a demo!
forumone.com/careers@forumone #uxdc@protytype
WE'RE HIRING!Download: protytype.com