When sliders are not done well, they can cause a lot of frustration (not to mention lost sales) by standing between your customers and what they want. And getting them wrong is surprisingly easy.
In this article, Greg Nudelman and Daria Kempka will present a solution, including the design and code, for a new type of Android slider to address common problems, along with a downloadable Android mini-app for you to try out. It’s a deep dive into sliders based on a chapter in Android Design Patterns. Working with sliders is no great mystery, and there’s nothing to stop you from trying!
Read more…
Low-fidelity prototypes are rough representations of concepts that help us to validate those concepts early on in the design process. Throughout this article, Laura Busche will look at some of the features that make low-fidelity prototyping a unique tool to radically improve your work and to build an environment in which users’ needs can be truly realized. This article focuses on the practice and general principles behind integrating low-fidelity prototypes in design in general, covering applications that range from graphic, web and user experience design to business and service design.
Read more…
At Typeform, David Okuniev was inspired to simplify online forms by a movie that’s decidedly a blast from the past: the 1983 film WarGames, which centers around a student who remotely logs into a research computer and, through its terminal interface, nearly sparks a nuclear war. Stripping forms down to their basics and building them back up into something better took four years of work, but that core idea guided the team all along: questions are better than lists. In this article you will find David Okuniev’s story of how he turned that idea into a product that’s helped companies of all sizes get a 55% completion rate on their forms.
Read more…
As much as we aim to design our mobile apps and websites for contextual use, testing their usability in context can be challenging. One approach to mobile testing is participatory design. A participatory design test session typically takes about an hour and has four parts. In this article, Marina Lin conducted this type of study while researching how visitors to Cars.com’s app use their mobile device while purchasing a car on a dealer’s lot.
Read more…
Dammed up inside our heads are creative waterfalls of fresh interactions, transitions, and animations. But how are we supposed to communicate them to our teams, our developers? How do we get them out of our heads? Through a game of charades? Not being able to “show” the interactions and animations that bring our designs to life is one of the common struggles plaguing our industry. Exacerbating the urgency of this challenge is the simple fact that we now design for screens that can be tapped, pinched, swiped, zoomed, and more.
Read more…
The last step of this series is to efficiently simplify the navigation experience — specifically, by carefully designing interaction with the navigation menu. When designing interaction with any type of navigation menu, we have to consider aspects sush as symbols, levels, target areas and functional context. It is possible to design these aspects in different ways. Designers often experiment with new techniques to create a more exciting navigation experience. However, most users just want to get to the content with as little fuss as possible. For those users, designing the aforementioned aspects to be as simple, predictable and comfortable as possible is important.
Read more…
Depending on how a user browses the Internet, modal windows can be downright confusing. Modals quickly shift visual focus from one part of a website or application to another area of content. This scenario is more common than it should be. And it’s fairly easy to solve, as long as you make your content accessible to all through sound usability practices. In this article, Scott O’Hara has set up a demo of an inaccessible modal window that appears on page load and that isn’t entirely semantic. First, interact with it using your mouse to see that it actually works. Then, try interacting with it using only your keyboard.
Read more…
In a previous article, Svetlin Denkov briefly mentioned another category of clickthrough prototypes: widget-based mockups that are designed on the target device and that expand on sketches by introducing user interface (UI) details and increased visual fidelity. These prototypes can be used to pitch ideas to clients, document interactions and even test usability. In this article, he will teach you how to use the iPad app Blueprint to put together such prototypes in the form of concept demos, which help to manage a client’s expectations when you are aligning your visions of a product.
Read more…
Aspiring to beauty in our designs is admirable. But it doesn’t guarantee usability, nor is it a product or marketing strategy. “Beautiful” says very little about the product. How many people, fed up with PowerPoint, cry out in frustration, “If only it were more beautiful”? No one has figured out how to describe their product effectively. For example, Write, a note-taking app, describes itself as “a beautiful home for all your notes,” which doesn’t say much about why one might want it. Macworld describes it as “Easy Markdown Writing for Dropbox Users.” That’s both concise and specific: If you like Markdown and use Dropbox, you’ll read more. It wasn’t always this way. Indeed, when Dave Feldman became a designer, he had the opposite problem.
Read more…
Technology companies are increasingly using the concept of the minimum viable product as way to iteratively learn about their customers and develop their product ideas. While the concepts they focus on are relatively easy to grasp, the many trade-offs considered and decisions made in execution are seldom easy and are often highly debated. This two-part series, looks into the product design process of Dropbox’s Carousel and the product team at UXPin shares our way of thinking about product design, whether you’re in a meeting, whiteboarding, sketching, writing down requirements, or wireframing and prototyping.
Read more…
