Recommended practices published by an OEM, government, or other organization (e.g. Apple Human Interface Guidelines)

learn more… | top users | synonyms

1
vote
2answers
176 views

Implementing Google Material Design on non-digital products

Reading through the Google Material Design principles and explanations, it seems like they have abstracted the design of products to a high level that is applicable to a range of traditional and ...
7
votes
3answers
11k views

iOS Settings Standards: Using Checkbox Rather Than Switch

If you are familiar with iOS devices, you know that the settings application uses the UISwitch control to show that a parameter is enabled or disabled. This control appears as a toggle switch and even ...
1
vote
2answers
77 views

Are there guidelines for Viewer-friendly interface design?

For clarification: Viewer-friendly interface Any computer interface that is designed to be seen on television, as opposed to actually be useful for the user. Movies and television often show ...
1
vote
1answer
102 views

Action icons on context menu

I have an object and a menu on its toolbar. When user clicks this an menu icon from top toolbar, a context menu opens in drop down like shown below: There can be actully three kinds of objects so I ...
13
votes
5answers
3k views

UX style guide techniques

I've recently started a major redesign for a large web-based financial tool. To aid future development, I'm planning on generating a UX style guide that outlines best practices for things like forms, ...
9
votes
7answers
2k views

Visually show “File cannot be dropped here”

I am trying to show to user if "File cannot be dropped to the desired location" on my UI. Refer to the image attached above, user can drag and drop a file to the rectangular areas defined but not ...
0
votes
2answers
76 views

Using slider component (TrackBar) as data navigation

I'm finishing an application and the UI of the approval was quite bad. Because the program is hitting production, I'm changing that UI. Ignore the foreign language, this is just a code+description ...
0
votes
3answers
109 views

ux for multiple forms submit by user

What is the best suggested way to handle the UX for submitting multiple forms by user, The user need to submit forms. Example form here: http://jsbin.com/zogeqebilohi/1/edit. **EDIT : ** ...
3
votes
4answers
132 views

Comparing and merging user interface revisions from multiple people

How can I compare, merge, and prevent conflicts between UI changes made by different members of a multi-person UI development team? Context for this Question: Visual diff and merge tools like Meld ...
1
vote
1answer
2k views

Should content be left aligned or right aligned in a table that contains a mix of text and numbers?

I have many tables within a site that have a mixture of both numeric values of all types (currency, integers, etc) and columns that contain text. What is the guidelines or standards for alignment? ...
5
votes
3answers
15k views

Speech Bubbles meaning

I am developing a toon story to illustrate my company's offerings. May be I'll use a landing page, or just create it on the home page. I have 3 actors in it, a cab driver, a bpo company owner and ...
3
votes
1answer
86 views

Energy Labeling Rule - how to make it user friendly?

Starting next, consumer electronic e-retailers will be required to display the applicable label or icon “clearly and conspicuously and in close proximity to the covered product’s price” so that ...
1
vote
4answers
107 views

Which are better: horizontal or vertical vehicle seatmaps?

I work for an online travel agency. We have designed interfaces that show vehicle seatmaps for users to select a seat on an airplane or a bus. Recently the debate has been on which is better: a ...
0
votes
0answers
16 views

Is the implementation of a stability index for a UX component or style guide useful/practical?

The concept of a stability index where the likelihood for the content, where it is code or a specification (e.g. in the documentation of the Node.js API) looks to be rather useful and can be adopted ...
1
vote
2answers
186 views

List versus table design

The inability for tables to deal with data that span multiple rows, especially in situations where the screen space is limited is one particular reason why list views have been used as an alternative ...
1
vote
1answer
120 views

Is the ELMER form design guidelines still current? Any other good government guidelines out there?

I came across the ELMER form design guidelines published by the Norwegian Ministry of Trade and Industry, which gives a pretty comprehensive and reasonably well documented set of guidelines for the ...
1
vote
2answers
73 views

Is it better to have links open in the same window, or a new window? [duplicate]

Are there best practices around when it's ok to open links into a new tab and when it's best not to?
4
votes
2answers
107 views

How to study competitive/equivalent interfaces efficiently?

Before starting designing a new interface, I usually study equivalent/competitive UIs to come up with some ideas in terms of functionalities and layout. I would like to conduct this kind of study in ...
6
votes
3answers
312 views

Correct window dimensions

Update: Just to clarify that this question is not about imitating the OS but more about what the ideal dimensions should be, especially when they seem so random natively. I am building an application ...
0
votes
1answer
65 views

Who established space as a pause button?

Title is pretty much self-explanatory, which application did establish space as a pause button in media players in general?
0
votes
3answers
129 views

Paging and Bookmarking

Lets say I have blog and I keep on adding Posts. So on day 1 it will show 5 posts on page 1 and someone bookmarks it. Next day I add 10 more post and someone opens the bookmark. They see completely ...
0
votes
1answer
49 views

User options - selecting the right control based on the number of options available

I have a user interface that allows the user to select the view they want to see their data by. At first there were only 2 options so I used radio buttons. But the client has been adding options and ...
6
votes
3answers
737 views

Recommended books for enterprise application interface design [closed]

I've been reading a lot on UX lately with the intention of improving the user experience on the custom applications we develop. Most of the resources I used are targeting informational websites. I ...
1
vote
2answers
119 views

Ui guide lines for disabling controls?

In my application I am disabling some controls depending on some checkbox state .Basically the controls consists of textboxes and labels.Currently I am disabling only the textfield so I want to know ...
35
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 ...
2
votes
1answer
83 views

Anatomy of a UI Elements?

Where can I find documentation on the anatomy of UI elements, such as: Button: label, hit space Scroll Bars: track, thumb, up / down arrows Progress Bars: track, progress Slider: track, thumb etc. ...
0
votes
0answers
59 views

Best practice for representing iOS system apps (Settings or Messages) in your app's UI

In the app we're currently developing, part of the work flow involves redirection to the Settings app and the Messages systems apps (don't get me started on the UX of that. I've tried...). Anyway, ...
1
vote
3answers
116 views

Icon for Appending a file after existing file

I am designing an editor. On my UI, there is an icon for importing a file. When user opens the editor and clicks on “Import” icon, that file is opened in editor. Now I want that if user clicks ...
94
votes
9answers
10k views

Why might right aligned field labels be better?

For the longest time, I've used left-aligned labels in my forms, like this: I did this because I thought having the labels left aligned made it easier for readers to scan the list of labels. ...
22
votes
8answers
646 views

Is there a UX practitioner's code of conduct/ethics guide?

Often in our line of work we are asked to do things that do not serve the user's benefit and are not in line with UX design best practices, but is there a specific line that we should not cross as UX ...
0
votes
2answers
87 views

Animating items as they come into view

What are the good usability and UX guidelines when considering animating elements when you scroll down the page and they come into view? For example, this template - ...
0
votes
2answers
76 views

Which keyboard shortcuts to chose on cross-platform software?

I've joined a team of devs working on an open source software project which is supposed to run accross multiple platfroms (Windows, Mac, Linux, ...). I'm assigned to a task which includes reviewing ...
29
votes
7answers
4k views

Should we use 'Title Case' or 'Sentence case' for headlines and buttons?

I am wondering if we should use Title Case or Sentence case for buttons and headings in websites and web/mobile apps? Title Case:     Sentence Case:     In Yahoo's UI ...
1
vote
4answers
550 views

User Interface Style Guides: Component Base vs Screen Based

We are in the process of updating some of our creative processes and outputs within our company and one of the items we have been experimenting with is the way we generate our UI Style Guide for the ...
0
votes
2answers
71 views

Opting In/Out Error Handling in Mobile

Designing a settings screen in an app, which involve user opting in or out of marketing from app and/or website and sync across devices. The issue I am having is handling an error if the user opts out ...
7
votes
7answers
1k views

When (if ever) should links be opened in a new window?

I have seen a lot of discussion on this topic but it all seems to be opinion based without any research backing up the assumptions. It seems that there are times that it is particularly relevant to ...
0
votes
1answer
118 views

Is there a webdesign guideline to add dates to web pages?

It seems like whenever I visit a website whether it's a tutorial, or article, etc, they rarely write the date, which makes you wonder if it's 1 year old or 10 year old, especially if it's software ...
33
votes
8answers
28k views

Where can I find style guide for metro UI for web applications?

I am interested in the Metro UI that microsoft has used for windows phone 7 for web. I see that their site microsoft.com has been done with metro UI recently. I am looking for a style guide and ...
1
vote
1answer
104 views

What is the touchable trigger distance for iOS7's back gesture?

One of the screens in my app has progress slider with draggable handle. Currently this conflicts with the iOS 7 back navigation swipe gesture from left edge of the screen. You can't select the handle ...
4
votes
1answer
245 views

What UX guidelines should one keep in mind when designing the GUI for a automobile center stack/console?

Desgining the UI for a center stack (100% touchscreen), still in the wireframe stages. However, when mocking up the home screen, it dawned on me I don't know much about UX (I do mostly backend work, ...
0
votes
3answers
169 views

Is there a set of underlying UX rules that guide your work? [closed]

As a programmer I find that a very useful set of rules for my daily work is the Zen of Python, a set of basic guidelines that helped me to develop a sense of taste and that became the foundation for ...
5
votes
2answers
3k views

Android pattern of left aligning in action bar

The design guideline for Android action bars is to left align the text or branding of the app, as opposed to center alignment in iOS. Other than the fact that it increases familiarity with other ...
3
votes
5answers
318 views

I have a link that lets the user add, delete, modify elements. What should I call this link?

I have this link that opens a modal popup where the user can add, modify and delete elements. This link was formerly called "Add/Modify/Delete element". This label is used repeatedly through my ...
0
votes
2answers
105 views

Understanding the visual effects of monitor change

Visual cues that appear very clearly defined on one monitor can appear so differently on a different monitor that they no longer work well. For instance, borders that are clear, or distinctions in ...
1
vote
2answers
61 views

Where to place a single setting?

I'm working on an Android app which, for the moment, only has a single setting. It fits all the android guidelines requirements for "make it a setting". Should I follow the guidelines and make an ...
4
votes
1answer
89 views

How to structure UI dependent on onscreen keyboards?

We are developing a Windows 8 tablet application but this should be applicable to every tablet OS. There are several textboxes which open up the onscreen keyboard when they get focus. In most cases ...
2
votes
3answers
124 views

Color Combination

I am trying to create a webpage and I don't know much about UX. I am quite confused about the colour combination of text. Like here(in the picture) I used two different colours for the Title and Tag ...
2
votes
1answer
508 views

Android - UX design conventions concerning “Cancel” and “Done” buttons

How should I display "Cancel" and "Done" buttons in an Android app, or should I even display a "Cancel" button in the first place since the hardware back button (or the action bar's up-navigation) ...
0
votes
2answers
393 views

Are there any examples of certain website (or mobile app) UX analysis?

Having business requirements from stakeholders, I want to present UX analysis for a website. The problem is that I haven`t seen guidelines and structure how to do this. Any way, example in PDF, PPT, ...
0
votes
1answer
160 views

Up navigation android app

I am now designing an android app, with tab navigation between three activities, where I need to decide how to handle up navigation between different views. Each of these three activities, can lead to ...