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
88 votes
2 answers
48k 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 ...
user avatar
40 votes
3 answers
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 ...
user avatar
  • 469
37 votes
5 answers
30k 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 ...
user avatar
  • 25.4k
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 ...
user avatar
19 votes
4 answers
48k 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?
user avatar
  • 2,874
17 votes
2 answers
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 ...
user avatar
  • 2,675
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 ...
user avatar
13 votes
3 answers
354 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 ...
user avatar
  • 67.5k
9 votes
2 answers
507 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 ...
user avatar
9 votes
2 answers
6k 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?
user avatar
  • 1,711
8 votes
6 answers
752 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/...
user avatar
  • 183
8 votes
5 answers
5k 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 ...
user avatar
7 votes
4 answers
707 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)
user avatar
  • 87
7 votes
4 answers
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 ...
user avatar
7 votes
4 answers
517 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 ...
user avatar
  • 83
6 votes
5 answers
3k 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 ...
user avatar
  • 698
6 votes
3 answers
24k 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 ...
user avatar
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 ...
user avatar
6 votes
1 answer
209 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 ...
user avatar
6 votes
2 answers
2k 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 ...
user avatar
  • 63
6 votes
2 answers
285 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, ...
user avatar
  • 161
5 votes
2 answers
247 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 ...
user avatar
  • 151
5 votes
3 answers
716 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 ...
user avatar
  • 153
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) ...
user avatar
  • 2,874
5 votes
3 answers
342 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 ...
user avatar
  • 611
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 ...
user avatar
  • 153
5 votes
1 answer
454 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 ...
user avatar
  • 117
5 votes
1 answer
278 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 ...
user avatar
  • 191
5 votes
3 answers
746 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 ...
user avatar
  • 591
4 votes
4 answers
512 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 ...
user avatar
  • 601
4 votes
2 answers
383 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 ...
user avatar
  • 167
4 votes
1 answer
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....
user avatar
  • 143
4 votes
2 answers
726 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 ...
user avatar
4 votes
1 answer
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 ...
user avatar
  • 591
4 votes
2 answers
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 ...
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 ...
user avatar
  • 191
4 votes
1 answer
299 views

Why did Windows XP ship with the volume control icon missing from the sys tray

I remember, on virtually every installation of Windows XP, I had to go hunting for the config that showed the volume icon. This was quite frustrating to me, and although the issue is quite old, I ...
user avatar
  • 3,953
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 ...
user avatar
  • 591
4 votes
4 answers
243 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 ...
user avatar
  • 143
4 votes
2 answers
184 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 ...
user avatar
  • 141
3 votes
3 answers
884 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
user avatar
3 votes
4 answers
7k 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 ...
user avatar
3 votes
5 answers
15k 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 ...
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 ...
user avatar
  • 900
3 votes
1 answer
312 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 ...
user avatar
  • 698
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 ...
user avatar
3 votes
2 answers
802 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 ...
user avatar
  • 31
3 votes
2 answers
189 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 ...
user avatar
  • 166
3 votes
2 answers
208 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 ...
user avatar
3 votes
2 answers
7k views

Modal vs non-modal views in iPhone

I've been reading and looking at different iOS apps to design the UI for mine, and it feels like sometimes the difference between using a modal view or a non-modal view is not entirely clear... for ...
user avatar
  • 591

1
2 3 4 5