How would you design a responsive car configurator? How would you deal with accessibility, navigation, real-time previews, interaction and performance? Let’s figure it out. In this article, Vitaly Friedman dives deep into the dos and don’ts of designing a perfect configurator. As designers, we might try to make our configurators advanced and sophisticated, but too often we overwhelm customers with too many non-trivial options.
Read more…
Offboarding is something users come into contact with every time they complete an online transaction. It is usually described as the interaction between a company and their customer at the end of the customer journey. Whether a user is permanently ending their relationship with a company, or they are just finishing a single transaction, offboarding should be acknowledged as the last impression a user has of your business. In this article, Christine Logan will show you everything about the benefits offboarding can bring to your company and how to apply it in such a way that it is a good experience for all users.
Read more…
When designed properly, Feature comparison can aid in decision-making way beyond placing product specifications side by side. They can also add meaning to an otherwise too technical product specification sheet, explaining why a certain feature is relevant to the customer or how a certain product is better than the others. In this article Vitaly Friedman will look into all of the fine details that make a perfect, accessible and helpful feature comparison table.
Read more…
In this article, Vitaly Friedman will look into the fine details of designing better slider controls for selecting a value or a range of values. A slider is helpful because it allows users to explore a wide range of options quickly. The main point of interaction with the slider is to display options quickly. This means not forcing the user to click on a button to see the outcome or wait until the result is displayed. Feedback should be smooth and continuous. However, sliders are just a bit too difficult to use, require just a bit too much precision, are a bit too confusing to navigate, and are a bit too difficult to grab and move around. After a close look at perfect accordions and date and time pickers, let’s turn our attention to sliders, with do’s and don’ts and things to keep in mind when designing one.
Read more…
Vitaly Friedman has spent a lot of time working with various companies trying out various approaches and studying them in usability tests. This series of articles is a summary of observations and experiments made throughout that time. He’ll be exploring everything from carousels to car configurators. Let’s look into the design of date and time pickers today. With a date picker you can combine day, month and year into one input field, add a fancy calendar icon, and prompt a calendar overlay that exposes the main purpose of the calendar prominently. In fact, there are plenty of contexts in which date pickers matter! Let’s find out.
Read more…
Design patterns can be extremely helpful, mostly because they save time and get us better results, faster. We don’t need to apply them exactly as they are to every problem we encounter, but we can build on top of them, using our experience to inform our decisions because we know they’ve worked in other projects fairly well. Today, Vitaly Friedman brings you a summary of observations and experiments made throughout the time. Tighten up your seat belts: in this new series of articles on SmashingMag, we’ll look into examples of everything from carousels to filters, calculators, charts, timelines, maps, multi-column tables, almighty pricing plans all the way to seating selection in airline and cinema websites.
Read more…
Today, many apps make assumptions about user preferences based on personal data. They use this information to make decisions on your behalf, without any direct input from us. This type of design pattern, where user choice is removed, has recently been coined “anticipatory design”, which leverages data on user behavior to automate the decision-making process in user interfaces. Despite the good intentions imbued in anticipatory design, though, automating decisions can implicitly raise trust issues . In this article, Graeme Fulton will look at how you can give people confidence in the decisions made for them by using “light patterns,” which ensure that user interfaces are honest and transparent, while even nudging users to make better decisions for themselves.
Read more…
Considering that most carousel implementations lack many usability details, one can understand why strong wording is often used in discussions about carousels. But there are alternatives to a home page carousel that both perform well and are vastly easier to implement. In this article, Christian Holst will go over the 10 implementation details he’s found that are required to make home page carousels perform acceptably with end users. He’ll outline how and why mobile and desktop implementations should differ and, lastly, suggest a simpler, problem-free alternative to home page carousels.
Read more…
The worst thing that can happen to your product is that loyal users suddenly aren’t able to use it in the same convenient way. Frustration and anxiety enter social media quickly and suddenly, and the pressure on customer support to respond meaningfully and in time increases with every minute. You can prevent this by being more strategic when rolling out new versions of our products. In this article, Vitaly Friedman will look into a strategy for product designers and front-end engineers to thoroughly test and deploy a feature before releasing it to the entire user base, and how to avoid UX issues from creeping up down the road.
Read more…
When we design responsive websites, we tend to see responsive design merely as a collection of slightly differently sized rectangles, with a slightly different layout, sometimes with slightly different content poured into them. In this article, Vitaly Friedman features some of the slightly more obscure design patterns, such as responsive car-builder interfaces, mega dropdown navigation, content grids, maps and charts, as well as responsive art direction.
Read more…
