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

45
votes
2answers
11k 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 ...
37
votes
3answers
3k 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
279 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
447 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 ...
6
votes
5answers
725 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
3answers
293 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 ...
5
votes
4answers
731 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
3answers
464 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
1answer
353 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
149 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 ...
3
votes
6answers
228 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
202 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 | ...
3
votes
1answer
200 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
3answers
229 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 ...
3
votes
2answers
378 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
3answers
225 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 ...
3
votes
1answer
70 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
171 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
322 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
1answer
5k 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
2answers
99 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
353 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 ...
2
votes
4answers
488 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
278 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
465 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
244 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
70 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
355 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
2k 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
71 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
351 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
963 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
1answer
54 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
285 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
186 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
175 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
270 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
618 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
169 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
4answers
558 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 ...
1
vote
2answers
162 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 ...
1
vote
3answers
500 views

Better option to warn user about an existing name

If a user wants to rename a file, he double clicks on file name, and name becomes editable. If user types an already existing field name and presses “Enter” or click outside the edit box, there could ...
1
vote
5answers
265 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 ...
1
vote
1answer
245 views

Should “expand” arrows point towards the expanding content or away from it?

When using the official Github for Mac GUI client, I've seen that there's an icon which is used to open a hidden menu. It uses arrows to indicate that it moves something, but those arrows are pointing ...
1
vote
3answers
177 views

Alternate for radio button to show default selected file

User has a list of multiple files. When user logs in for the first time, I want to show current file selected by default. Currently I am doing it using Radio Button like shown below: But in UI it ...
1
vote
2answers
152 views

Background Grid lines in charts are good or bad?

I'm using different charts (Line & Bar charts) in my Web app. I want to know whether background grid lines are good to have in charts or not? Does these lines distracts user attentions from main ...
1
vote
2answers
79 views

Select between page and object on it when both have same boundaries

ON the UI that I’m designing, I have a page and there could be multiple rectangles on the page like shown below: A page can be selected by clicking on its boundary. Similarly, a rectangle can be ...
1
vote
2answers
88 views

Can I use a control NOT specified by Material Design?

Material Design has a comprehensive set of components, but no design framework can reasonably hope to cover all widgets. Many of the UX StackExchange questions on Material Design on this site relate ...
1
vote
2answers
162 views

For 2 related sets of info, should I divide layout into 2 separated fixed Panels or just use 1 Panel?

Let's say you are building a website and you want to display 2 related sets of information. The first set is often brief while the second set is the detail. Ex: table of content vs article, product ...
1
vote
1answer
232 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 ...