FeedCity logo

FeedCity

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

Five Tips To Boost UX Maturity In Your Company

Do your design initiatives clash against the company culture? Do you struggle to boost the role of UX in your organization? If you also struggle to convince your colleagues or stakeholders about the impact of UX, the action points below might help. We’ll also dive into the i...

Smart Interface Design Patterns Valid
• Vitaly Friedman

What’s The Perfect Design Process?

Design process is messy. You might be following a structured approach, but with all the last-minute changes and overlooked details, too often it takes a life of its own. And before you know it, you are designing in a chaotic environment, full of refinements, final-final-deli...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Designing Sticky Menus: UX Guidelines

We often rely on sticky headers to point user's attention to critical features or calls to action. Think of sidebar navigation, CTAs, sticky headers and footers, “fixed” rows or columns in tables and floating buttons. We've already looked into mobile navigation patterns in S...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Mobile Accessibility Target Sizes Cheatsheet

Rage taps are annoying and frustrating. These wonderful occurrences in our interface when we need to tap twice, or sometimes three times to continue our journeys. Of course sometimes they happen because the website is too slow, but sometimes it’s the target size of interacti...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Drag-and-Drop UX: Guidelines and Best Practices

Drag-and-drop is not a trivial user interaction. It’s messy, inaccurate and comes in plenty of flavors — from design states to interaction modes. Yet when we think of drag-and-drop, we typically think of a simple drag’n’drop file upload — which is only one of the many contex...

Smart Interface Design Patterns Valid
• Vitaly Friedman

The Best Handoff Is No Handoff

Many companies organize their workflows around projects and departments. Especially in large companies, work often travels from one place to another, often getting stuck between emails and Slack messages, and often “refined” on its never-ending journey between design and eng...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Avoid Bias in UX Research

Recently I stumbled upon the article How To Avoid Bias in UX Research, with pointers on how to anticipate, identify and overcome biases in your research by being more strategic about how you ask questions and how you run the test. A concise write-up by Genís Frigola. Here ar...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Red Flags To Check In Your Design Interviews

Red flags to check in your design interviews. Photo by Carson Masterson. I’ve recently stumbled upon Red Flags To Check In Your Design Interviews, a quick guide on how to work out if a team is right for you, and what it's going to be like to work in that company, or wi...

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...