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

6
votes
5answers
258 views

Dealing with dozen digit number inputs

I am building a game that involves money. Users have money. Interactions can be as large as a trillion (1,000,000,000,000) or as small as a few thousand. Basically, users set the price of land they ...
6
votes
4answers
1k 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
332 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 ...
6
votes
4answers
654 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?
6
votes
2answers
1k 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
162 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
242 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 ...
6
votes
3answers
576 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
286 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 ...
6
votes
2answers
194 views

When to leverage spatial inconsistency?

I want to know when you should and shouldn't leverage spatial consistency/inconsistency in an interface. For example, the new Android update changed the location of the Clear All Notifications button ...
6
votes
3answers
334 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 ...
5
votes
5answers
512 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
2answers
607 views

How to show pagination “go to page” text box?

I want my users to be able to type in a page number in the pagination control on the bottom of the page. If they want to go to page 200 in the below example without this control it would take forever ...
5
votes
3answers
1k 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 ...
5
votes
2answers
97 views

Support for conversational user interfaces

Reading some of the more recent articles on Medium about conversational user interfaces seems to suggest that this is already an emergent trend that will set the scene for future interface design. ...
5
votes
4answers
163 views

Do I need arrows to indicate hover menus in main navigation?

The main navigation of a website I'm working on uses hover menus and every main navigation item has children that reveal on hover/tap. Do I need to include a down arrow (chevron) that indicates to ...
5
votes
2answers
252 views

Are dial format speedometers more effective than numeric speedometers?

I recently criticized a sketch of a automobile instrument cluster concept that indicated speed with a bar gauge and a numeric readout. I and many others suggested that a dial speedometer was easier to ...
5
votes
1answer
340 views

Differences between Non-Diegetic, Spatial, Meta and Diegetic User Interfaces

Could anyone please explain to me the differences between Non-Diegetic, Spatial, Meta and Diegetic User Interfaces? An example for each would be great.
5
votes
2answers
153 views

How long of an initial load time are users willing to endure if it means faster access later?

I am creating a website where I output 10 posts when user comes to the website and then I fetch +10 more if they click the button to do so. I output each post in two parts - the main one and the ...
5
votes
1answer
424 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 ...
5
votes
3answers
418 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
223 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
204 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
478 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
1answer
142 views

Volume control and Pause/Play toggles are inconsistent, why?

I'm facing a UX struggle that I've never noticed before, and even though the behaviour is what everyone expects, feels right, and is fine, in the end, it's just not consistent. Let me explain. You ...
5
votes
1answer
194 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
8answers
1k views

Why is there no standard layout for computer keyboards?

As you might be aware, there is no context menu button (similar to right click action) in modern keyboards. In latest laptops such as HP, Lenovo, etc. and Lenovo slim keyboard are missing the Context ...
4
votes
5answers
619 views

Icons only vs list with icons

I'm wondering what's the UX point of view of using only icons or a list with text + icons. Only icons List with icons The only icons options provides a faster way to access to the action, as ...
4
votes
5answers
489 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
4answers
131 views

Alternative to power-hungry screen displays

For devices that run on a battery, the screen is the component that drains the the battery the most. So I began to wonder if there is an alternative. Has someone ever tried another type of interface ...
4
votes
2answers
162 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
4answers
2k views

Material Design for Web apps?

I'm working on an admin portal (angular, jquery, bootstrap..) and I'm pretty comfortable with bootstrap and I think that the bootstrap designs are pretty cool. Now, my colleague insists on changing it ...
4
votes
3answers
350 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
486 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
70 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
2answers
119 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
386 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
2answers
84 views

Hit area for items in a grid-page.

I have a landing page with a grid of projects that the user can click into. I'm wondering is it best to: Only make the link/button clickable OR Make the entire box clickable. I'm leaning more ...
4
votes
3answers
357 views

How to improve anonymous statistics reporting rate?

There are many different organizations starting to collect usage statistics in an attempt to improve the usability or user experience of their software. One of the common frustration when designing an ...
4
votes
2answers
210 views

Is there a better way to provide a main menu in iPhone than the tiled icons?

I'm creating a locator app as a project for one of my classes. The main menu of the app lists different categories of items for the app to locate and show the user via a map. Right now, I have about ...
4
votes
2answers
153 views

Making users interact with a sigmoid shaped curve

I am having the following issue: I need to let users graphically interact with parameters of a curve in a 2-dimensional graph to do manual curve fitting. Some parameters are straightforward such as ...
4
votes
1answer
54 views

Need a pattern to capture multiple data sizes

Something I am struggling with: a UI for Network QoS Changes. The situation: There is a fixed maximum limit. The sum of the sub-values must not exceed this limit. Sub-values are captured as integers ...
4
votes
1answer
664 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
315 views

Multiple admin sections (scopes) inside one web application

Im developing web application with quite complex configuration UI. It contains multiple configuration scopes, for example in global scope you can configure host setting, logging and also create ...
4
votes
1answer
252 views

Fitts' law and minimum target size

You can read everywhere that bigger targets are easier to hit. But say I have a given input modality and want to know the minimum button size for the interface. How would I go about that? Fitts' law ...
4
votes
3answers
205 views

What is the best layout for a hierarchical menu with multiple actions?

I am working on a project that uses a root/leaf node hierarchy menu to search, view, select and open content on a desktop platform. The user will need to have the option to do one, 2 or all of these ...
4
votes
2answers
147 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 ...
4
votes
3answers
295 views

What is the correct way to reference GUI controls when writing content and copy

I'm writing documentation. It's technical documentation and my audience should be tech-savvy. However, I have reservations about referring to UI elements in an interface by the terminology that ...
4
votes
1answer
244 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 ...
4
votes
1answer
128 views

How to show multiple values (possibly many) without taking too much space? Readonly combobox?

I have a one-to-many relationship, say a Monkey can have lots of Bananas. The selection part is done by opening a popup and showing Bananas with a filter, add/remove buttons, etc. My issue is how to ...