Web interfaces have become quite a character, haven’t they? Self-indulgent, impolite, disrespectful and obsessed with user’s data. In this series of articles, we’re looking into privacy UX patterns to make our interfaces better without leaving conversion considerations behind. In this four-part series, Vitaly Friedman will explore some of the respectful ways to approach privacy and data collection, and how to deal with notorious GDPR cookie consent prompts, intrusive push notifications, glorious permission requests, malicious third-party tracking, and offboarding experience.
Read more…
A 404 page should do more than apologize for poor navigation on behalf of your website. There are some 404 pages that go above and beyond. Rather than the stark white of a standard 404 error page, these pages take an opportunity to speak to users in a more personal tone. Excellent 404 pages are exactly like getting an unexpected treat from a friendly face. In this article, Shelby Rogers will show you why making an effort with a 404 page could better your website’s chances of people coming back despite the inconvenience, and how to track those errors to reduce how often people see it.
Read more…
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…
