CategoryDesign Patterns

February 6, 2024 — With one billion people aged 60 or older worldwide, inclusivity is more important than ever. Learn how to create digital experiences that empower independence and competence for older adults while enhancing usability for all. An upcoming part of Smart Interface Design Patterns. Read more…

January 25, 2023 — How do we design effective reviews and ratings? With a distribution chart, decimal scores, tags, recommendation score and unedited product photos. Read more…

January 11, 2023 — Captioning can be much more than text. Design patterns for better UX of subtitles, captions, video players, transcripts and on-screen text. Read more…

January 2, 2023 — That’s how people behave on the web in 2023. Some observations from real usability testing on what people do and what they don’t do on the web. From disabled copy-paste to magic link sign-in. Read more…

November 2, 2022 — When designing navigation on mobile, we don’t have to rely on slide-in-menus or nested accordions. We can also use the curtain design pattern, and show multiple levels of navigation at once. Read more…

September 21, 2022 — Live, or inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it. Read more…

August 25, 2022 — Error messages need to be easy to spot, but they also need to be helpful. Let’s explore when error messages should live above input fields and why toast error messages are usually not a very good idea. Read more…

August 16, 2022 — With the “Back” button, users often get confused and frustrated. How to design a better back button UX and where to put those “Back” buttons in our interfaces. Read more…

August 4, 2022 — How to improve authentication UX, with magic links, 2FA, better password recovery and relaxed rules for secure, accessible and usable passwords. Read more…

July 6, 2022 — Pricing pages can be complex and confusing. Let’s explore some design patterns, guidelines, real-life examples and best practices on how to design a better pricing page. Read more…