This first article seemingly doesn’t have anything to do with prototyping. I included it anyway. For one, because this piece by Khoi Vinh is just too good to be left out, but also because it directly correlates with the collaborative nature of prototyping. In his talk, Khoi argues that although design now has claimed a seat at the table and is more important than ever, designers still jealously protect the language and tools of design. Yet to become truly powerful, design has to be further democratized – it needs to get out there into the world and in the hands of millions of people.
Dave Rupert shares the story of the Wintergatan Marble Machine, an “enormous mechanical device filled with over 2000 marbles raised up by a conveyor belt and dropped on a xylophone, drum contact mics, and bass guitar.” Martin Molin, one of the creators of the magical device, now documents the process of building the next version of the Machine on YouTube with a process that heavily relies on prototyping to experiment and prove ideas.
Adam Stoddard from Basecamp explains how you can find your ideal design process by sticking to a few simple principles instead of a rigid script. A great example of the different kind of mindset needed when moving away from linear workflows towards more flexible approaches.
“User flows are visual representations of the path the user can follow to achieve a goal while using an app, website or any other product.” Overflow is a new tool for creating those user flows and the Overflow team now shares 8 practical tips for designers who are new to user flow diagramming.
When it comes to testing prototypes with users, quantitative methodologies can offer many insights about your product’s user experience. Kate Meyer covers some of the most popular types of quantitative research like A/B testing, Card Sorting, or Eyetracking and explains their advantages.
Prototyping is invaluable in the creation of innovative solutions for today’s Web and beyond. “Only by building a fleshed out prototype can we get a sense of its challenges and possibilities, revealing insights that give us a glimpse of where emerging technologies like blockchain, AI, IoT, and XR can take us.” And that’s why the people at IDEO CoLab share a roundup of their favorite tools for emerging technologies.
Prototyping often is about combining different possibilities into new constellations. In this case, Sergey Voronov combined Mapbox and Framer to create a prototype of a map experience. In his article, he walks you through the steps needed to build such a prototype by yourself.
Emil Widlund published a module that lets you integrate 3D-graphics into your Framer Prototype, including concepts like Animations & States.
As the name suggests, Storyboarder by Wonder Unit is a new (free) tool for creating storyboards and animatics. You can export your work to Premiere, Final Cut, Avid, PDF, and as an animated GIF.
Maze is a testing tool for InVision prototypes: You can define missions, collect actionable insights and analyze how your design performed, with 0 lines of code.
It’s as simple as that: Lunacy is a native Windows app that works offline and supports .sketch files. Yay!
This month, Adobe XD’s update included a lot of useful changes, for example, the ability to protect your prototypes with a password. You can now also highlight assets in the asset panel (colors, character styles, and symbols) with a right click on the element you want to inspect and search in the assets panel for color values, font families, layer names of symbols and much more. The Sketch and Photoshop integration which was added last month also received further enhancements.
Collaboration and workflow platform Sympli now handles prototyping information for both Sketch and Adobe XD in the design specs and preview modes.
From now on, Avocode enables anyone to import, open and inspect layered Sketch designs on Windows, Linux (yes Ubuntu too), or on macOS without Sketch app. It even works in the browser.
Stackswell is a Sketch plugin that adds Responsive Typography features and Smart Symbols which automatically adapt to different viewport widths. You can now sign up for early access here.
The Sketch team shares its comprehensive macOS UI Library, with almost 300 Symbols and over 50 designed especially for the MacBook Pro’s Touch Bar.
Mikolaj Dobrucki has created a Sketch UX Kit full of symbols, presets, and examples. A great start for wireframing and prototyping your next project.