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.

learn more… | top users | synonyms

53
votes
2answers
16k 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 generaly mean that there is ...
39
votes
3answers
4k 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 ...
13
votes
3answers
290 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 ...
8
votes
6answers
533 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 ...
7
votes
3answers
2k 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 ...
7
votes
2answers
333 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 ...
6
votes
5answers
1k 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 ...
5
votes
4answers
899 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 ...
5
votes
1answer
85 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
572 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
3answers
219 views

Reducing data entry density

Here's a common situation: you need to capture input from the user about some complex entity, so you have a data entry field for every possible attribute of the entity: And the tabs each have even ...
4
votes
1answer
276 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 | ...
4
votes
3answers
270 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 ...
4
votes
1answer
461 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 ...
4
votes
2answers
319 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 ...
4
votes
2answers
234 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
2answers
173 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 ...
4
votes
1answer
6k 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 ...
3
votes
6answers
628 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 ...
3
votes
1answer
217 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
4answers
1k views

Which label text is good for “Enter email address”?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
3
votes
2answers
403 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 ...
3
votes
2answers
57 views

User Interface design for HTML based mobile applications [on hold]

I'm currently working on the User Interface design for a responsive mobile app that is being coded using html. This is the first mobile app development project for me as well as my Head of Engineering ...
3
votes
1answer
74 views

can selected/active items be clickable?

I am considering to design an icon based menu and to use the classic pattern: inactive, hover-state and selected. However, I would like the user to be able to click on a menu element even if the ...
3
votes
1answer
189 views

Do the Apple Human Interface guidelines allow to use bevel buttons like this?

I am working on a GUI application. I'm doing the Mac OS X interface right now and I'm trying to make it adhere to Apple's interface guidelines. I currently have this: Relevent Mac interface ...
3
votes
2answers
382 views

What are the key elements for clarity and simplicity of a web application GUI?

We work on a web application. We have spend more than two month to simplify every process and workflow. Now, we would like to make the User Interface looking more simplier and clear, working only ...
3
votes
2answers
106 views

Use of Alpha Numeric Phonenumbers

On Apple's developer site, I read this, For up-and-running support, please contact AppleCare at 1-800-MY-APPLE. Will users understand how to use this format ?
3
votes
2answers
393 views

Handedness in touch or tablet software UI design

I read a previous post on discussions about designing UI for left or right hand users, but I thought they left out an important discussion when it comes to touch and tablet devices. For example, I ...
3
votes
2answers
152 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, ...
2
votes
4answers
829 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 ...
2
votes
1answer
292 views

Why do some people physically cover their macbook cameras [closed]

Obviously, if a malicious user could save camera snapshots or streams you have a bigger issue on your hands than improperly lighted selfies. Or do they simply not get this / this isn't as commonly ...
2
votes
2answers
534 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 ...
2
votes
3answers
271 views

How to arrange five blocks on UI

I have five blocks on UI: On the basis of rights of user, these blocks will be visible. For example, if an Admin signs in, all blocks will be visible. For Manager, I want to show block# 2,4 and ...
2
votes
1answer
93 views

Where to find sizes of Windows 8 UI elements?

In the Microsoft UX Guidelines the is a lot of information about best practice, interactions, and so on. But where to find information about space between controls, what width and height of the ...
2
votes
3answers
180 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 ...
2
votes
3answers
415 views

iOS navigation bar buttons design considerations

I have some questions regarding the buttons placed in a navigation bar that I don't know if actually meet the iOS Human Interface Guidelines: 1) I'll need a button at the right side of the nav bar ...
2
votes
1answer
3k 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 ...
2
votes
2answers
156 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 ...
2
votes
1answer
435 views

Responsive design for big resolutions

I would like to design a one-pager site which will be responsive and will be presented well in huge resolutions, such as 2560 width. One method of doing this is design the site with a maximum fixed ...
2
votes
2answers
1k views

Migrating a Tab Bar iPhone app to iPad

I have an iPhone app whose overall UI is designed like this: That is, a tab bar and different app perspectives within each tab item, and you can navigate to different views from within a tab. I ...
2
votes
3answers
145 views

Android design with two-tier (primary and secondary) navigation

I need a way to include tabbed primary navigation (i.e. facebook) with one of those primary tabs having 2 states (secondary nav/tabs). My 3 ideas are as follows: stack them (eeek!) Make a ...
2
votes
2answers
89 views

How to differentiate a Div from rest of the div on same row having same look and feel ? border/shade etc?

I'm working on a web application where I have 4 result types of a data and I'm showing all four on the page in same row with same look & feel of divs (can be seen in picture). The Box_D result ...
2
votes
1answer
88 views

Right to left languages - list of language options

I am redesigning setting options for mobile application. One of them is "edition" which includes many languages and also Right to Left languages. Currently it is in a list where LtR languages are ...
2
votes
1answer
653 views

Are there any guidelines for desktop app design for a Windows Desktop Tablet?

I'm not talking of Metro or Windows Store app here. Those apps are pretty restricted in what they can access in Windows. What I mean is a regular desktop app that has no such restrictions--it can ...
2
votes
1answer
197 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 ...
2
votes
1answer
265 views

Do you know any good source for human-robot interactions?

"In most cases, user experience design (UX or UXD or UED) fully encompasses traditional human-computer interaction (HCI) design, and extends it by addressing all aspects of a product or service as ...
2
votes
1answer
274 views

Filtering results in a given radius [closed]

I have the following structure on the server : Parent -> child object. I have around 30-40 parents which each parent has 1-10 childs. A user can search children at a given point in a given a radius, ...
2
votes
3answers
684 views

Left pane of a split view and popovers in iPad

Having a split view similar to Mail app, whose left pane hides when in portrait orientation, is it possible (and conforms iOS Human Interface Guidelines) to display a popover when tapping some of the ...
1
vote
3answers
185 views

When is the right moment to apply some UI improvements to an old product?

I work for a product where the interface is the same way for more than ten years. I studied some UX techniques like card sorting and I found it would be a good idea to apply it in this product. The ...
1
vote
2answers
175 views

Visually show start and end of a condition

I want to visually show starting and ending of an if block in my UI. Each if block starts with if and ends with end. The condition is written in red. I’ve figured out a few ways to show the start ...