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

-1
votes
0answers
14 views

Hybrid mobile application build by using Dojo IBM mobile first(worklight)-no navigation bar- will apple reject?-IOS Apple guidelines

I have developed a hybrid mobile app. My app contains a home page with list of bars buttons, when clicked on a Button navigates to new page. As per Apple guidelines (HIG), there is lot of stuff given ...
2
votes
0answers
14 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 ...
2
votes
2answers
82 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
6answers
263 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 ...
2
votes
2answers
78 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 ...
1
vote
2answers
160 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 ...
0
votes
1answer
93 views

Progressive Disclosure: Accordions, Carousels, and Cards

I'm working on an internal business tool. It needs to be information dense, and our users are internal employees who undergo training, so if it comes down to it, we value efficiency over ...
1
vote
1answer
52 views

Extended command button order

As far as I can tell from looking at a large number of Windows forms and dialogues, Microsoft uses the following pattern to dictate the order that their buttons appear: [Val- / Prev] [Val+ / Next] ...
4
votes
1answer
212 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 | ...
0
votes
4answers
85 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 ...
0
votes
3answers
119 views

Where is the best place to put a feedback button on mobile site? [closed]

We're placing a feedback button on our mobile site (currently it's in beta). The button should be easily noticeable, easily accessible, and yet not be too distracting or cover up too much of the ...
2
votes
1answer
74 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 ...
6
votes
3answers
401 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 ...
1
vote
5answers
87 views

Presenting both information and validation errors in the same form?

Can I show the 'info' and 'validation error messages' in the same page. Could you please give me your comments? Attached screen shot.
3
votes
3answers
232 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 ...
1
vote
2answers
92 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 ...
0
votes
1answer
101 views

iOS main menu having the same screens as a fake navigation bar

I've built this app for a client GP of NOLA. Where as you can see we have a main menu (first thing you see when opening the app) and when you enter any category you can move between the categories ...
1
vote
1answer
166 views

Is there a JavaFX “Style Guide” for applications?

I was hoping to find a style guide, for JavaFX applications. Something like you can find for: Android iOS Microsoft and even Motif Does such a thing exist?
0
votes
0answers
74 views

Up and Down vs Left and Right scrolling/panning for image/publications/catalogues and why?

Up and Down vs Left and Right scrolling/panning for image/publications/catalogues and why? Currently, I'm working on an ios app, but would like to know when would it be a better idea to use left to ...
1
vote
1answer
98 views

Growing Ui controls when put in to a bigger screen

I am working on an desktop application where i have some limited no of controls.I have a doubt that whether when I run my application in bigger screen shall i grow the controls or centered all the ...
2
votes
1answer
60 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 ...
1
vote
3answers
91 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 ...
1
vote
1answer
248 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
1answer
95 views

Visual Indicator For Manually Created Documents vs. Automatically Generated Documents

I'm working on a UI that is a master-detail-detail view that displays a list of documents to a user. Some documents are manually created and other documents are automatically generated. I have a ...
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 ?
4
votes
2answers
151 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 ...
2
votes
1answer
329 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 ...
0
votes
1answer
69 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 ...
1
vote
1answer
157 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 ...
0
votes
0answers
153 views

Bottom navigation ss Side navigation

I am working on a project which requires cross platform designs. I have always had this debate regarding the top vs side navigation. What is better? On iPhones, I feel both can be worked on, as there ...
0
votes
2answers
60 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 ...
1
vote
1answer
75 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
5answers
274 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 ...
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 ...
1
vote
0answers
45 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
1answer
109 views

Card results or list results for mobile web app

I want to know which approach to show results is the better one. The web-app shows roughly 10-20 results, and I want to know if it is better when the user sees these results in a normal list-view ...
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 ...
0
votes
1answer
169 views

Does styling the scrollbar affect UX? [duplicate]

What's the standard on styling scrollbars? Do you only apply it on panels within your application and leave the window scroll bars to a default? Does messing with scrollbar styles affect user ...
6
votes
5answers
749 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 ...
0
votes
2answers
269 views

Setting of Cancel, Back and Next Buttons in Apple UI

I'm working on UI that follows Apple's UI Guidelines. Currently I'm developing a setup wizard UI but I'm confused about arrangement of "Cancel", "Next" and "Back" buttons. My current implementation ...
0
votes
4answers
122 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 ...
1
vote
3answers
179 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
80 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 ...
2
votes
1answer
188 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
3answers
246 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 ...
0
votes
3answers
96 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 ...
3
votes
1answer
203 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 ...
0
votes
3answers
138 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 ...
1
vote
2answers
165 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 ...
2
votes
4answers
516 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 ...