Skip to main content
33 votes
Accepted

Evidence for using "Do not show again" on modal/popup advertisements

It won't just not work, user's minds will be trained to ignore it or anything that looks like it. Boy who cried wolf style. It's called Habituation and it can hurt your marketing efforts. You want ...
Kitanga Nday's user avatar
  • 1,762
18 votes
Accepted

How do I handle white space in cards with varying amounts of information?

In these cases, although the excess white area exists, the perceiver tends to place the vision in the center of those framed empty spaces, which further accentuates the lack of content: To counteract ...
Danielillo's user avatar
  • 19.2k
16 votes

Evidence for using "Do not show again" on modal/popup advertisements

I guess this is also a matter of finding the right argument for the sales team to hear you out. Here's what you can add to what has been already pointed out: Customer frustration leads to churn, ...
Stefania C's user avatar
15 votes
Accepted

What color should "record" / "stop" buttons be?

Handycam/Camcorder era: Static physical button for record/stop Blinking red/solid red indicator light for recordings Stop is a square icon Record is a circle icon Smartphone era: Dynamic digital ...
It's Dylan's user avatar
  • 1,024
8 votes

File tree expander arrow directions

In the directory view, a well-established and widely accepted pattern is used. This pattern effectively utilizes semiotics to convey a message: there is more content to explore. Since Western cultures ...
Devin's user avatar
  • 38.1k
8 votes

What color should "record" / "stop" buttons be?

If the button has text, I think it is big enough to be able to show with some type of animation that there is an action running, without making a big color change. In this way you not only highlight ...
Danielillo's user avatar
  • 19.2k
7 votes

Design intended to discourage certain actions

Friction is indeed the most appropriate term, but specifically the example with the ellipses also falls under Gradual/Progressive Disclosure. It's meant not so much to discourage users from using a ...
Vitaly Mijiritsky's user avatar
6 votes
Accepted

Design intended to discourage certain actions

Friction is the term designers use when they want users to make an action thoughtfully and deliberately (vs. something that is selected by accident). There are many reasons to design with friction: ...
Izquierdo's user avatar
  • 12.7k
6 votes

File tree expander arrow directions

Indeed, it seems that the older style serves to indicate whereas the newer style serves to promise. By "indicate" I mean to point your attention to where you should look — to highlight ...
Luke Sawczak's user avatar
  • 1,121
4 votes

What are various factors to be considered for Font Selection Parameters for any applications?

The four basic elements to consider when choosing a font are: x-height, width, special characters and number of styles. Readability Based on the design of the app/web, choose fonts with better ...
Danielillo's user avatar
  • 19.2k
4 votes

Should toggle buttons be same size or dependent on text size?

You have the answer on this page: My only recommendation for size changes would be, in texts of more than one word, to establish a maximum number of characters, for example, not to exceed twenty. The ...
Danielillo's user avatar
  • 19.2k
4 votes

What color should "record" / "stop" buttons be?

In the physical tape era when record also meant overwrite (and therefore erase) record would be warning-coloured: red or orange. But for file-based recording there is no need for that to protect your ...
Jasen's user avatar
  • 252
3 votes

How to best showcase selected state of visually important elements

Due to the diversity of colors and similar shapes, I would opt for a detail with contrasting shape and style (outlined):
Danielillo's user avatar
  • 19.2k
3 votes
Accepted

Blinking cursor on input fields and blinking time/timeout

The vertical blinking bar in input fields, or "cursor" (also "caret" but less common, although it's used in CSS) indicates where the next characters will be inserted. Its blinking ...
Devin's user avatar
  • 38.1k
3 votes

Why has extreme padding become so common in web/UI design since 2019?

This question may not be asked in good faith ("just looks ugly and childish"), nor is it particularly accurate, but the answer is probably interesting nonetheless. Reason 1: Optimal line ...
Leo Wattenberg's user avatar
3 votes
Accepted

Solving accidental clicks

This is a very well-observed question about an issue in interaction design which, as you rightly say, is seldom discussed. But it's still a very common problem. The issues here were explored by some ...
TommyPeanuts's user avatar
3 votes

Hiding the delete button behind 1, possibly 2 clicks

The user that needs to delete a sub-object, however rare a case, has an intention to delete, not edit. They will probably eventually find the Delete button by entering into the Edit state (because ...
Izquierdo's user avatar
  • 12.7k
3 votes

What is better for UX/UI if phasing out features- hiding or disabling buttons/menus

I think we'll need to take a step back here and start with the question "what is a phase-out supposed to achieve?" Sure, the end goal is that you can remove the feature completely, but if ...
Leo Wattenberg's user avatar
2 votes

Should "primary" buttons always perform an action?

The buttons in your second example are perfectly fine (Add Employee seems like a primary action, so the primary button is better than the link-only button in your first example). I think the tension ...
Izquierdo's user avatar
  • 12.7k
2 votes

Should "primary" buttons always perform an action?

Systems should serve users not the other way around. If you feel that the button would be the correct component to place as your main CTA, then do that. Especially given that it's your primary action. ...
Kitanga Nday's user avatar
  • 1,762
2 votes
Accepted

Alternative ways to guide users

It is not clear to me that if you want those text fields compulsory to be filled or we can skip if we want to. If those fields are going to be a must, then you can solve this problem by using a bottom ...
Kritarth's user avatar
  • 126
2 votes

Segmented control vs toggle switch

Carbon Design System lists this logic for choosing between Toggles and Content Switchers: For binary actions or choices, such as “yes/no” or “on/off” use a toggle instead of a content switcher. A ...
exp's user avatar
  • 2,608
2 votes

Chevron / drop down to activate keypad

When adding things to cart, usually the input is a number. Hence using a - (minus) and + (plus) helps in getting what the user wants. A few advantages: We can control the max (and min) values that ...
Kiran's user avatar
  • 21
2 votes

What is better for UX/UI if phasing out features- hiding or disabling buttons/menus

I've seen this done before on other famous websites (I think one example was Amazon). The best solution to your problem would be to add a banner which simply says "let me use the original ...
erayner's user avatar
  • 21
2 votes
Accepted

Improving readability and optimize space

The answer is more or less from my personal experience and isn't based on any researches. My suggestion: Keep the title as it is right now, it's important for user to understand what device is being ...
fakermaker's user avatar
2 votes

Should toggle buttons be same size or dependent on text size?

At first thought I agree with Danielillo. Keep the width variable to the words and keep the paddings the same. But it might depend on context. In the case below, where the button group is used in a ...
Dendeze's user avatar
  • 33
2 votes
Accepted

Should toggle buttons be same size or dependent on text size?

I guess it depends. In Material Design, they should be the same width. Here you can see the segmented buttons with icons because the content width is more noticeable: But you can see that without ...
Devin's user avatar
  • 38.1k
2 votes

mobile app usability - UX design

Given is that "users feel the text is overwhelming and not organized" there are two pillars to focus on: It's overwhelming: All information looks the same and evenly important. It's not ...
jazZRo's user avatar
  • 11.9k
2 votes
Accepted

Should the search bar go above or below the tabs here?

Natural progression here would be: Search Bar (Top) | Tabs (Middle) | Icons/Search Results (Bottom) Flow of function would go something like this: User types in Search Box, results show up ...
Mohit's user avatar
  • 653
1 vote

Is the standard notification badge color always red, or can it be something else?

Depending on how important the notifications are and how prominent you want to let users know there's a notification. Spotify uses a blue color as a notification badge. In my opinion, blue is less ...
Ivan's user avatar
  • 111

Only top scored, non community-wiki answers of a minimum length are eligible