Skip to main content

Questions tagged [human-interface-guideline]

Human Interface Guidelines (or short: HIG) refer to a written documentation that line out common elements for a user interface. These guidelines help develop a consistent interface and user experience across a team.

Filter by
Sorted by
Tagged with
90 votes
3 answers
53k views

What is the significance of the three dots "..." on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generally mean that there is ...
Alex Fernandez's user avatar
41 votes
3 answers
6k views

What is the origin of the eject symbol?

On the web, there is a lot of information about the Play, Pause, and other symbols, but I could find no information about the famous Eject symbol at all. The only source I could find was an article ...
Serg's user avatar
  • 479
39 votes
5 answers
36k views

What's the difference between cards, panels, and tiles?

It seems as if with some of the modern front-end development frameworks there is a blur between the different types of 'container' elements. Whether this is an attempt to abstract the design from ...
Michael Lai's user avatar
  • 27.3k
24 votes
10 answers
9k views

Is it acceptable to place an action button on a tab bar?

Consider a two tabbed view, in this case tasks and participants, whereby in the task view you are able to view cards of the tasks. Within these Task cards you are able to edit the content and assign ...
RobbyReindeer's user avatar
21 votes
4 answers
65k views

What is the difference between alert, notification banner and toast message?

Is there is any difference between alert, notification banner and toast message, When it should be used, under what condition and scenario. In which component does the below image will suit?
Pradeep's user avatar
  • 3,004
16 votes
2 answers
3k views

Should the label for a switch component be tappable on iOS?

We are developing an app for both Android and iOS and try to use similar patterns between the two platforms. For Android we have decided that tapping the label that belongs to a Switch component ...
filip's user avatar
  • 2,685
13 votes
1 answer
17k views

Pie Chart VS Doughnut Chart: When to use each? [closed]

What is the UX rationale behind picking a doughnut chart vs a pie chart or viceversa? I'm asking because I'm intrigued as to why a designer would prefer to represent data with a pie instead of a ...
RainierMallol's user avatar
13 votes
3 answers
356 views

Cross-platform HIG. What do you use for html5 apps?

When designing an Andriod or an iOS app, it is clear that you should follow their respective Human Interface Guidelines (HIGs). But what do you do when designing a Html5 app? What cross platform ...
JohnGB's user avatar
  • 68.4k
9 votes
2 answers
529 views

Universal Human-Interface Guidelines

Have there been academic attempts to produce a collection / framework / taxonomy of generally applicable HIGs (Human-Interface Guidelines)? Each major platform tends to have their own, and while they ...
Sami Surakka's user avatar
9 votes
2 answers
7k views

What is replacement for Android's Floating Button in iOS?

I wanted to build functionality in Android using a floating button, as all the tabs are fixed. What is the solution for replacing Floating Button in iOS?
Harshith's user avatar
  • 1,731
8 votes
5 answers
6k views

Checkboxes or Radio buttons: Only one or zero choices

I'm building a quiz-type web application in which the user must answer a series of multiple-choice questions. I need to decide whether to use radio buttons or checkboxes. I'm familiar with the ...
mattstuehler's user avatar
8 votes
6 answers
784 views

Guidelines for designing usability for Japanese elderly

I'm currently working on a Japanese website (all in Japanese) aimed towards Japanese users age ranging from 50+. It's not a traffic heavy website and it's just mostly text and information with a news/...
Syafiq's user avatar
  • 183
7 votes
4 answers
1k views

Why does Airbnb put the close button for a dialog on the top left corner?

It seems this pattern is quite common in mobile apps, but not so common on the web. (Assuming that most people use their right hand to control the mouse)
Ryan's user avatar
  • 87
7 votes
3 answers
26k views

Defined used for the icon: three vertical dots

Is there a defined use(s) for the icon I have seen various uses for it, but I would like to know if there is a standard purpose for it - or if it can be used as a shortcut for any function needed ...
UX Research's user avatar
7 votes
4 answers
3k views

Multiple Items Settings

Are there any known design guidelines for allowing users to apply the same settings to multiple items at the same time? Also how can I make it clear which items have the similar/same settings? As a ...
Chris Moutray's user avatar
7 votes
4 answers
529 views

How should a global tooltips behavior be defined?

I defined a global tooltips behavior for the developers to use in all cases they will face as a guideline. I did a research about this issue but I didn't find anything really relevant. Finally, I ...
Feder's user avatar
  • 83
6 votes
5 answers
4k views

Best way to show tabs in UI

I'm working on UI where I need to add tabs. Currently I have added tabs all of same size but size of text inside each tab may be differ. Selected tab is shown by different color as shown below: but ...
Ayse's user avatar
  • 698
6 votes
1 answer
1k views

Guidelines for developing multi-monitor enabled applications

I recently started a side project for a tool to help writers, both fiction and non-fiction, delivering their works and maintaining consistency. My idea is to have different information available in ...
wintermute's user avatar
6 votes
3 answers
1k views

How long should a loading spinner take to do one rotation?

Whilst I'd always prefer an estimated time, I get that's not always possible, so we fall back to the tried and personally hated, loading spinner. I've always thought that having it do one iteration ...
Tom's user avatar
  • 163
6 votes
1 answer
217 views

How to know which model fits best among Fitts', Walford's and Shannon Model for given data

How to identify on the basis of regression graph(R^2) that which model is better among Fitts', Walford's and Shannon Model. We have given a task, which we executed using the tapping application and ...
Waqar Ahmed's user avatar
6 votes
2 answers
3k views

Multiple download buttons for a file type

i am designing a UI for a web application, there are multiple card like entries in a list, each item in the list can be uploaded in file type A downloaded in file type A downloaded in file type B ...
avielbt's user avatar
  • 63
6 votes
2 answers
305 views

Resource recommendations for designing graphical + command line interfaces?

Perhaps one of the most prominent examples of a combined GUI + CLI is AutoCAD. AutoCAD has reached the point where (almost?) everything that can be done with the CLI can now be done with the GUI too, ...
bzm3r's user avatar
  • 161
5 votes
2 answers
252 views

Accessibility Tools on StackExchange sites

I am taking an HCI class this semester at school and one thing that is glaringly obvious is how the design of current online platforms is wanting in certain areas such as accessibility. Why do a ...
Piyp791's user avatar
  • 151
5 votes
3 answers
2k views

Notification banner with auto close need “close(x)” button?

The notifications banner that displayed on top of the screen will disappears automatically in time delay. But I have seen many notification banners with auto close and close(x) button. Is the close(x) ...
Pradeep's user avatar
  • 3,004
5 votes
3 answers
367 views

Regards to Records in a Table: Long Scrolling versus 1 > 2 > 3

There are some questions that have been asked along this topic; however, I did not find this exact question. I am having a disagreement with the technical architect on my team in regards to how to ...
ih123's user avatar
  • 601
5 votes
2 answers
2k views

How to change order of list Elements in a nice way?

I'm searching for an intuitive way to change the order of a list. I don't think that drag'n'drop would be a good solution, because it's a mobile browser based application and no user would try to long ...
TobiasW's user avatar
  • 153
5 votes
1 answer
478 views

How to follow ios guidelines when designing in points? How to be sure about sizes of UI elements?

Good day to everyone, Need help from very experienced UX designers, who can provide detailed answer here. I have a few questions regarding the design process of an iPhone mobile app (daily task ...
Natalia's user avatar
  • 117
5 votes
1 answer
300 views

Guidelines for object selection with a contextual menu

I've always thought that a contextual click (aka right-click) on an object should select the object if it's not already selected while bringing up a contextual menu. But lately I've noticed a ...
xan's user avatar
  • 191
5 votes
3 answers
753 views

Looking up for an item in a list and different table styles in iOS

I have a settings view with a grouped table. One of the cells of such table is intended to show a very long list of items from where I want the user to select one. Due to the length of the list, I ...
AppsDev's user avatar
  • 591
4 votes
4 answers
682 views

Does it make sense to have differently shaped buttons together?

Generally, buttons shown together are also visually similar. Are there situations where it might make sense to show together buttons of different shapes? E.g. a rounded rectangle button together ...
ahron's user avatar
  • 601
4 votes
2 answers
404 views

When is usability over design more important?

Im creating a dashboard webpage for desktop and have a side bar as a navigation. The title is white and the dashboard names are white. When looking at it, the white color makes it seem as if the ...
NBera's user avatar
  • 167
4 votes
1 answer
2k views

First character of table column name in upper case

I have a table with the following column descriptions.: | Titel | bisheriges Ablaufdatum | neues Ablaufdatum | |:-----------|-----------------------:|:-----------------:| | First | 10....
BuZZ-dEE's user avatar
  • 143
4 votes
1 answer
278 views

Adding a copy link in the email to copy the verification code

As part of sign up, I want the user to verify their email by copying the verification code from the email that has been sent to their personal email address, and then entering the code in the input ...
Sam's user avatar
  • 361
4 votes
2 answers
932 views

How can I validate website color scheme?

A friend of mine asked me to validate the color scheme of his revamped website. The color was chosen by (non-technical) top management and it doesn't follow a modern color scheme. Is there any way ...
AbdulRahman's user avatar
4 votes
1 answer
7k views

iOS multi-step form and user input validation

I need to design a form that may consist of 3 or 4 steps, all of them requesting both mandatory and optional data. The overall form contains a lot of data inputs, so I thought it would be better to ...
AppsDev's user avatar
  • 591
4 votes
2 answers
305 views

What VR like Oculus Rift formally brings?

Is there a list of operations that, when performed using an adapted VR environment (e.g. a custom interface designed for VR), have been proven to be (significantly) more efficient than when performed ...
ack__'s user avatar
  • 143
4 votes
1 answer
1k views

Mouse-click modifier keys for selection in unordered collections

I'm looking for guidelines for mouse click selection behavior, especially for discontiguous objects. (That is, for a view of objects in arbitrary, unordered locations.) For ordered collections of ...
xan's user avatar
  • 191
4 votes
1 answer
8k views

Best way of editing rows and row details of a UITableView in iOS

I have a table view which may have several items (rows), which in turn have more information that I want to be displayed in another view by tapping the row (common scenario). The point is, I'd like to ...
AppsDev's user avatar
  • 591
4 votes
4 answers
259 views

Updating progress bar when identifying extra work

I have a slim, single progress bar in my simple search engine. The 100% of the progress bar is all the sources in which the search engine can search in. Sometimes, more sources can be discovered ...
Infinity's user avatar
  • 143
4 votes
2 answers
186 views

Is it acceptable to create navigation and action bars with the same look and feel for the purpose of creating consistent UI? [duplicate]

I'm new to iOS development. I understand that Apple provides APIs to customize the navigation bar, but I'm using Xamarin to create a cross-platform app. On iOS and Android, the navigation and action ...
Mark13426's user avatar
  • 141
3 votes
3 answers
987 views

Label for input type email in a form

Is there any UX consideration for the label for an email,some labels that i could think of are: Email ID Email Address Email
Nirav Chadda's user avatar
3 votes
4 answers
8k views

What's (or is there) a difference between a Modal Windows and Modal Window Overlay?

Wikipedia says https://en.wikipedia.org/wiki/Modal_window In user interface design, a modal window is a graphical control element subordinate to an application's main window which creates a mode ...
Benoit Meunier's user avatar
3 votes
5 answers
20k views

Warning message to the user if name he enterred already exists

I want to warn user if the file name he enters already exists and ask him if he want to try with another name. Following options I think will go good in such situation: "A file name with this name ...
Ayse's user avatar
  • 698
3 votes
5 answers
1k views

Microsoft Windows Dialog: No Close Button Scenario(s)

Windows Dev Center states: "Dialog boxes always have a Close button...Don't disable the Close button. Having a Close button helps users stay in control by allowing them to close windows they don't ...
erik_lev's user avatar
  • 900
3 votes
1 answer
333 views

Input “Infinite Value” option in spin control

In my UI if a user selects to allow multiple , he checks the check box next to “Multiple ”. When this check box is selected, “Maximum” option becomes enabled. Here user can define how many options can ...
Ayse's user avatar
  • 698
3 votes
2 answers
1k views

How to differentiate different states of input field

I have three states of the text field in my design. One is the normal input field, one is when they have input the no. and the next state is when the number is locked as in users cannot change the ...
Neha Kamath's user avatar
3 votes
1 answer
4k views

Fullscreen modal vs. conventional modal?

My site comes across many instances where I'd like to use a modal. Sign up, sign in, comments, and file uploading are a few examples. Now, I can go with a conventional modal design where the modal ...
user91668's user avatar
3 votes
2 answers
863 views

Studies about negative readability

I've been requested to design a dark interface which spreads a little light as possible. I'm interested in academic studies / researches about white text on black background. Is it really tough to ...
Rotem's user avatar
  • 31
3 votes
2 answers
289 views

Should long paragraphs be aligned justified or just left aligned? [duplicate]

For better readability which would be better for long paragraphs: align-justified or aligned-left? Reason for asking: Aligned justify gives a better visual appeal but many tutorial and learning sites ...
Tom's user avatar
  • 166
3 votes
2 answers
226 views

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

As part of my PhD, I designed a set of user interface design guidelines for an in-vehicle device. This device does not exist at the moment. What would be the best methods to test/validate these ...
Raphael Lamas's user avatar

1
2 3 4 5