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

7
votes
1answer
395 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
5answers
2k views

Would having a generic waveform be too confusing for users?

I'm currently working on a redesign of an online radio. It does not have a lot of content, so I decided to make the player the dominant element of the home page. I would like the design itself to be ...
6
votes
5answers
263 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
338 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
198 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 ...
6
votes
4answers
691 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
167 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
250 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
581 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
288 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 http://...
6
votes
2answers
200 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
350 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
15k views

What is the iOS alternative to a radio button?

There is a radio button in android and WEB but what is the best alternative in iOS? And please don't say segmented control becuase it's not working in my case. The case is a list of items 3-6 which ...
5
votes
5answers
535 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
704 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 viewport:...
5
votes
2answers
119 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
2answers
273 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
375 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
154 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
446 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
424 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
1answer
104 views

Should I display UI asap and populate it later or show a preloader until I get my data?

I am working on a data-rich webapp using Meteor. I was previously considering that everything I can load should be loaded asap, and every part of my page depending on data should have its loader while ...
5
votes
3answers
229 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
206 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
510 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
163 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
149 views

What do the three bars in old installers mean?

Quite many old setups look kind of like this: I always wondered what the three bars in the bottom left-hand corner mean. I really have no clue.
5
votes
4answers
123 views

How to make apply changes more noticeable?

I have this problem. I'm working with an application that has a live and nonlive mode. It's used in a live show (control lights), so people usually make modifications but they are not supposed to be ...
5
votes
1answer
199 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 ...
5
votes
1answer
102 views

How to show linked entity inside another entity

I need to show some way to indicate that the green colour entity is linked and not owned by the parent (blue) entity you were currently in. Currently i'm using colour variation like here and wrapped ...
5
votes
1answer
362 views

Wizard pattern on IOS: Layout guidelines

I want to build an app for android and iOS that uses a five-step wizard to create an asset. Are there any established design patterns for tablets for a wizard pattern of this sort? I was thinking ...
4
votes
8answers
2k 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
631 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
493 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
136 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
164 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
355 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
518 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
129 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
391 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
40 views

Interface requirements for both left-to-right and right-to-left reading

Most interfaces, gestures and UI patterns are based on reading from left to right (sinistrodextral). Swiping to the right to go back is based on making the same motion with your finger if you want to ...
4
votes
2answers
85 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
373 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
3answers
45 views

Focusing users on specific option/fragment creating the opposite reaction

i've made a research about my app today, and i've found some unexpected results. The default/opening screen of my app(iOS) is : The user can create a live photo from video or a photo. The "Video | ...