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

0
votes
1answer
48 views

screen-less interfaces

this question is derived from a personal battle with technology; why don't commonplace wifi and bluetooth devices have interfaces that provide more feedback than just if the device is on or off? is ...
0
votes
3answers
149 views

Interface question: how to show tabular data in best possible ways

I've huge tabular data set to represent on the web, PFA as sample of personal data(blured). My question is what is the best possible way to align tables vertically stacked (sample1) or horizonatly ...
0
votes
2answers
61 views

Visualize many to multiple relationship (Interactive)

So, I am a student who has a many to many relationship In a database. a table of Codes a Table of rules to which a code is applicable Now, I am able to get the data using SQL. But my professor is ...
4
votes
0answers
82 views

What a user friendly indoor navigation map should look like on mobile devices?

In 2014, Apple has undertaken an initiative to bring indoor navigation to iOS devices. It is expected that major venues, like airports,hospitals and museums will have indoor navigation at some point ...
0
votes
1answer
41 views

Should a document viewer app show the document name?

To save screen space, I decided to not display the document name in my document viewer screen. So only the standard action bar (with the app name) is shown above the document. Would it be better ...
0
votes
3answers
43 views

Open vs delimited writing areas

What's more comfortable to the user? Open, unobstructive writing areas: Or enclosed ones: Also, I wonder if the absence of delimiting borders makes users feel 'overwhelmed' (because there's too ...
1
vote
3answers
99 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 ...
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 ...
0
votes
1answer
56 views

What's the most user friendly way to inform users that a feature is temporarily going away?

Guests to our site are able to favorite items and see a list of items they favorited on their account page. However, we are planning to temporarily hide this favorite page in their account page for ...
2
votes
2answers
210 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 ...
0
votes
1answer
182 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 ...
15
votes
5answers
2k views

Why does the caps lock key have a down arrow as its icon?

The caps lock key has a downwards arrow like this as its icon on most keyboards: Isn't that hugely counter intuitive and inconsistent with the way the Shift key is designed like? One would imagine ...
0
votes
0answers
17 views

Filtering Feed Options Methods

So I'm building a feed record with pagination, each have 2 properties: inside/outside events and a tag. Each item is a hyperlink to their pages. Basic idea of my framework for the webpage: FEEDS ...
0
votes
0answers
44 views

How to indicate you can add new elements by drag&drop-ing them from menu?

My app can be compared to UML modeling tool - it has a workspace and a navbar full of new elements that can be drag&drop-ped to the workspace. How do I indicate the drag&drop workflow? Or is ...
2
votes
1answer
180 views

When should we prefer rounded corner rectangle over square corner rectangle? [closed]

I always find myself in a dilemma about whether to choose rounded corners or square corners, for both applications UI & web design. As I read in a couple of articles choose one style of corners ...
5
votes
1answer
193 views

What are some good UX practice if your app is unable to obtain GPS lock

I don't know if it actually makes sense or not but I am thinking about some nice, user friendly, non-annoying practices to follow that helps us peacefully convey the message that "I am trying, but ...
3
votes
4answers
340 views

Can you grey out items in a flat UI design?

My understanding of a flat UI design would not be to grey out icons but to 'hide' what isn't relevant to the user, leaving a more clean and minimalistic interface. However, one of our software ...
0
votes
1answer
83 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
2
votes
5answers
204 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 ...
1
vote
1answer
57 views

Presenting grouped data

In my project I basically have an arbitrary number of items with some properties that are organized in groups. The user can select items in a group to perform certain actions on them. He can also ...
3
votes
2answers
400 views

How to simplify an interface for assignment of objects?

We're trying to solve a UX problem of assigning one set of objects to another (very large) set of objects in a quick, clean, and lightweight manner. We have up to 12 different items that need to be ...
2
votes
1answer
67 views

In a program what to say when the user enters the wrong type? e.g. number entered when yes/no expected

My program runs from the command line and requires the user to enter booleans (yes or no) and integers (numbers without decimals). For this I have two methods to check to make sure the user makes a ...
0
votes
3answers
65 views

How to visualize results of user actions after creating a new record?

I am working on the UI design of a CMS that enable users to manage websites. The interaction I am looking at now takes place when a new menu item is created. This is what I have so far: For an ...
0
votes
2answers
126 views

Clock face interface for time selection [closed]

I have been looking at new ideas for interface design, and came across this one for selecting time by mimicking a clock face. I believe that the interface can probably be tweaked to look a bit ...
1
vote
2answers
131 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 ...
1
vote
1answer
68 views

How should I capitalize and format references to UI field entries?

Several sources recommend capitalizing and formatting references to UI element labels just as they appear in the UI. My question is how should I capitalize categorical references to the information I ...
1
vote
1answer
72 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 ...
3
votes
4answers
403 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 ...
4
votes
2answers
62 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
263 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
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
97 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
188 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
89 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
223 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?
5
votes
4answers
285 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
82 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 ...
0
votes
1answer
44 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
169 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 ...
16
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
185 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
4answers
159 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
949 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
145 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
110 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
84 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
192 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
47 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
114 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!
10
votes
5answers
780 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 ...