This great piece isn't only about prototyping but also about iterative processes in general. Ryan Singer explains how, at Basecamp, they use the so-called uphill phase to learn – through prototypes – what’s hard and what’s possible in a project.
A nice piece by Pedro Andrade from IDEO about how prototyping can provide a fresh perspective and spark an early conversation.
Eric Meyer, the grand seigneur of CSS, shares a nice technique to create wireframe boxes with CSS and HTML5. Really useful for your next HTML prototypes.
If you want an overview of how prototyping fits in the product design workflow and are looking for a concise introduction into various prototyping techniques and best practices, this article by Jerry Cao has you covered with a lot of useful advice.
When building your prototype, it can be extremely helpful to consider design principles like contrast or visual hierarchy. Laws of UX by Jon Yablonski is a beautifully designed collection of 10 maxims and principles that designers can consider when building user interfaces – and prototypes as well.
Shameless plug: I wrote an article that explores the role of prototyping to explore different materials and the importance of prototyping in web workflows when building resilient, performant experiences.
Last November, Dave Rupert gave a wonderful talk at beyond tellerrand Berlin exploring the role of prototyping in our workflows. He particularly concentrated on lessons from the field of game development, where prototyping plays a vital role in the iterative development of a unique game feel and innovative characters.
Daniel Burka, a design partner at Google Ventures, talked at An Event Apart Denver about how to use prototyping to create value for businesses. Luke Wroblewski, the author of the book Mobile First, shares his notes from the talk:
In an interesting TED talk, Kamau Gachigi, a technologist from Kenya, shares some of the extraordinary projects and innovations coming out of his fab lab Gearbox. A great example of the importance of prototyping for economies facing the challenge of industrialization in the 21st century.
InVision already is a popular solution for creating online prototypes out of static comps but now they are joining the screen design software game. InVision Studio, advertised as “the world's most powerful screen design tool”, is now rolling out and it looks really promising. Responsive prototyping, animation, and shared design systems all in one tool – it sounds almost too good to be true. I guess many of us are eager to test it out and we will see if it holds up to the high expectations.
Framer started as a mainly code-based tool for interface prototyping with its great strength being interactions and animations. But for quite some time now, the team has been expanding Framer into a powerful screen design tool. In December, Framer received a major update, adding advanced path editing, boolean operations, adaptive layouts and much more.
Prototypr.io has written an in-depth review of the new features: Unwrapping the new Framer
Adobe is continuously adding new features to Adobe XD, their design and prototyping tool. The January update, for example, brings batch object export, radial gradients, and the possibility to switch color models. But most importantly, Adobe XD now integrates with several third-party tools. The most interesting one may be Zeplin, a collaboration and design hand-off tool. More details on the Zeplin blog:
And last but not least: Florian Schulz created a neat little tool to convert monochrome sketches to SVG. You simply scan your drawing with your smartphone and Tracy syncs it to your computer as a vector graphic. Magic! ;)