Skip to main content
96 votes

Best error color on blue color?

MD guidelines aren't rules The Google Design team wanted to provide a good selection of colors for app devs who can't think in color. It's a solid palette (the whole UI framework is great), but it ...
plainclothes's user avatar
  • 21.3k
51 votes
Accepted

Better way to show books in a row

By the usability point of view, the optimal choice would probably be #2, since it leaves no doubt about the binding between the book title and its cover (see the Gestalt's Proximity Principle). An ...
Stefano's user avatar
  • 871
36 votes

Visually indicating user to change orientation of device

By using text + image. You can use something like this: Bonus points for adding a subtle animation that catches even more attention.
Pectoralis Major's user avatar
31 votes

Disable past dates or display error message?

1 is the better option as you are not making the user do a set of actions that would lead to error message. It's better to avoid the chance of an error occurring rather than let the user do the error ...
Blue Ocean's user avatar
  • 10.7k
30 votes

Is it a good decision to include monospace fonts in UI?

Monofaked fonts There's a solution already planned in design for this type of situation, it's to use pseudo monospace fonts or proportionally spaced typefaces with a monospaced appearance. Type ...
Danielillo's user avatar
  • 19.2k
29 votes

Why is Figma/Adobe XD needed?

Because not everyone is working alone. Of course when you're the developer of your own design you don't need to sketch everything. I don't need to do it for my own app I'm developing either. But in a ...
Big_Chair's user avatar
  • 6,835
25 votes

When to use the gestalt principle of common region?

The proximity principle used as a frame works correctly when there are at least two or three elements generating the container virtual limits: It works more as a closure law: Or the content has a ...
Danielillo's user avatar
  • 19.2k
24 votes

Why most footers have a background color as a divider of section?

When you walk into a physical store usually have a rug or a door or something to make you slowdown and pay attention to all after that point. On websites is quite similar. You should have different ...
Rafael Perozin's user avatar
22 votes

Disable past dates or display error message?

Both. As others have said, it's better to disable past dates to minimise the risk of bad data, however you should also factor in that sometimes things don't work as expected and still validate the ...
gabe3886's user avatar
  • 425
21 votes
Accepted

Visually indicating user to change orientation of device

In many sports apps when you check the standings table you only get limited data (such as no. of games, points) and when you want to see all columns (no. of goals, wins, etc.) you need to rotate the ...
Jaroslav M's user avatar
21 votes

Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean?

This icon seems to have different meaning in different systems: it's called "caret sort" or "chevron sort" in Carbon Design System; it's called "unfold more" in Material ...
exp's user avatar
  • 2,618
19 votes
Accepted

Best error color on blue color?

Show your error message on a neutral-colored box. download bmml source – Wireframes created with Balsamiq Mockups
Ken Mohnkern's user avatar
  • 9,034
18 votes
Accepted

Why most footers have a background color as a divider of section?

If you add too much whitespace, apart from wasting screen space (which I won't go into further as I don't want to rant), plenty of users will stop scrolling too soon to see it if they're not actually ...
Chris H's user avatar
  • 1,439
17 votes

Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean?

It is one representation of a sort icon. When used next to a table header label, the user can sort in one direction by clicking once, and the other direction by clicking a second time.
Izquierdo's user avatar
  • 12.8k
16 votes

How do I handle wrong input in a multiple input field?

I'm not sure what your tech stack is, but you could use an input that the Return key quickly turns it into a taglike pill. Here's a bootstrap example showing this with accompanying code (It's a tiny ...
Mike M's user avatar
  • 24.7k
15 votes

Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean?

I have seen some dropdowns on the web styled with the double arrows. Also, in table headers it is used as a sort icon (fa-sort in font-awesome). So I guess you can use it for both.
Nash's user avatar
  • 2,471
13 votes
Accepted

What are good synonyms for "not yet connected"?

When you can't think of a noun for an anchor or headline, think of a verb If you can't quite think of a name for the content on the linked page, you can instead try thinking of the action that users ...
Tim Grant's user avatar
  • 3,941
13 votes

What's the difference between "Help Center" and "Knowledge Base" sections on a website, if there's any?

Personally, I always considered (and therefore use) Knowledge Base INSIDE Help (or Help Center if you wish). I think HELP is global, and all resources aimed to HELP users should be put together in a ...
Devin's user avatar
  • 38.1k
13 votes
Accepted

Categories in a list: Empty state or hide?

Option 1 does present more data, but is bound by a more explicit rule. If someone looking out over a six month period for reservations, and is coordinating or receiving this data from other systems, ...
Mike M's user avatar
  • 24.7k
12 votes

Is it a good decision to include monospace fonts in UI?

Often people use monospaced fonts to create simple tables or ASCII art. If you don't allow a true monospaced font you are making a blanket decision for all of your users that those uses are ...
WiringHarness's user avatar
11 votes

What is the iOS alternative to a radio button?

I wrote a highly customizable radio button control for iOS. It supports both obj-c and swift. Hope it helps!
David Liu's user avatar
  • 211
11 votes

Why "posted a minute ago" instead of time?

Faster comprehension at the expense of accuracy. If I told you: I began typing this answer at 10:14:25 AM on December 6, 2017 that would require you to know the current time and then compare it ...
maxathousand's user avatar
  • 19.5k
11 votes
Accepted

Forcing unique account emails after years of not

Force all new users to use a unique email address. Ask users to verify their email address when they sign in (send an email with a unique link that can only be accessed by the owner of the email ...
James Coyle's user avatar
  • 1,587
10 votes

Getting the real name of an user

Getting real information is one of toughest thing in web. My approach to this problem is to utilise user's FEAR. When you know something can't be UNDO, some users sure think about it twice.
Jivan's user avatar
  • 3,728
10 votes

Getting the real name of an user

You need to be transparent with the end-user regarding your exact intentions with their information. As @Jivan previously touched upon, this is more of a psychological issue than one of a technical ...
Josh Campbell's user avatar
10 votes
Accepted

Use bad UI till overall redesign or add good UI in small steps?

As lead designer in the startup I work at I have to handle the same situation quite often. I don't think there's one out-and-out solution. That depends on your situation. However, my experience in ...
Nick Groeneveld's user avatar
9 votes

Intuitive interface for Composing Boolean Logic?

It's an old question, but I thought I'd contribute in case anyone is interested. Although a lot of interesting answers have already been provided, I designed for our app the following: Initially ...
scooterlord's user avatar
9 votes

Why do some automated phone systems use a typing sound effect?

This is quite common on some IVR systems, and it's intended to transmit the idea of work is being done and the system didn't hang up. Think about this: if a human person attended the phone, you could ...
Devin's user avatar
  • 38.1k
9 votes
Accepted

Prisoner's Dilemma interaction

In general, too much interpretation is required. The concepts of "Primary" and "Secondary" player are confusing to the reader. I understand they're probably crucial to the game dynamic, so they ...
dennislees's user avatar
  • 11.6k
9 votes

Why is Figma/Adobe XD needed?

It is true you can design your app in Illustrator but where XD or Figma really shine is user testing. It is not called user experience (UX) for nothing. Sure you can print out your designs from ...
locationunknown's user avatar

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