Using an iterative, prototyping-based approach is the best way to develop voice interfaces. In this post, Oliver Lindberg explains why it is also important to focus on the user and he shares some do’s and don’ts by Marc Webster, director of product at Adobe, when using the new voice prototyping feature in Adobe XD.
This article on UX matters digs a bit deeper into the details of designing voice user interfaces. Based on their experience from building a language learning VUI called Chattie, the authors – Pallavi Benawri, Puhe Liang, Ruchi Ookalkar, and Sonali Tandon – share six useful design principles that can serve as guides for designers creating conversational VUIs.
Not only voice interfaces are conversational: Using graphical interfaces like websites is a constant conversation, too, involving a series of steps towards a goal, the so-called user flows. Alexander Handley quickly walks you through the steps of creating user flows and explains where they differ from good old wireframes.
Skeleton screens, those grey placeholders that are progressively populated with final UI components and content, have found their way into user interface design as a way of improving the perceived (loading) performance of apps and websites. Bill Chung wanted to know if and how they work, so he did some user testing. In this extensive post, he shares his findings and tips on how to best design skeleton screens.
“By materializing an idea as a prototype, we can experience it firsthand and explore possible improvements.” Nathan Gitter created five augmented reality (AR) prototypes and now shares his prototypes and his findings, together with five basic concepts to consider when prototyping and designing for AR.
Prototyping is a helpful tool on many levels. Peter Vachon shares some of his favorite reasons to build prototypes, like the incredibly rich feedback you get from them, or that they will save your business time and money. Also, he provides some nice examples of how you can add some finesse to your prototypes and explains why you should always consider the scope and the audience of a prototype.
If you ever had an idea for a product or apps that didn’t come to live, the Prototypr.io prototyping challenge might be a great chance to change that. For 30 days you can join the challenge to create a prototype of your idea with the support of Prototypr.io.
Rocio Lopez shares some really useful guiding principles and tips to effectively prototype in agile project settings and also talks about what to look for when you want to prepare prototypes for user testing.
The Adobe XD team saved a lot of interesting new features for their impressive Adobe MAX release: First and foremost, the previously mentioned voice prototyping feature which allows you to use voice triggers and speech playback in your XD prototypes. Then, there is the amazing Auto-Animate feature that lets you quickly create animated transitions between artboards. With Linked Symbols, you can use symbols across multiple documents. On top of that, Adobe also added support for drag gestures, Illustrator documents, and export to After Effects.
Microsoft is working on a new way to prototype ideas in VR: Maquette is a mixed reality tool for creating spatial prototypes using a PC VR headset and it is now available as a public beta.
wiARframe lets you build augmented reality prototypes quickly, with no coding skills required. But it is also a platform for discovery and co-design where you can explore and share your ideas with a community of AR prototypers.
The Framer team added a new feature to Framer X: The page tool. It lets you design multiple types of interactions, from simple swipe gestures or 3D numeric pickers to even momentum-based flicking.
Pretty impressive: Supernova Studio, a design, prototyping, and development tool, now produces production-ready code. “CodeX” allows you to preview the entire interface code right within the software in real time. For that, all design elements are backed by native components and are translated into production-ready code for iOS, Android, and React Native.
A super-interesting project by Florian Schulz: Ratio is a new tool for working with type on the Web that combines modular scales, fluid typography, color transformations, design tokens and the layout power of modern browsers. “It’s about the relationships, the boundaries, the extremes, and everything in between.” The first video of the software looks very promising, so make sure to sign up to be notified when it leaves closed Alpha.
Figma now integrates with the prototyping tool Principle. You can import your designs from Figma and then build advanced animations and interactions like scrolling, swiping, and more.