FeedCity logo

FeedCity

Smart Interface Design Patterns

Not verified No WebSub 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

Navigating The UX Team Of One

Are you the only designer on the team? Navigating The UX Team Of One is a very honest article about the things to keep in mind in the open waters of technology-driven teams. Written by Jamie Ryan. Document everything, from your work to org charts. Ask a lot of questions,...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Five Simple Steps For Better Autocomplete UX

Autocomplete! Their design seems to be almost obvious at first, yet there are some common usability issues that appear over and over again, preventing users from using them effectively. Let’s fix that — by exploring 5 autocomplete UX details where the design pattern can be i...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing A Time Zone Selection UX

Designing a time-zone selection is hard. Not only are time zones difficult to scan and understand; they also change over time, with or without daylight saving at different times, and there is no universal way of organizing and displaying them. Time zones are hard, a wond...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Seven Fantastic Design Systems

Nobody is surprised by design systems these days. A novelty just half a decade ago, they have become an established part of the design process, helping teams bridge the gap between design and code. I'd love to share with you some of the useful features of design systems that...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing Better Meetings

Meetings can be utterly exhausting and frustrating, but also valuable and productive. Here are some of the formats and guidelines that seem to be working slightly better, especially in large organizations. Best Practices For Meetings # There should be no surprises in a mee...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Useful Miro Templates For UX Designers

Miro

Smart Interface Design Patterns Valid
• Vitaly Friedman

Frequently Asked Questions UX

Barely any website can escape the curse of the FAQ section. Even seemingly simple products eventually grow roots as the user base expands. Sadly, the web is not a particularly friendly place, and so users have all kinds of doubts, objections, questions and concerns — and the...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Design KPIs

Imagine that you’ve just received an invite to a new meeting. The description is a bit vague, but the title is sitting right there, with its heavy weight, making you a bit worried: design KPIs. Now, what do you think the meeting is going to be about? It wouldn’t be surprisin...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing Better Breadcrumbs UX

Nobody gets particularly excited about breadcrumbs. Those tiny little crumbles that illustrate where a user currently is in the intricate hierarchy of the website. They might be unnecessary on smaller websites, but they can make a difference on complex websites. When users c...

Smart Interface Design Patterns Valid
• Vitaly Friedman

We Don’t Need Hamburger Icons

There are many flavors of hamburger icons out there. From chocolate cakes and hot dogs to fries and veggie burgers. They all hide navigation, oftentimes critical navigation that users need to comfortably use the site. Hamburger icons come in many flavors. Designed by Ale...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing A Better Birthday Input

Every time you apply for a job application, open a bank account or book a flight, you probably will be typing in your date of birth. As designers, we don’t just care about the completion rates, but also completion times and the accuracy of input. We also want to support brow...

Smart Interface Design Patterns Valid
• Vitaly Friedman

AI Tools For Designers

I have to admit that I used to be very skeptical about the entire topic of AI and algorithmic design, and how it is going to change and shape design on the web. To the point that I was reluctant to even try out Midjourney and DALL-E — there were enough of artifacts produced ...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Billboard Navigation Design Pattern

Not every navigation item is equally important. Some items are more important or more frequently used, so they might deserve a little bit more spotlight in your navigation. In fact, if some items are more important than others, we can use the billboard pattern and display th...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Infinite Scroll UX

We all have our opinions about infinite scroll, and usually not very good ones. This has a number of good reasons. With infinite scroll, the sheer number of options is often overwhelming. There is no easy way to navigate between the “old” and “new” segments in the list. We d...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Complex Filters UX

Dealing with complex filters in enterprise environments can be quite a challenge. Usually we know where to place them, but not necessarily how to show them. What if you have literally hundreds of these filters? Showing them all at once might be quite intimidating, to say the...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Useful Copywriting Tools and Resources

Copywriting is difficult. Staring at the blank screen can feel daunting, but so does finding just the right words for that landing page. Let’s take a look at some copywriting tools that you might find useful in such situations. 1. SpeakHuman.Today # SpeakHuman.Today is a gr...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing Better Design Critiques

Design critiques often undermine trust and crush team spirit. But they don’t have to. Here are a few helpful strategies, templates and articles that I found helpful to run better design critiques. Key Takeaways # Explain the problem before showing any work. Review previ...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Design Metrics and KPIs

Many organizations focus primarily on data coming from their analytics. This usually includes beautiful dashboards with data points and graphs on bounce rates, exit rates, time spent on site, navigation funnels and most used features or pages. Design KPIs are driven by numbe...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Disabled Buttons UX

Admittedly, there might be very good reasons for making buttons disabled by default, but there are also scenarios when disabled buttons turn out to be a disastrous design pattern. Let’s look into common usability issues with disabled buttons, how to fix them, and when disabl...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Error Messages UX

When we design interfaces, we rarely think about error messages first. But a strategic and thorough design of these messages can be critical for businesses — especially if they struggle with high abandonment. Error messages can make or break the experience in situations when...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Improve Time Estimates For Designers

To get better at estimates, we need to know just how much productive time we have, and how much work we need to complete. Both need a lot of planning to avoid surprises down the line. There are many unknowns that shape your timing: we need to discover them first. Illustr...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Filtering UX

Filters are everywhere. They are used in pretty much every interface that features more than a handful of data points. It’s not necessarily just the sheer amount of data that is difficult to make sense of though; it’s the complexity and lack of consistency that the data usua...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Language Selector UX

Imagine that you’ve just arrived to Tokyo. Full of impatience and excitement, you are just about to hit the road, yet there it comes: an urgent warning from your mobile provider, nudging you to top up your dwindling balance. There isn’t anything cryptic on Stripe, with a...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing Better Links UX

Too often, links on the web don’t get the attention they deserve. Their appearance often follows the brandbook, and interaction seems to be so obvious that it doesn’t even come up in design discussions. Let’s fix it — and explore how we can make links better. 1. Link Underli...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing Multi-Lingual UX

If you ever had to design a multi-lingual website, you probably know the drill. Usually it’s not just a matter of translation. Eventually, labels get too lengthy to work everywhere, and we need to dedicate a lot of attention to currencies, dates, different word order, plural...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Never Hide Critical Navigation On Mobile

Every usability study reveals the same story: hiding important navigation is harmful, especially on pages where people tend to navigate a lot. In fact, digital experiences typically have two kinds of pages: navigation pages and content/task pages. Navigation pages are t...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Onboarding UX

You've just signed up for a service, yet here it comes — the disruptive, annoying, attention-demanding onboarding tutorial. It’s right there, asking for attention; yet chances are high that you will never find out what it was all about because you’ll be swiftly dismissing it...

Smart Interface Design Patterns Valid
• Vitaly Friedman

What Do PMs Do?

Let me ask you a simple question: what’s the role of a PM? Or more specifically, what’s the difference between product managers, product owners and program managers? And how are they different from project managers or technical leads? If you know the answer, you can probably...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Reviews And Ratings UX

When we make purchasing decisions, we often rely on expertise from people like us who have already purchased that item. And so we seek user ratings, often looking for a high enough review score and a good number of reviews. In fact, 95% of users rely on reviews to make their...