Of late, I've found myself creating a lot more functional HTML prototypes instead of static wireframes, this was especially noticeable when I freelanced over at Candi a few months ago.
The in-house team were impressed by the speed at which I produced the HTML prototypes with Twitter Bootstrap. So we decided it would be a great idea to conduct an informal workshop covering the basics of HTML, CSS and JavaScript. I demonstrated how these technologies could be used to create rapid prototypes which added real value and insight into the UX design process.
The workshop lasted for just under two hours and was spilt into the following modules:
- Web Standards (HTML, CSS, JavaScript)
- The Responsive Web
- Development frameworks
- An introduction to prototyping
- Prototyping tools
- Summary
- Reading list
- Links
For a more detailed look into how prototyping can help you design and development better user experiences, download the Prototyping for UX presentation as a PDF.
If you thought this presentation was interesting and you'd like me to help conduct a UX workshop with you, then get in touch.
Other Blog Articles
- Designing With Data In Sketch App
- How To Create A Design System With Sketch & Zero Height
- Gym Class Booking Experience Design: A How Not To Guide
- My UX Design Tools
- 24 Sketch Plugins to Improve Your Design Workflow & Productivity
- Remote User Testing Framer Prototypes With Hotjar Analytics
- Connecting Two Prototypes Using Framer Studio & Firebase
- Principle Prototype to Improve Runkeeper’s Manual Activity Logging
- User Experience & Luxury Fashion Brands: A UX Designer’s Perspective
- 12 Tips For UX Designers Who Want to Learn Prototyping
- Prototyping with Framer Studio
- iPhone 6 UX prototyping with Sketch & Framer Studio
- Improving the UX workflow for responsive design
- UX Faux Pas: Image Optimisation
- Prototyping responsive user experiences with Foundation
- Prototyping for UX Presentation
- DPD Poor Customer Experience (CX)
- O2 Poor Customer Experience (CX)
- The UX Lottery
- Using the new iPad for UX sketching
- Rapid HTML prototyping with Twitter Bootstrap
- Rapid HTML prototyping with jQuery Mobile
- Life & Times of a UX Designer Presentation
- 7 Reasons to Love OmniGraffle for UX Design
