“Prototyping quickly, and frequently, is the best way to test your assumptions, learn about users, and improve on your ideas.” In this concise article for the Interaction Design Foundation, Rikke Dam and Teo Siang explain the role of prototyping in Design Thinking processes and how a ‘thinking by doing’ mindset will help a lot in creating tangible forms of your ideas.
An interesting interview with Brendan Kearns, a Senior Interaction Designer at Google, about the benefits of prototyping and scenario-based design – which can be explored with prototypes as well.
Inspired by the conversation (above) with Brendan Kearns, Mustafa Kurtuldu wrote this article which nicely outlines the basics of scenario-based design and how to use paper prototypes to test scenarios with users.
Whether you like chatbots or not, they are definitely here to stay. At the same time, they are also really hard to get right, as nothing is more annoying than a chatbot that gives useless or even wrong answers. Prototyping can help a lot when developing a chatbot and Oleksii Kharkovyna shares seven tools to quickly create a chatbot prototype.
When you start prototyping, it can be useful to consider the context in which a user interacts with your design. Mattia Compagnucci shares a really interesting idea to better understand the physical, environmental, emotional and mental state of the user at the moment of the interaction: Interaction personas.
In this step-by-step walkthrough, PJ Trainor shows how to build a basic Codepen prototype for a “Sunrise and Sunset” app with Vue.js. The article is a good example for how quick it can be to build a prototype with code to validate an idea, even if the tools that are used to build the prototype aren’t necessarily the ones you would use in production.
Axure, a long-time industry standard for prototyping and UX documentation, is getting a major overhaul. Coming this summer, Axure RP 9 features a new hardware-accelerated rendering engine for better performance, a new interactions builder, and improved design features. Given the strong competition, this feels like a much-needed update.
The Framer team just announced a … drum roll … “game-changing new product that seamlessly blends design and development.” We’ve heard this promise time and time again from a number of tool makers. Let’s see if Framer finally … drum roll … cracks the code. ;)
The June release of Adobe XD brings two much-requested additions: Overlays and fixed elements. So you can now, for example, design and prototype off-canvas menus and sticky navigation bars in XD. Besides that, the team added features like private sharing, improvements to image cropping, and – maybe my favorite addition – calculations in property fields.
With version 2.0, Zeplin introduces support for components. You can group components, list them in your style guide, and also see all screens in which the components are used. And you can also select components within the screens of your project.
Figma had a big announcement this month as well with version 3.0 shipping and it brings a lot of improvements: Prototyping is now even more powerful with device frames, fixed objects, scrolling, and transitions. And with Styles and the new Team Library functionality, you can create and maintain a design system in Figma.
You can now easily embed video, audio, sounds, maps, webpages and more into an Atomic prototype, using a simple URL.
Whimsical is an interesting tool for creating flowcharts, user journey maps, and wireframes that also includes real-time collaboration features.
Satyr.io is a dummy image generator just like placeholder.com but with some additional features that make it even more useful for HTML prototyping. For example, you can simulate a slow connection by adding a delay parameter or test the robustness of your interface with variable image dimensions.