Usually non-interactive text on in UI used to guide the user as to what information is needed or presented.

learn more… | top users | synonyms (1)

0
votes
1answer
39 views

“Device in use” phrasing

I'm making an android app, in it there's a settings section regarding notifications. There's a category of settings that apply only when the device is currently being used, and the category is labeled ...
0
votes
0answers
42 views

Sorting Button for E-commerce Listing Page

I'm working on a responsive project for e-commerce platform. For the XS view we will provide at the top of the list the tools to arrange and sort the list. I designed 3 drop-downs Categories, ...
2
votes
2answers
242 views

Best position and labels for buttons on an order creation page

I have a "create order" interface which already includes several buttons. Please have a look at the screenshot below: ![enter image description here][1] My Question: I need to add a new button ...
13
votes
2answers
656 views

Have usability studies been conducted on the use of alphanumeric characters as labels for controller buttons?

Controller Question Over the years there have been a wide variety of home consoles each with their own (mostly) unique controller designs1. One thing that most consoles have in common is their use of ...
0
votes
2answers
38 views

How to best to describe a user preference option to play all videos in succession?

I've created a program that contains eight chapters (they are actually videos) and I have a user preference that when checked will play all eight chapters in succession one right after the other. ...
1
vote
1answer
194 views

Paper form: best practices for fonts and more precisely to help to identify labels from values?

So I need to transform a web form into a pdf to be sent as an attachment. Technically it is fine, but I need some help about best practices for the appearance of the printable document. I generate ...
8
votes
6answers
269 views

Show progress as percentage or as absolute numbers?

I'm making a simple progress bar based on the amount of minutes a user has spent, and the amount of minutes she's required to spend on a certain task. See below for an example. I'm considering 3 ...
2
votes
2answers
85 views

How to render multiple levels of labels in a table to improve readability?

I'm having trouble searching for patterns like the following. I need your help and opinions on the most clear, readable option to show three levels of labeling pertaining to a same table column: ...
2
votes
2answers
63 views

Should Megabytes be the only unit presented to users on download screens?

When I went to download Google's Material Design color palette, I was presented with what it called a 0.02 MB download. After chuckling on how an algorithm might not've been written properly, I ...
4
votes
3answers
151 views

Is lack of redundancy or visual consistency more important?

I was checking out at a convenience store recently and the card reader asked if the the amount of money it was going to charge me matched my expectations. It looked something like this: I laughed ...
5
votes
2answers
188 views

When trying to stick to right aligned form label pattern, how do you handle multi-line labels?

I'm using 2 column right-aligned labels/left aligned input fields. For 99% of my app, it's great. It follows one of Luke Wroblewski's quickest path to completion patterns. The problem is while trying ...
21
votes
4answers
5k views

Best pattern for international address forms?

I've noticed an emerging pattern in web-based forms is to put the country field before city/state. This is contrary to how we would normally fill out an address on paper, but it allows us to have ...
0
votes
0answers
36 views

How do I indicate field name after multiple drag and drop on the same screen?

I have a screen where we can add 4 images and 2 text strings on the same screen.Images are drag and drop feature.Text have feature of "Click here to enter text" and entered text is shown there ...
1
vote
1answer
313 views

Forms: side-by-side or vertical for label and text-input?

Is there consensus about whether side-by-side or vertical alignment is preferred? For example, which of these two form fields provides a better user experience?:
0
votes
2answers
55 views

What is the best way to show labels on filters with sliders?

I need to design a filters column to fit in safe area (650px) and I need to understand how to deal with labels. In order to shrink the design I decided to put labels into input boxes and using ...
2
votes
3answers
111 views

Should I use questions or statements in my web form?

I'm designing a web form that allows you to schedule events on a calendar. There are about four pages of input required for each event, such as: Name Start date End date Employees involved Budget ...
1
vote
3answers
98 views

labelling button in before checkout process

I read that each label, especially in ecommerce websites, indicates what users have to do in the next steps, so, terms like continue or something like that, must be avoided. I'm working on a site to ...
0
votes
2answers
29 views

What labels to use for a Simple and Advanced view of financial related information?

I am creating a page that displays information about companies listed on a stock exchange. One of the views is going to be Simple, showing only a limited view of information and data while the other ...
163
votes
23answers
27k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?
2
votes
5answers
158 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original ...
2
votes
1answer
39 views

How should I display labels on an unbounded scale?

I have a colour scale, used as a legend for a choropleth, that looks like this: The legend represents distance from the mean. However, the ends of the scale are not clamped - the uppermost range ...
1
vote
1answer
81 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...
0
votes
2answers
75 views

Account Impersonation: Correct Labels & Design

Scenario: Jonathan, a sales representative, gets a phone call from Americorp regarding a problem with their backend admin console. Jonathan signs into his account so he can find Americorp's ...
3
votes
1answer
50 views

Person name placeholder in your country/region/language [closed]

Fun one related to working remotely: What are typical equivalents for name placeholders like Joe Doe in your region? Especially Russia, India, Latin America and more examples from English. But ...
31
votes
12answers
3k views

How to clearly state to the User what characters are valid

I'm trying to determine the best way to inform the User that an input accepts certain special characters. Alphanumerics are simple enough, but I feel like I'm losing clarity when I get to characters ...
0
votes
3answers
103 views

Best way to label picker with multiple components?

I have a 3-component iOS picker where the user picks the section, row, and seat of a venue. What is considered the best practice for labeling the components? I also don't want a valid default ...
2
votes
2answers
64 views

Where to place the Y axis label

I would like to improve the readability of the label on charts. At the moment there look like this download bmml source – Wireframes created with Balsamiq Mockups What is the best ...
0
votes
3answers
150 views

What is a good and short way to convey that a product is available on a “Pay What You Want” scheme

So imagine a small piece of UI, only several pixels tall/wide, that displays a product's info. Usually this widget shows either something like $0.99 USD, BUY, or FREE in order to convey that it is ...
0
votes
2answers
108 views

Is there better wording for a tree relationships than sibling/child?

I am working on an application that has a number of hierarchical datagrids. There is a need to specify the relationship, for instance, when you are adding an element to that hierarchy. Currently we ...
4
votes
3answers
202 views

What is the best way to deal with very long form labels?

I have very long labels in some forms, including forms in modal windows. There are some cases we have labels with more than 80 chars, which is bad because: Users need to read/track all the labels to ...
0
votes
1answer
45 views

multilanguage labelling

I am currently working on an app which will be used in a several latin languages. Does anyone know any resources or best practices for label text usage in such apps? Thank you
61
votes
10answers
6k views

“New” vs. “Create”

For buttons that initiate some content creation interaction, which label is better: "New X" or "Create X"? Are there specific uses that in which one is better than the other?
2
votes
2answers
124 views

Verbiage and Icons for Delete vs Remove

In the application I'm working on, we have two forms of getting rid of an item. Delete: Permanently deleting an item from the system. Once removed, the data is gone. Remove: Removing a linked item ...
2
votes
1answer
79 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
2answers
93 views

Best User friendly button label for “canceling the getting information request”

I have a form which populates automatically by getting information from server, and by the time its polling the information. I am showing a loader. But a user can anytime Cancel the polling request. ...
0
votes
2answers
160 views

How do I display an 'all' option to users in a multi-select box?

I have a combo box that lets user choose airlines. Below is the (draft) snapshot. I want to keep an icon infront of it (right now I have a tick mark which has to be replaced with an appropriate ...
16
votes
5answers
10k views

Files size units: “KiB” vs “KB” vs “KB”

I'm working on a web app that will show the size of certain files, and I'm wondering if there's any consensus about how to report the units of bytes. Technically the IEC has weighed in with an ...
28
votes
2answers
3k views

On forms, is inline placeholder text better than a label outside each field?

I am familiar with research on label placement to the left or above. I tend to go with right justified with the label to the left of the field for my form designs. However, inline placeholder text ...
11
votes
2answers
181 views

How do I label a busy light and a start button given limited space?

The device on the photo below is used to upload data to various kinds of flash memories (the details are not important). There is a LED underneath the box labeled "RUN" which lights up whenever an ...
258
votes
13answers
49k views

Should I use Yes/No or Ok/Cancel on my message box?

Semantically, the Yes/No buttons are roughly equivalent to the Ok/Cancel buttons, but in general what would you recommend to use? Should I always use Yes/No or always use Ok/Cancel? Or does it depend ...
0
votes
1answer
67 views

IOS resizing labels

So I'm wondering how best to solve this problem. I want to display a 'list' of elements in my app. Right now this is what it looks like - That looks really bad, and I'm not sure how to make it so ...
5
votes
3answers
292 views

“File” for name of drop-down menu

In Windows mostly, a lot (most?) applications have a "File" drop-down menu, with things like "Exit", "Import/export settings", "Preferences", ... Is "File" a blindly accepted standard/default? ...
1
vote
1answer
129 views

Should column labels for numbers be aligned right?

In a grid structure, I understand you should right-align numbers in the cells. Should you also right-align the headers for these columns?
2
votes
4answers
102 views

How to avoid a label that includes the word “Other”

I am working on the information architecture of an e-commerce content management system. The target users have diverse levels of knowledge of web technologies, which means I have to avoid a software ...
1
vote
1answer
89 views

What is a classy, effective way to label a kitchen sink's disposal switch?

It bothers me that in-sink food waste disposals usually have an on-off switch that looks identical to a light switch and is often within a set of light switches sharing a single wall plate. How could ...
2
votes
1answer
70 views

Including “and” or “&” in labels

I am working on the labels of a webshop content management system. For some of the labels, I feel the need to have more than one word to make it concise, even though I know this is not nice because ...
2
votes
5answers
177 views

How to represent medium difficulty? (fitness)

We have several video fitness programs with difficulties related to the intensity of the workouts. When categorizing them by difficulty "Easy" and "Hard" are clearly communicated by these terms but ...
2
votes
2answers
226 views

Changing label of HTML checkbox based on its state

Consider these HTML checkboxes: A member of our design team has proposed that we change the functionality of our checkboxes from yes-no questions to descriptive phrases. For example, as you see in ...
1
vote
4answers
120 views

Alternatives to “Oldest” for Sorting Order

I have a sort menu option labeled "Sort By Date." When that option is selected, two buttons appear for controlling the sort order. For the button text, can anyone suggest alternatives to Newest to ...
33
votes
10answers
1k views

Which direction indicates newer/older?

So I'm reading some blogs and I get to the bottom of the page when I see a graphic similar to this: << Newer Posts Older Posts >> This makes sense to me. But then, quite often, ...