CategoryDesign Patterns

July 14, 2021 — Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why. Read more…

May 19, 2021 — Everything to keep in mind when designing and building a mega-dropdown, common pitfalls, hover entry/exit delays, trajectory triangle technique and SVG path exit areas. Read more…

May 12, 2021 — In this new series of articles on UX, we take a closer look at some frustrating design patterns and explore better alternatives, along with plenty of examples to keep in mind when building or designing one. Let’s start with an infamous birthday picker. Read more…

March 8, 2021 — To inspire mobile designers, let’s look at how some clever design solutions tackle mobile navigation, confirmation dialogs, animations, and gamifying the waiting experience. Read more…

February 24, 2021 — Where to put the label in a web form? In the early days, we talked about left-aligned labels versus top-aligned labels. These days we talk about floating labels. Let’s explore why they aren’t a very good idea, and what to use instead. Read more…

February 3, 2021 — Tooltips are powerful design patterns implemented to enhance the design experience by providing additional information precisely when users need it. Sometimes, however, tooltips are obtrusive, especially on mobile devices where available space is at a premium. Read more…

January 15, 2021 — 2020 was anything but normal. Consumers had their lives shaken up and many businesses experienced new challenges as well as opportunities thanks to the novel events of the year. Read more…

November 10, 2020 — In this article, we look at three key parts of a digital store and what you can do to design each to help customers more quickly and effortlessly get to the checkout stage. Read more…

October 13, 2020 — How can you convince your clients to make a faster (and easier) buy-in? With the help of a guided design exercise, Kelly Schummer explains how the Design Shopping workflow can help guide you throughout the design phases. Read more…

October 6, 2020 — In this article, we’re going to look at four ways that web designers can contribute to getting more policy disclosure pages read and terms actually agreed to. Read more…