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

38
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 ...
36
votes
2answers
7k 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 ...
13
votes
3answers
256 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
359 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 ...
5
votes
5answers
549 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
3answers
377 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
269 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
4answers
604 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 ...
3
votes
1answer
169 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
187 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
335 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
1answer
67 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
142 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
275 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
3k 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
293 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
310 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
2answers
336 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
217 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
3answers
275 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
1answer
289 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
1answer
161 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
114 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
3answers
534 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 ...
2
votes
2answers
795 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 ...
1
vote
3answers
154 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
3answers
490 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
180 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
3answers
145 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
1answer
151 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 ...
1
vote
2answers
75 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
143 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
130 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 ...
1
vote
1answer
38 views

Distinguishing the verbiage between a user action and status indicators?

I am working on an internal web application. I am trying to find the best way to distinguish with verbiage a way to differentiate between actions the user can take and system status indicators. For ...
1
vote
1answer
278 views

Several buttons in navbar on iOS

I'm currently working on a app that basically follows Apple's HIG with title, back button and an additional button in navbar on all pages, but it's where my questions start. It is a search/browse ...
1
vote
2answers
162 views

Plain tables customization in iOS

I'm designing a view that contains a plain table view with a single fixed row. I want this row to let the user choose an item from a list I navigate to, then navigate back, and then tap a button next ...
1
vote
3answers
151 views

Designing the view for a routing functionality in iPhone

I need help with the layout of the view where I show a map intended to provide users the possibility of selecting an start and an end of a route and display them the instructions to follow. The ...
1
vote
1answer
917 views

Navigation bar and buttons considerations for iOS

I have some questions regarding navigation bars and their usage in iOS apps, both from the point of view of UX and Apple´s submission and human interface guidelines: 1) Since the iOS Human Interface ...
1
vote
1answer
2k views

iOS and UITableViewCell: best practices when requesting user input as a form

Firstly, I'd like to make a general question regarding table view cells' customization: are there any restrictions about the controls they can cointain, and/or its number? I read in iOS HIG iOS Human ...
1
vote
1answer
81 views

Change long “continue without saving” button to say “skip”?

I'm working on a project and I found what I think is an issue. The product is a kind of web editor. After making some changes, I go to change the page and get a confirmation dialog that says: "Page ...
1
vote
0answers
38 views

What are the best layout practices so that secondary elements such as tools are not overlooked? [closed]

Users tend to focus on the center target of a page, such as text. As such they may not see important elements outside the center. Advertising deals with this with annoying movement, but I wonder what ...
0
votes
2answers
152 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 ...
0
votes
3answers
372 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 ...
0
votes
4answers
117 views

How do I persuade my team that less is more?

I'm designing the front end of a tool, and my team seems to want to use all of the built-in ui features. However, this will result in a lot of redundant and inelegant functionality, from my ...
0
votes
3answers
89 views

Allow Multiple Instances of a Page

On my UI, I want to have any option/icon so that user can show that this page can be copied or not e.g: The sample that I have decided so far is that when user hovers over the page, "allow multiple ...
0
votes
3answers
104 views

Maximum length of a UI element string [closed]

I generally keep it as a good rule of thumb that if a UI element contains text that is longer than 20 characters (and is not an input field), then the contained characters should be a tooltip rather ...
0
votes
2answers
189 views

How detailed can/should I go with the Android OS in terms of design? [closed]

I am working on designing my very first Android app for tablets and I wanted to know what all should I know before even opening PS or other programs to design? The current app that I'm redesigning ...
0
votes
1answer
62 views

Displaying PC's Not Online to the User Via Website

I am nearly done building a web site that allows a user to pick a set of files that he/she wants from a list of computers.Right now I'm displaying a modal popup window with checkboxes representing ...
0
votes
2answers
48 views

There is some research done about cognitive workload vs 3D movements?

I wasn't sure how to formulate the title for this question, but in general terms my idea, what I think it's an axiom, there are movements in a 3D space that are more expensive to perceive and process ...