Rapid Wireframing with front-end frameworks

A discussion of Rapid Wireframing with front-end frameworks options presented at Mobile UX Camp DC 2014

Transcript

1. Rapid Wireframeing & Prototyping A discussion of options ! Peter Kaizer, Senior User Experience Consultant; Aquilent ! @pdkaizer
2. Some ways wireframes have been done • Pen and paper • Illustrator • Photoshop • Powerpoint/Keynote • Balsamiq • Axure • HTML/CSS
3. Rapid wireframing with modern front-end frameworks • Foundation • Bootstrap • Neat • Roll your own
4. Advantages: • Responsive • Modular • Can evolve into design prototypes • Can migrate to production code
5. My system • HTML/CSS • SASS/Haml/Coffee Script • Bootstrap 3 • Hammer app for Mac