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

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

Smart Interface Design Patterns Valid
• Vitaly Friedman

Practical Guide For UX and Design Managers

Things To Avoid as a Design Manager # Most managers don’t give enough feedback. Don’t “sandwich” feedback — critique with humility. Never do your team’s work; help them do their best work. Don’t mandate decisions from the top; explain them. Don’t be a silent voice in the...

Smart Interface Design Patterns Valid
• Vitaly Friedman

A Guide For Designing For Older Adults

Avoid Wrong Assumptions # Don’t assume that older adults struggle to use digital. You don’t need to strip the design to bare minimum. Avoid general stereotypes and assumptions about elderly people. Most users are healthy, active and have a solid income. How To Write...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Design For Users With Colorblindness

Too often accessibility is seen as a checklist, but it’s much more complex than that. We might be using a good contrast for our colors, but then if these colors are perceived very differently by people, it can make interfaces extremely difficult to use. Depending on our colo...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Where to Take Your UX Career?

An example of anin-house ladder, ranging from junior designer to design director. From 10 Directions To Take Your Next Career. There is no universal career path that works for everyone. In fact, the best path is the one that feels right to you. But there are some thing...

Smart Interface Design Patterns Valid
• Vitaly Friedman

Six Ways To Speed Up Navigation

In some interfaces, navigation feels extremely slow and frustrating. Users seem to be running in circles, heading through multiple pages, sections and sub-sites, being re-routed and redirected multiple times — often without a clear path forward. How can we boost the speed of...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Design For Users With Dyslexia

Dyslexia can take different shapes. Different people are in a different place on a continuum, but for some dyslexic users reading might take longer, especially if text has many large uninterrupted blocks, italics, words written in uppercase and flashing images. It’s difficul...

Smart Interface Design Patterns Valid
• Vitaly Friedman

How To Write a Great Design Case Study

How do we write a great design case study? I’ve put together some practical guides, examples and do’s and don’ts on how to stand out. Key Takeaways # Think of a case study like a magazine feature. Keep a case study digestible, thorough and a story. Choose a customer that r...

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