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

4
votes
2answers
75 views

Is it acceptable to create navigation and action bars with the same look and feel for the purpose of creating consistent UI? [duplicate]

I'm new to iOS development. I understand that Apple provides APIs to customize the navigation bar, but I'm using Xamarin to create a cross-platform app. On iOS and Android, the navigation and action ...
1
vote
2answers
86 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, ...
4
votes
2answers
162 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, ...
1
vote
1answer
32 views

Register, Login, Search- best order? [closed]

I have three elements to integrate into a webapplication: Register button Login button Search form (and button?) What is the best order for those elements (ath the top right corner)? ...
0
votes
1answer
109 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 ...
3
votes
2answers
72 views

User Interface design for HTML based mobile applications [closed]

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 ...
1
vote
2answers
152 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
0answers
37 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 ...
2
votes
1answer
273 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 ...
4
votes
3answers
228 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 ...
1
vote
3answers
277 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?
2
votes
3answers
161 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 ...
8
votes
2answers
340 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 ...
0
votes
1answer
123 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
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 ...
1
vote
3answers
202 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
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
92 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 ...
4
votes
2answers
181 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
2answers
177 views

Suggestions for how to consolidate multiple admin areas into one?

I have been given the task of consolidation multiple admin sections of an app into one. Each admin area is a large page which contains form elements. To achieve this I am considering the following ...
5
votes
1answer
88 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 ...
0
votes
4answers
352 views
0
votes
0answers
42 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
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 ...
2
votes
2answers
167 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
701 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
91 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
278 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
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] ...
1
vote
1answer
402 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
1answer
202 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 ...
0
votes
1answer
157 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 ...
3
votes
4answers
2k 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 ...
4
votes
1answer
282 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
900 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
269 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
97 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
110 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
333 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 ...
2
votes
1answer
675 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 ...
1
vote
2answers
110 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
226 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 ...
0
votes
0answers
130 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 ...
2
votes
1answer
276 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, ...
1
vote
1answer
104 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
89 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
3answers
198 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 ...
4
votes
2answers
240 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 ...
1
vote
1answer
267 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 ...