Sign up

Smart Interface Design Patterns

Not verified No WebSub updates No Webmention updates Valid

UX design tips and resources brought to you by Vitaly Friedman.

Public lists
btconf 2025 speakers

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Build Confidence In Your UX Work

When I start any UX project, typically there is very little confidence in the successful outcome of my UX initiatives. In fact, there is quite a lot of reluctance and hesitation, especially from teams that have been burnt by empty promises and poor delivery in the past. Good...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Decision Trees For UI Components

How do you know what UI component to choose? 🌳 Decision trees offer a systematic approach for design teams to document their design decisions. Once we’ve decided what UI components we use and when, we can avoid never-ending discussions, confusion and misunderstanding. Let’s ...

Smart Interface Design Patterns Valid
• Vitaly Friedman

T-Shaped vs. V-Shaped Designers

Many job openings in UX assume very specific roles with very specific skills. Product designers should be skilled in Figma. Researchers should know how to conduct surveys. UX writers must be able to communicate brand values. The Many Roles In UX # Successful candidates must...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing For Stress and Emergency

You can find more details on design patterns and UX strategy in How To Measure UX 🍣 — with a live UX training coming up this year. Free preview. No design exists in isolation. As designers, we often imagine specific situations in which people will use our product. It mi...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Test And Measure Content In UX

The goal of the content design is to reduce confusion and improve clarity. Yet often it’s difficult to pin point a problem as user feedback tends to be not specific enough. But: we can use a few simple techniques to assess how users understand and perceive content. Let’s tak...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Design Complex Data Tables (+ Figma Kits)

Complex data tables are difficult to get right. They always come along with filters, sorting, customization options, batch actions, cell states, pagination, and a huge amount of data. Their purpose is to help people find insights, by comparing data points across rows and col...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Badges vs. Pills vs. Chips vs. Tags

Sometimes design conversations take slightly more time and effort than needed. One of the frequent conversations is circling around badges, pills, chips and tags. How are they different? What purpose do they serve? Which ones do we need in our design system? And how to choos...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Combobox vs. Multiselect vs. Listbox

So what's the difference between combobox, multiselect, listbox and dropdown? While all these UI components might appear similar, they serve different purposes. The choice often comes down to the number of available options and their visibility. Let's see how they differ, wh...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Avoid Newsletter Pop-Ups, And What To Do Instead

Newsletter pop-ups are everywhere. You’ve just landed on a website, yet here it is, a shiny newsletter pop-up, asking for your email address for reminders, updates or an exclusive 15% coupon code. People hate it, businesses love it. But does it work? As it turns out, it’s co...

Smart Interface Design Patterns Valid
• Vitaly Friedman

2-Page Login Pattern, And How To Fix It

Why do we see login forms split into multiple screens everywhere? Instead of typing email and password, we have to type email, move to the next page, and then type password there. This seems to be inefficient, to say the least. Let’s see why login forms are split across scre...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Hidden vs. Disabled In UX

Both hiding and disabling features can be utterly confusing to users. And for both, we need very, very good reasons. Let’s take a closer look at what we need to consider when it comes to hiding and disabling — and possible alternatives that help enhance the UX. Show What’s N...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Why Designers Aren’t Understood

As designers, especially in large enterprises, we often might feel misunderstood and underappreciated. It might feel like every single day you have to fight for your users, explain yourself and defend your work. It’s unfair, exhausting, painful and frustrating. Let’s explore...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Sustainable Design Patterns For UX Designers

Digital sustainability is often seen as a technical concern for engineers. We speak about optimization of assets, and web performance, and server efficiency. In fact, we rarely explore sustainability from the perspective of design and UX. But what if we did? Let’s explore a ...

Smart Interface Design Patterns Valid
• Vitaly Friedman

A Practical Guide To Design For Children

Children start interacting with the web when they are 3–5 years old. How do we design for children? What do we need to keep in mind while doing so? And how do we meet the expectations of the most demanding users you can possibly find: parents? Well, let’s find out. Embrace P...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Design Patterns For... Almost Anything!

So what if you need a bit of inspiration for accordions, or footers, or dashboards, or maps, or perhaps hover states? In this single post, you’ll find all of them — a curated list of design showcases for various design components and themes — from UI components to patterns, ...

Smart Interface Design Patterns Valid
• Vitaly Friedman

A Guide To Designing For Mobile (iOS, Android)

When it comes to designing for mobile, there is always quite a bit of confusion between all the different units, guidelines and measurements in iOS and Android. Here’s a quick cheat sheet (PDF) to help you get started with your mobile app design. Key Takeaways # For Androi...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designer’s Guide To Redesign, Step-By-Step

Redesigns are often expensive, time-consuming and incredibly risky. Of course sometimes big-bang-redesigns are necessary, yet more often than not they can be avoided with a series of strategic incremental changes. Here are a few things to keep in mind before launching a big-...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Make A Strong Case For UX Research

So you want to conduct UX research, yet you find yourself constrained — by wrong assumptions and wrong expectations about what UX research actually entails. Research doesn’t have to be time-consuming. It doesn’t have to be expensive. And it doesn’t have to be disruptive. Let...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Fix a Bad User Interface

Every screen you interact with has multiple personalities: blank state, loading state, partial state, error state and ideal state. How To Fix a Bad User Interface highlights strategies to avoid awkward and confusing UIs with the UI Stack, carefully designing personalities fo...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Stop Tracking NPS (Net Promotion Score)

Good research is always rooted in the past, not in the future. Net Promotion Score has many flaws: in how it asks users to predict their future behavior, the Likert scale and the statistically unreliable score calculation. There are better alternatives. 1. How Net Promoter S...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Avoid Misunderstandings In The Design Process

Often misunderstandings don’t just cause confusion. They bring team members apart, erode trust and produce waste. They often come from wrong assumptions and unrealistic expectations. Of course every UX task is different. But every task requires a shared understanding about t...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Defend Your Design Decisions

Design decisions are often seen as a matter of opinion or preference. But design solves problems, and so good design decisions shouldn’t be based on hunches or opinions. They have good reasons, they address the problem effectively, and as such, they impact business goals. We...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Beautiful, Inclusive, Free Photos of People

Where would you find inclusive, free-to-use photos of diverse people? There aren’t many resources out there, but the ones that do exist are absolutely fantastic. Here are some useful pointers that you might use in your work. Beautiful, Inclusive, Free-To-Use Photos of People...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Double Diamond Is Not How Most Companies Work

Do you actually rely on the well-established Double Diamond process in your design work? Chances are high that you had to cut corners, make tough compromises and keep convincing stakeholders about the right approach to design. Is there a single, universal, perfect design pro...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Should Links Open In New Tabs?

That’s a question that seems to fuel never-ending discussions year after year. Do we open external links in new tabs by default? Do we mark external links? How do we deal with links to PDFs, videos and audios? Let’s figure it out! Below are some practical UX guidelines on ho...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Make A Strong Case For Accessibility

Getting support for accessibility efforts isn’t easy. There are many accessibility myths, wrong assumptions and expectations that make accessibility look like a complex, expensive and time-consuming project. Let’s fix that! Below are some practical techniques that has been w...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Design For Autistic People

Nearly 1% of the global population is autistic. Yet often it’s not obvious how to consider the needs of autistic people in the design process. Let’s change that. Below are some general UX guidelines, do’s and don’ts to design better UX — for autistic people and everybody els...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Name Design Tokens in Design Systems

Design tokens represent small, repeatable design decisions. Instead of using exact HEX or px-values, we refer to a token which name describes how and where they are used. It makes it much easier to update the design by changing one value in one place and not breaking anythin...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Free Books For Interface & UX Designers

These books have been kindly shared by the community, with lessons learned by authors for everybody to read and benefit from. A sincere, enormous thank-you to the authors for making their work available to everyone for free. Hopefully you and your friends will find them usef...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Color Contrast Cheat Sheet PDF

Poor color contrast is the most common problem on the web. Here are some useful guidelines for text and buttons, with minimum contrast recommendations for better legibility, a few color contrast tools and useful resources. How Color Contrast Is Calculated # In general, colo...