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 ...
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 ...
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: ...
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 - ...
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'...
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 ...
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 ...
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,...
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 ...
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 ...
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 ...
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♦
- 37.3k
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:
...
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 ...
7
votes
Accepted
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 ...
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 ...
6
votes
Universal Human-Interface Guidelines
Yes, there are two universally accepted academic UI guidelines:
Nielsen usability guidelines and Shneidermann's
Also, a you can use the Hicks law and Fitts law.
However, you said the "minimum ...
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 ...
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.
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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: "...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
guidelines × 313gui-design × 79
usability × 34
standards × 22
android × 18
website-design × 17
design-patterns × 17
human-interface-guideline × 16
interaction-design × 15
ios × 14
mobile × 13
navigation × 12
design × 11
style-guide × 11
forms × 10
mobile-application × 10
material-design × 10
user-behavior × 9
buttons × 9
tables × 9
desktop-application × 9
research × 9
web-app × 8
accessibility × 8
best-practice × 8