An interface is the point of communication between user and system, allowing for input to the system and feedback to the user.

learn more… | top users | synonyms

31
votes
5answers
3k views

Why does the space bar do page down in browsers

Why is the space bar doing a page down in some viewer apps, especially browsers and PDF readers? For me this seems to be a bit counter-intuitive, and also this behaviour affects games and other ...
31
votes
5answers
1k views

The Pinterest Trap

First a bit of context: I have been falling victim more and more to "Pinterestization" or the "Pinterest Trap" in my design. I have a feeling I'm not the only one. See this excerpt from Hana Schank ...
28
votes
8answers
3k views

Is there such thing as “touchscreen-friendly” user interface?

My understanding about touchscreen-friendly is that the controls are not too small so that they can be tapped by the finger. Are there "touchscreen-friendly" user interface standards? Or is there even ...
19
votes
8answers
658 views

Users don't read (or even see) things. How can I deliver important clues?

I am building a website. Some pages contain instructions (a few simple sentences, nothing intimidating) and have fairly standard controls (drop-downs etc). There's not a lot on any one page. The ...
14
votes
4answers
558 views

Toolbar buttons - to be or not to be?

I need to create a toolbar for my application, and let's assume that due to external constraints it must be a regular toolbar, not a ribbon. The application itself has a significant number of ...
13
votes
6answers
531 views

Should I combine these 2 mutually exclusive actions?

I have an interface for managing multiple email addresses associated to an account in my web application. This interface is to be used by an administrator. The interface shows a list of email ...
11
votes
8answers
2k views

What fonts are good and which ones should we avoid for our application's UI?

What do you advise when it comes to selecting fonts for your User Interface?
11
votes
1answer
208 views

North American electrical outlet, why so sad? [closed]

I wasn't sure whether it was more appropriate to post here or rather on electronics SE, but please bear with me... Why was the 120 VAC outlet and the pinout of the plugs shaped the way they are? ...
10
votes
4answers
347 views

Another phrasing for the term “Directions” in this case?

Below is a short browser based linux simulator for training purposes. It basically starts off with a blank screen, and gives directions for the user to enter a linux command to do a given task. If the ...
10
votes
3answers
326 views

How to go about presenting a large family tree?

I'm currently developing a game, and one of the features involves breeding the creatures you collect. Since it's a game, a large amount of promiscuity is to be expected, and individuals could ...
9
votes
4answers
250 views

Naming features of an app or site

Working closely with external clients, every now and then you run into one that's especially creative. They'll come up with very specific names for certain features they came up with, that don't align ...
9
votes
2answers
195 views

Making a signature field look like a physical signature box

I am making an app that involves a four-day schedule and a "signature" that certifies you are going to abide by the terms of the schedule. I would like to make the signature field look like a ...
9
votes
3answers
1k views

Are there any special design guidelines for big touch screens (30–50 inch)?

I'm about to develop an application for a large touch screen (around 40″). Now to my question, are there any special design guidelines for such a large screen? I have read Android/iOS/Windows RT ...
8
votes
7answers
598 views

Conveying progress for a set of items each with 2 stages

I think I have an issue with the hierarchy of information in trying to convey progress to a user. On the dashboard of a non-profit dashboard I have the following option: The organisation deal with ...
8
votes
4answers
528 views

What's the purpose of the bottom bar in popups / modal windows?

There seems to be a common pattern where the bottom of a modal window contains an area that looks slightly separated from its content. I'm trying to find out where this habit comes from, and what ...
8
votes
1answer
535 views

Name the on-click menu-in-circle-around-object interface

What is the name for this type of interface? I would like to learn more about it but first I need to find it's proper name. Any links to related reading are welcome. EDIT: While adding tags I ...
8
votes
5answers
541 views

Volume controls: Why is left down and right up?

I see a lot of people discuss the order of buttons (e.g., should OK be on the left and cancel on the right? or submit button on the left or right?) but something that I wonder: Why do volume ...
8
votes
7answers
824 views

Showing user's (name) initials but what if more than 1 user have the same initials?

I'm designing an app where users can assign tasks to other people. The space I have available to convey to whom the task is assigned to is about 23-25px. So right now we're just showing two initials, ...
8
votes
1answer
620 views

user interface for multiple selection filter?

I have a user interface where there is a field with multiple options. There are a great many options so I'm using a type-ahead filter to assist discovery and selection. Is there any another good way ...
7
votes
5answers
568 views

What would be the best way to fill “space” in an User Interface for irregular image sizes gallery?

What would be the best way to fill "space" in user interface for irregular image sizes gallery? Conditions: The row are subjected to hold maximum 3 images only. Float left If the total width of the ...
7
votes
4answers
241 views

Where to place controls on a tree/list

I have a chronological list of items. The user can operate on these items with three actions. So each row has three actions (or buttons for example). My dilemma is thus: Having three buttons on ...
7
votes
3answers
238 views

Similar buttons for very different actions in Gmail

I noticed that Gmail's conversation interface has a bent arrow icon for back-to-inbox and a very similar button for reply. Below is an image of the interface with the two buttons highlighted in ...
7
votes
5answers
550 views

Sorting tables after multiple columns

I want to add a sorting functionality to a table. It should be able to be sorted after multiple columns. A standard approach is something like this: download bmml source – Wireframes ...
7
votes
3answers
193 views

“Activate” / “Enable” + “noun verbing” or simply “Verb noun”?

A popular chatting application has the global option "Enable buddy icon animation". Would this be better phrased as "Animate buddy icon" or not? And if so, is this a general rule? For example, ...
7
votes
1answer
266 views

Practical applications / prototypes using different cognitive styles

I'm looking for practical applications or studies where the application has been developed for users with different cognitive styles. I'm mostly interested in those using Nisbett's cognitive thinking ...
7
votes
1answer
211 views

Drop down list vs. clickable map

I'm working on a web tool that requires users to choose their region as a search filter. I'm trying to decide if it will be best to use a drop-down list (there will be 15 regions) or a clickable map ...
6
votes
4answers
688 views

If text is editable, how important is to show it (appearance wise) inside a text box?

A new approach we adopted for one of our applications is that all our editable text such as name, a description that was once filled out to be border-less. To edit the text the users simply click on ...
6
votes
4answers
974 views

When to use reversed/mirror arrow cursor?

Is there an established pattern for when to use a reversed (right-pointing) arrow? I most frequently notice it in Outlook on part--but not all--of messages in my inbox: My Google-fu failed at finding ...
6
votes
2answers
362 views

UI simplicity vs complex requirements

I'm in the process of crafting a relatively complicated interface for a niche social networking website and I'm struggling to achieve a satisfying level of simplicity for the UI. Given that "modern" ...
6
votes
2answers
108 views

Should the “Help” menu really be called Help?

Most of todays applications have a menu called Help as the last element in the menu bar. But many applications are using the Help menu as a general container for anything that does not fit into other ...
6
votes
2answers
226 views

How to extend the noun-verb paradigm to multiple nouns

Schemes used to command computers usually rely on noun-verb combinations or verb-noun combinations. For instance typical file managers use noun-verb combinations: if you want to remove a file, you ...
6
votes
3answers
387 views

How should I resolve the issue of smaller tappable area due to smaller buttons on iPad mini?

Now that iPad mini has been released, is there anything an UI designer needs to look out for? I understand that the resolution and screen ratio remains the same, and I've been hearing that no change ...
6
votes
3answers
249 views

Are there names for patterns within UI styles?

Are there names or guides to classify similarities or reoccurring style patterns within UI? For example, Retro, Legal, etc. Example of UI patterns used in login forms: Indented outlines ...
5
votes
5answers
298 views

How do you deal with too many bullets in a slider?

I have an issue with a simple image slider on a mobile application. The slider uses bullets to indicate the pages of the slider. Now, it became quickly evident that the navigation bullets could easily ...
5
votes
4answers
243 views

What is this design layout interface called?

I have a general questions on the definition of a flow of highlighted images defining where you are in a web application flow. I want to buy some template online but I dont know what this UX ...
5
votes
3answers
331 views

Is UX design subject to disruptive innovations?

Do you think that UX design in computers is subject to disruptive innovations in similar ways that computer programming and hardware engineering are? I am specifically focusing on the core way we ...
5
votes
3answers
144 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
5
votes
3answers
169 views

Translating a UI from English to a language with different constructs

I am trying to translate an application with an English UI into Hindi. The menu items such as Edit in English can be interpreted as either nouns or verbs, which doesn't seem to matter as much. While ...
5
votes
2answers
222 views

User Experience for Image crop/resize/position

I'm a programmer first, so I'm not very good at these sort of things -- I've been building myself a image resizer/cropper/positioner for my own html pages ... however, most tools I've used that are ...
5
votes
2answers
181 views

Improving a 'page layout' editor's user interface

Below you can see a screenshot of a web-based page layout editor. It is basically a drag and drop WYSIWYG editor for interactive apps, and allows the user to use a page backdrop and add a "layer" of ...
5
votes
1answer
150 views

Transferring user context between multiple applications

I am currently maintaining an old legacy thick-client application with many individual screens and functions. We have a strategy for migrating screens from the old technology (VB6) to a newer ...
4
votes
5answers
302 views

How can the mode of a car's transmission be made more clear?

In a car, if you press the accelerator it can do one of three things: make the car go forward. make the car go backward. not move the car at all. The result depends on what gear the car is in, but ...
4
votes
2answers
147 views

What's the best way to navigate from between two screens in an App?

What's the best way to navigate from between two screens in an App? I'm writing an app which essentially consists of 2 screens of content, each displaying different type of news. I'm having a really ...
4
votes
3answers
204 views

Numeric input, text fields, drop-downs : Is this too complex?

I'm redesigning an interface to control an exercise game. The interface is going to be something like this (and exists on a PC, not mobile). Right now, we've gathered that our users want to be able to ...
4
votes
3answers
171 views

Tree Forum vs Flat vs Stack Exchange style

I wonder what are the advantages \ disadvantages of the following three types of forums... Tree like forum One parent Thread that can have multiple child threads Each child thread can have multiple ...
4
votes
3answers
57 views

How do you show that a feature can be selected individually or combined with another feature?

The user has 3 options/features to choose from, but here is the problem: Each feature can be selected separately/on its own. Feature A can be selected/combined with feature B. Feature B can be ...
4
votes
1answer
88 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 ...
4
votes
7answers
248 views

Non-standard symbols indicates special function

Everyone most web users understand that the asterisk (*) indicates that the fields on a form are required. But what about non-standard symbols? Our UX team is currently working with an application ...
4
votes
1answer
325 views

Difference between UI and Visual Design/Style Guide?

From looking at some of the style guide for web applications that are available, there is a distinction made between the visual (icons, colours, logos, etc) and UI (look and feel of user interface ...
4
votes
1answer
132 views

How best to display multiple choices for multiple fields?

I have a tricky one. I need to let an IT administrator set the value for each field and assign that combination of values to an entity. (The following image shows a simplified example, where fields ...