Designing a good signup form is tricky. UX design does matter. To improve UX, the designer needs to put themselves in the user’s shoes. Make your form clear from the start, with visible labels placed outside of empty form fields. There’s always room for improvement. In this article, Kate Sipkina & Olga Ratinova will show you how to improve your contact forms — those crucial elements before users make a purchase or subscribe to a newsletter.
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…
Though we have a good understanding of the types of button design rules that universally work, there will be times when you’re surprised by a rogue element that performs well. Like ghost buttons. They aren’t much of a mystery, despite their eerie-sounding name. They’re call-to-action (CTA) buttons for your website, like any other. The key difference is in how they look. Logic would dictate that ghost buttons are not good for web design. Yet, research shows us that visitors don’t necessarily see them that way.
Read more…
We’ve been closely working with Maya on this article, and we’re happy to see the final result now being published on 18F. We highly encourage more teams to share the lessons they learned when building design systems or pattern libraries, and we’re always happy to support them in writing, editing and shaping that article. This post is a re-post of Maya’s final article. In this article, Maya will shed some light on how to built tools to leverage industry-standard best practices and produce a design system with reusable components.
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…
Let’s look into the fine details of designing better slider controls for selecting a value or a range of values, 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…
