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
0answers
8 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
193 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
246 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
75 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
61 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
145 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 ...
0
votes
1answer
31 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 ...
2
votes
2answers
234 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 ...
5
votes
2answers
183 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
32 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
295 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
49 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
109 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
96 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
27 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 ...
161
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
155 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
75 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
72 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
49 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
102 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
61 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
149 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
197 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
44 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
60
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
120 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
92 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
156 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 ...
14
votes
5answers
9k 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
48k 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
290 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
114 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
84 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
174 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
220 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
114 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, ...
3
votes
5answers
349 views

I have a link that lets the user add, delete, modify elements. What should I call this link?

I have this link that opens a modal popup where the user can add, modify and delete elements. This link was formerly called "Add/Modify/Delete element". This label is used repeatedly through my ...
1
vote
1answer
146 views

Is a “Remember Me” definition really necessary?

On many websites, when you log in, it gives you the option to "Remember Me". Next to that, on some websites, it shows what "Remember Me" means. Why would it have to explain what "Remember Me" is? ...