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
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)? ...
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
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 ...
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 ...
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
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?
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 ...
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
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 ...
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 ...
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 ...
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, ...
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
4answers
352 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
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
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
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, ...
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
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 ...
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 ...
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 ...
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
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
898 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 ...
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
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 ...
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
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 ...
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 ...
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 ...
1
vote
1answer
109 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
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 ...
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 ...
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
235 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
229 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
63 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 ...