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

1
vote
1answer
22 views

How to implement a Toggle Switch behavior for multiple Input Boxes

Consider part of the web page below: Currently Users can add new rows and and enter values, which are either various numbers that are considered as English Units upon entry. i.e. feet, inches, and ...
0
votes
1answer
149 views

Grab point textures best practice

I'm using jquery's draggable and droppable to enhance the usability of a wireframe stack in our application, and I've already adjusted the cursor to the CSS move glyph to indicate as much. I'd like ...
3
votes
4answers
309 views

Extra wide tables best practices

I have a table with large (25+) amount of columns in it. Right now it looks very complex and has a horizontal scroll. I want to make it more useful for the users. One solution is to group columns ...
1
vote
0answers
50 views

Ideas on dismissing a popover without a Close element

I have mocks from a designer showing an initial form for searching a location. There are fields for location (business) name and city (pre-filled) and a Next button (disabled at first). When the user ...
4
votes
2answers
54 views

Organizing all the different API key types without going mad

I'm designing a dashboard for a web app that also allows API access. I got stuck while designing the API keys screen (used to generate .. well, API Keys). See, there are 2 different states for API ...
7
votes
4answers
250 views

How to take advantage of white space on a blank interface

I'm working on an interface that allows users to create and edit playlists. As first time users will have no playlists, they will come across a fairly empty page that consists of a 'create playlist' ...
4
votes
2answers
102 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
80 views

Preparing Positioning Specs for iOS Developers

After designing your pixel-perfect application in Photoshop, naming and exporting everything correctly - what is the best method / tools that we can use to explain to developers where we specifically ...
2
votes
2answers
165 views

Principles for designing a “Inbox” like interface?

I'm designing an app that needs to display a lot of insurance information, the home page is pretty similar to email inbox (with even more information). The user will have a lot cases or projects he ...
3
votes
2answers
85 views

Rearranging buttons on a vertical toolbar

I'm designing a windows software interface and I'm focusing now on a vertical toolbar with 20+ buttons. In a big screen, we have enough vertical space to fit all the buttons in a single column, but as ...
5
votes
4answers
191 views

Is there a standard order for `Stop`, `Play`, `Back`, and `Forward` buttons?

I have Stop, Play, Back, and Forward buttons with stereotypical DVD icons in an app I'm making. Is there a standard for ordering these?
1
vote
4answers
130 views

Displaying to the user a radio button before it has been selected

I've always had this problem but never cared to much until now. Let's say, you want the user to say if the lights were on or off using a simple click. So it's on with the first click, a second click ...
5
votes
4answers
274 views

What is the layout interface that guides a user through multiple steps 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 ...
1
vote
3answers
73 views

What do you call a layout of non-regular non-overlapping tiles?

Some interfaces present the user with a collection of non-overlapping tiles of different sizes. For example: Similar layouts include Pinterest and Windows 8 / Xbox, but looking at screenshots these ...
1
vote
1answer
55 views

Designing a mobile interface for 3 or more sortable lists

We currently have a web app that has the following interface: download bmml source – Wireframes created with Balsamiq Mockups List items can be reordered within a list and can also be ...
0
votes
1answer
42 views

Search functionality — to move or not to move?

We offer a SaaS to monitor performance of equipment used in natural gas compression. The most used feature (60% of users seek this out on arrival) of our service is to search for a particular unit to ...
1
vote
2answers
139 views

Why circular icons/elements in user interface element become so popular? [closed]

I've been in a research team that aim to analyse the current web trend, and went out that circular, flat and faded are the main trends nowadays. Are they really improve usability? In particular the ...
15
votes
5answers
2k views

Do input box highlights improve user experience?

Modern operating systems and web browsers lightly highlight text input fields on mouseover: The highlight is so minimal it's easy to overlook. Other form elements (such as dropdowns) highlight more ...
1
vote
3answers
149 views

Which fields should be pre-filled with previously input information when there are form errors?

I've got a form with the following inputs: First name Last name Email New Password ReCaptcha Terms (checkbox) I'm thinking about pre-filling the following for sure with the same values that were ...
2
votes
2answers
141 views

Suggestion for list selection and populating related lists dynamically

There's a list of items that you can select. When you select any of the items except Ignore, another list populates depending on the item that you selected. When you select an item from the newly ...
2
votes
4answers
152 views

Force user to answer simple question before revealing two different inputs

Context: This is part of a web application where user are dynamically constructing outbound mail correspondence digitally. This particular step is reached when the user needs to determine how to push ...
5
votes
3answers
867 views

Best practices for how search icon functionality should work

I’m trying to find out how exactly the search icon functionality should work when the icon is clicked. This is for a responsive website. I have three scenarios, please view them on a smaller ...
2
votes
2answers
136 views

Interface for a translation module

We have an application in which we create tests. These tests are created in a certain language (can be anything). In a phase of the test's process, it has to be translated so all languages we offer ...
1
vote
2answers
94 views

Good examples of negative space used in popular software / UXs?

The negative space is quite popular in both typography and vector art; I haven't found any good example or guideline in real UX yet. I'm also assuming that negative space can be "bad" because it ...
0
votes
1answer
72 views

Show “Log In” or “Sign up” after adding items to a cart for an e commerce site?

I'm working on an e-commerce site and I would like to know after the user has added one or more items to his cart and is not logged in he will be directed to a page. Will this page be the "login page" ...
0
votes
3answers
184 views

How to display a single thumbnail for multiple human faces?

I have a multi-row table view where an image represent the people who are associated with the row. Each row can have n number of people. How may I show a single thumbnail when members are more than ...
0
votes
1answer
42 views

Card results or list results for mobile web app

I want to know which approach to show results is the better one. The web-app shows roughly 10-20 results, and I want to know if it is better when the user sees these results in a normal list-view ...
0
votes
1answer
111 views

What is the name of this interface element?

Does anyone know what the proper term is for this incremental counter thing? BONUS: Is there a definitive guide you use to classify these elements? Thanks!
8
votes
5answers
673 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 ...
0
votes
2answers
63 views

UI customisation principles and guidelines

I am working on a project that requires catering for a large number personas and scenarios. Key to meeting these needs is a UI that provides a customised experience. I was wondering if there is any ...
40
votes
5answers
4k 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 ...
2
votes
1answer
73 views

Labels in a zoomable interface

I am working on a zoomable Sankey diagram hoping to be able to display small and big elements at the same time and I con not decide if labels should zoom or keep constant size. Firstly the whole ...
1
vote
1answer
67 views

How best to handle a long list of items to rate?

I have a site where one feature is where people list their skills and rate them in two ways. This often turns into a very long list, which makes the task of not only adding but rating each one ...
0
votes
2answers
84 views

What are the concerns with using an icon twice

We are designing a new website template with a global navigation and a child-site navigation. It looks like we are going to use the hamburger icon as the action button to display the menu. One idea ...
0
votes
1answer
77 views

Native mobile, user content editable

I was wondering because I can't seem to find any examples of a good native design for modifying user content; I'm an Android developer and I have a dedicated job to build one app for our company. For ...
1
vote
1answer
57 views

UI : How to edit, save and load a list?

I work on a list builder component that the user must be able to build easliy, save and re-open if needed. I precise that only one list can be active. I didn't find any similar component on the web, ...
0
votes
3answers
44 views

UI for parameter which can be defined in two different ways

I develop a desktop app with a wizard like dialog which requires several parameters to be set. Currently all parameters are displayed in a grid with a label and an appropriate control next to it, ...
1
vote
1answer
50 views

Where to locate a chatbox in a 2D or 3D interface?

I'm wondering if anyone has any evidence or experience to base myself on when locating a chatbox on a website and if possible in a 3D virtual world? Are there any case studies covering the best ...
2
votes
1answer
75 views

Is research being done on interfaces that improve your health?

I've been searching around for interfaces that improve your health but I'm not having much luck. I'm a software developer who's fed up with destroying my body by sitting stagnant in bad posture, ...
0
votes
4answers
110 views

How do I persuade my team that less is more?

I'm designing the front end of a tool, and my team seems to want to use all of the built-in ui features. However, this will result in a lot of redundant and inelegant functionality, from my ...
0
votes
2answers
55 views

Handling loss of visual relationship when selected item scrolls out of view?

I have a list of items. These are selectable, but only one at a time, and when one is selected a panel to the right of the list populates with further info on that selected item. The row is styled to ...
0
votes
1answer
104 views

A breadcrumb within a breadcrumb?

I'm creating a troubleshooting website and part of it is decision-tree based. I plan to show the path the user is on in a breadcrumb-like fashion. If a user selects different options then they go ...
3
votes
1answer
80 views

Should I display Edit/Delete Buttons when only one field is editable?

I know there's a lot of questions out there asking where to place the edit/delete buttons in a row. My question is if there is only one field of data that is editable in a row, does it make sense to ...
4
votes
3answers
248 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 ...
0
votes
3answers
178 views

Are my Sign Up form error messages correct?

I just got done with my Sign Up form set up for my File Sharing & Hosting service and now I'm at a point where I'm developing the returning of form errors. There are 6 fields, and they are all ...
0
votes
2answers
98 views

Should I present a menu option that shows capabilities for a mode the user is not in?

Preface: So, this is a sort of cross-disciplinary question that combines RPGs, game development, and User Experience. I have previously asked this question on the gamedev stack exchange and I ...
2
votes
2answers
120 views

Which is better: radio-buttons or error message?

The Android Virtual Device Manager uses checkboxes instead of radio buttons for "Snapshot" and "Use Host GPU". However, they are mutually exclusive. Why would they use checkboxes instead of radio ...
0
votes
2answers
88 views

Colors and labels on buttons that reflect state

I recently read the "Should 'Yes, delete it' be read or green" (Should "Yes, delete it" be red, or green?) thread and was impressed with the responses. I'm currently having a very similar ...
3
votes
4answers
140 views

Controls in the bottom bar of a modal popup vs. user's expectations

I work on an application where there are a lot of modal popup/windows. A lot of menus and functionalities can only be triggered through a modal popup. Some modal are big and require a scrollbar. For ...
9
votes
4answers
604 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 ...