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
87
votes
2answers
41k 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 ...
40
votes
3answers
5k 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 ...
30
votes
5answers
25k 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 ...
24
votes
10answers
8k 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 ...
17
votes
4answers
39k 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?
17
votes
2answers
2k 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 ...
13
votes
1answer
15k 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 ...
13
votes
3answers
341 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 ...
9
votes
2answers
5k 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?
8
votes
6answers
731 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/...
8
votes
2answers
492 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 ...
7
votes
4answers
2k 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 ...
7
votes
4answers
497 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 ...
6
votes
5answers
2k 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 ...
6
votes
5answers
4k 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 ...
6
votes
4answers
403 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)
6
votes
3answers
21k 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 ...
6
votes
1answer
994 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 ...
6
votes
1answer
201 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 ...
6
votes
2answers
1k 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 ...
6
votes
2answers
273 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, ...
5
votes
2answers
238 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 ...
5
votes
3answers
338 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 ...
5
votes
2answers
1k 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 ...
5
votes
1answer
421 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 ...
5
votes
1answer
263 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 ...
5
votes
3answers
730 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 ...
4
votes
4answers
443 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 ...
4
votes
2answers
351 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 ...
4
votes
1answer
1k 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....
4
votes
2answers
597 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 ...
4
votes
3answers
474 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 ...
4
votes
3answers
1k 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) ...
4
votes
1answer
6k 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 ...
4
votes
2answers
302 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 ...
4
votes
1answer
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 ...
4
votes
1answer
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 ...
4
votes
4answers
232 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 ...
4
votes
2answers
178 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 ...
3
votes
3answers
857 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
3
votes
4answers
5k 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 ...
3
votes
5answers
12k 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 ...
3
votes
5answers
963 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 ...
3
votes
1answer
280 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 ...
3
votes
2answers
739 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 ...
3
votes
2answers
192 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 ...
3
votes
2answers
441 views

Should I be using zoom and pinch to resize user elements?

Is it a violation of the iOS Human Interface Guidelines (HIG)—or for that matter, of good UI design—to use pinch and zoom for the user to size elements on the screen, rather than the whole screen/...
3
votes
4answers
1k views

Tooltips, where to place?

We have an internal, json editor web application. It is extremely form heavy, basically pages worth of one dimensional tree structured nested forms. Think something like this, but bigger and some ...
3
votes
3answers
915 views

Can one display too much information?

Can one display too much information in an app? Does providing more than simply vital information divert the user or can one simply place the information judiciously. Take a messaging app for an ...
3
votes
1answer
277 views

Why there are 3 lines in all types of menu icons?

I have noticed that all types of menu icons are using three lines or dots. From a UI/UX perspective, does it matter the number of lines/dots? For example if someone decides to use only one or six ...

1
2 3 4 5