Skip to main content
86 votes
Accepted

Are there any guidelines concerning the use of Alt, Ctrl and Shift keys?

The Microsoft's Guidelines for Keyboard User Interface Design says: Use the following guidelines for designing shortcut keys: Assign simple and consistent key combinations. Make ...
Dipak's user avatar
  • 16.2k
41 votes

Why don't browsers show a dialog when closing a tab?

Because the cons of disrupting the user's flow by always showing a dialog is too large. Tabs are not as precious, they are opened and closed as many times as needed during a session. Even if the user ...
Nicolas's user avatar
  • 5,608
30 votes

Are there any guidelines concerning the use of Alt, Ctrl and Shift keys?

The UI guidelines are a great start - but are also just that - guidelines. You need to do your research as well. Standards: Research what are accepted standards. e.g. Ctrl+S for Save. Familiarity: ...
Roger Attrill's user avatar
19 votes

Why don't browsers show a dialog when closing a tab?

Browsers strive to be as easy to use and smooth as possible. Look at browsers just being environments for running web apps (I'd argue, these days we don't really deal with websites or portals - ...
exp's user avatar
  • 2,608
12 votes
Accepted

Does Material Design 3 recommend an incorrect icon style?

Material Design has generated a lot of controversy in its history, and each version has some "controversial" decisions (to say the least), although it gets better with each version. But you'...
Devin's user avatar
  • 38.1k
10 votes

Warning message on a successful action

This file will be uploaded even if there are warnings because the warnings are solved by the application itself. By referring to your sentence above, would it be worth allocating that much of space ...
Dipak's user avatar
  • 16.2k
9 votes
Accepted

Warning message on a successful action

The process is successful, but there are warnings detected What you have is Notice1 + Notice2 + Action. Product upload successful + There were warnings + View warnings The examples you propose ...
Alvaro's user avatar
  • 16.8k
9 votes

Best way to display a key-value list with material design?

If you wanted a strict key value list, the data table guidelines are the most fitting. To bring out one column over the other, feel free to bold it or make it a disctintly lighter gray (not light gray,...
Tin Man's user avatar
  • 2,814
9 votes
Accepted

Should Up Arrow increase the value or decrease it?

You should consider kicking the people out of your team that think "arrow down" should increase the number from 0 to 1. Of course arrow up should increase and arrow down should decrease, i don't ...
Pectoralis Major's user avatar
9 votes

Why don't browsers show a dialog when closing a tab?

Before getting into the why, let's establish that those modals that you mention are an error prevention measure. But are all errors equal? No. There are two types of errors: Slips and mistakes. Slips ...
Angel's user avatar
  • 173
9 votes
Accepted

Why don't browsers show a dialog when closing a tab?

Pinned tabs The major browser vendors have chosen to address the problem of unintended tab closure by offering the "pin tab" feature: Firefox: Mozilla Support: Pinned Tabs - keep favorite ...
Scott McPeak's user avatar
8 votes
Accepted

Are there any laws (in the UK) which require accessibility guidelines to be followed on a website?

Yes, the Equalities Act 2010 (previously the Disability Discrimination Act) is such a law in the UK. And it has been used before for prosecuting companies offering poor accessibility (generally for ...
JonW's user avatar
  • 37.4k
8 votes
Accepted

Best practice for truncating similar titles in data grid?

Truncate the titles so that meaning can be derived from both ends. Use case: SomeBrandname Chocolate SomeBrandname Bread SomeBrandname Tea Split it 8:6 (total length is still 14) Truncated becomes: ...
Phaze Phusion's user avatar
7 votes

Best practice for truncating similar titles in data grid?

Some approaches to truncate a long text could be: Use two lines, where necessary. Use the ellipsis in the middle of the name, or in the less significant part. Use two ellipsis, one at the beginning ...
Alvaro's user avatar
  • 16.8k
7 votes
Accepted

Visualisation of the state of roads on a map

I guess a stroke/color code will be useful:
Danielillo's user avatar
  • 19.2k
7 votes

Does Material Design 3 recommend an incorrect icon style?

Thin icons can be less perceivable The guideline likely conforms to an accessibility requirement on Minimum Informational Graphic Contrast: If a graphic is needed to understand the content or ...
Izquierdo's user avatar
  • 12.7k
6 votes

Should content be left aligned or right aligned in a table that contains a mix of text and numbers?

1. Labels should be aligned with columns Labels should be aligned exactly the same as the column below them. If you use different alignments for different labels you risk making it hard to identify ...
Racheet's user avatar
  • 3,800
6 votes
Accepted

Design consistency and style guide

Does it make sense to write principles, and maybe some sort of general design style guide which can be applied to all of them, and the future ones? It probably does. Certain design principles and ...
Nate Green's user avatar
  • 2,483
6 votes

Best practice for truncating similar titles in data grid?

Is it possible to change your table design? Here's a rough idea of what I'm suggesting, the colours, headings and backgrounds need more thought if implemented.
DarrylGodden's user avatar
  • 6,336
6 votes

Best practice for truncating similar titles in data grid?

personally, I don't like truncated table, not as a Product Manager nor as a user since it contradicts the meaning of table. A table should present complete data and not part of it. I don't need to ...
noadavi's user avatar
  • 351
6 votes
Accepted

'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user

You should force the user to check each question. The time-consuming nature of the form is a feature rather than bulk, because it is important the user answers each individual question accurately. A ...
Diane M's user avatar
  • 208
5 votes

Should we use 'Title Case' or 'Sentence case' for headlines and buttons?

I posted this answer on Stack Overflow, but it's just as appropriate here: This kind of thing will depend on your platform's Human Interface Guidelines: Google's Material design guidelines recommend ...
Tin Man's user avatar
  • 2,814
5 votes

Is there a standard "to left justify text and right justify numeric values."

Numbers in a table should be formatted so that digits with the same significance are stacked vertically. While this is often described as "right alignment" or "decimal alignment", there's another ...
supercat's user avatar
  • 3,235
5 votes
Accepted

At which point are ethical guidelines and practices applied in a UX design process?

I am not a UX designer, however, I am a technologist working in ethical technology and I regularly present at conferences regarding these factors. I also am an NIH-funded clinical researcher, and ...
Emily's user avatar
  • 166
5 votes

Were we mistaken about rounded corners being better UX?

If this question (whether or not our conclusions are subjective) is opinion-based, then I think that shows that the Field of UX is opinion-based. Let’s start here. UX is a huge field of study. Like a ...
DA01's user avatar
  • 41.8k
5 votes

Why is a scrollable bottom tab bar discouraged?

Bottom bar navigation is meant for the most important views of the app that the user will want/need to access easily. These are some references from Material design (emphasis mine): Bottom ...
Alvaro's user avatar
  • 16.8k
5 votes

Should we create our own framework or go for open source like Material Design?

Welcome! To move quickly, efficiently and cost-effectively, one approach might be to use Google Material Design as a guide to answering questions on how components should look and work (example: "...
Izquierdo's user avatar
  • 12.7k
5 votes

Why don't browsers show a dialog when closing a tab?

Beyond international rules or statutes, I believe that the behavior is still exactly the same as that of any application, and a browser is an application. When opening a document or creating a new one ...
Danielillo's user avatar
  • 19.2k
4 votes
Accepted

Follow company consistency or OS convention?

In the book "Smashing Android UI: Responsive User Interfaces and Design Patterns for Android Phones and Tablets", by Juhani Lehtimaki, the recommendations are to follow the conventions that ...
Winter's user avatar
  • 256
4 votes

What are the best methods to test/validate a set of user interface design guidelines for a concept product that does not exist yet?

Do you have the opportunity to create a low-fidelity prototype of the product? The Wizard of Oz experiment comes to mind as it works very well on unfinished products (specifically low-fidelity ...
robin's user avatar
  • 348

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