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
vote
0answers
28 views

Where can I find best practices for user interface design and layout of smartphones and tablets? [closed]

Phones and tablets have an expected UI - when you power on the device, you see a background overlaid with icons for your apps. It's become ubiquitous for any smartphone and tablet. How can I find ...
0
votes
1answer
78 views

How can I improve this master detail/grouping UI?

In my application, I have to represent a Work Order entity that has N Work Order Sections and each section has M sub-items. Currently, I'm representing this like so: Each Work Order has a bunch of ...
1
vote
2answers
144 views

Best UI layout for the scenario?

We have items and settings for them. All the settings done will affect the selected item(checkbox). Now what is the best way to show them on UI Layout. Splitting screen horizontally or vertically is a ...
1
vote
3answers
184 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?
4
votes
3answers
217 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 ...
0
votes
1answer
115 views

Are multiple navigation menus really better?

I like the interface design a Lyric a lot. It's designed mobile/tablet first, and has a lot of big, clear buttons that make navigation easy. However, one thing that I've been wondering about is how ...
2
votes
3answers
143 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 ...
0
votes
1answer
30 views

When to switch from best UX practices/guidelines to user testing?

The Nielsen Norman Group has UX Guidelines for how to present visited links. I was adhering to the guidelines by making visited links appear faded, but the client reasoned that the users of this ...
1
vote
1answer
75 views

Application Settings Window - QML TabView or QML StackView or QML SplitView

I have been working on some app, written in Qt framework with heavy use of QML for user interface and I've came to phase, which in I have to implement Application Settings Load/Save mechanism. The ...
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 ...
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, ...
4
votes
2answers
169 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 ...
0
votes
4answers
295 views

What is the difference between user's perspective vs perception?

In concept of usability ,What is the difference between user's perspective vs perception?
1
vote
3answers
194 views

What is best way to show the select box data which is long(almost one line sentence)

I have list box to show the select box data which is long(almost one line sentence). I cant make list box which look very big. For all sentence I have can use some code(Say for 'Sentence1' I can use ...
0
votes
0answers
41 views

Help regarding creating an interface for privacy settings

I have create a demo interface/solution so that users of Facebook, Twitter and Flickr can manage their privacy settings in all three of these networks easily. It could be something like Hootsuite. ...
1
vote
2answers
76 views

iPhone layout to choose when having ads on bottom of the screen? Hamburger menu or bottom tab bar?

I am working on an iPhone app that needs to have ads at the bottom of the screen. I am not sure if I should use a hamburger (side) menu or a tab bar. In my opinion, the tab bar is the better option, ...
1
vote
1answer
99 views

Are there any internal human interface guidelines of successful products freely available?

Many human interface guidelines for the design of apps for iOS and OS X are available. But I'm searching for internal guidelines for something like Adobe Photoshop or Autodesk 3DS Max. I realise that ...
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 ...
2
votes
2answers
154 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
618 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
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 ...
1
vote
2answers
266 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
190 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
56 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
274 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
778 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
252 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
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 ...
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 ...
1
vote
5answers
106 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.
4
votes
2answers
316 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
108 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
155 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
382 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
128 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
103 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
87 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
178 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
266 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
106 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
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 ?
4
votes
2answers
233 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
646 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
75 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
226 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
224 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
62 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
94 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
347 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 ...
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 ...