Effective user interface design with HTML prototyping
summary
Claims that HTML prototypes speed iteration and let teams evaluate interactions in the browser rather than design in the browser, that components can be the single source of truth, and that prototypes expose edge cases like very long forms and scaling UIs. Implements prototypes with Sass/Compass, Jade templates, gulp and a custom tool called Bedrock backed by an Express dev server; reproduces an entire app as 150 templates and produces a live style guide generated from SCSS, which ultimately improves collaboration and speed.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:40About me
- 2:22Storytime
- 3:04Fireworks
- 5:03Figma
- 7:48Designing in the browser
- 9:05Evaluation in the browser
- 11:07Demo
- 16:48Explanation
- 23:23Demonstration
related talks
26mRapid Templating: "Designing in the Browser" with Sass, Compass, and Serve
44mFostering Collaboration: Pattern Libraries / Rapid Prototyping
27mPower of Prototyping
48mResponsive Design Workflow
29mRethinking Design Practices
07mThe Value of Prototypes
24mRethinking Design Practices
28mHow to create the perfect prototype