Questions tagged [labels]

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

Filter by
Sorted by
Tagged with
389
votes
23answers
156k 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?
0
votes
3answers
111 views

What is the best way to display a list of labels in a row of a table

My application allows you to see the list of banking transactions in a table format. Each transaction contains a date, a category (blurred), a label (blurred), a list of beneficiaries and the amount (...
0
votes
2answers
10 views

Edit an existing GCal invite

I have an application that allows the user to send out a GCal invite. Within the page, there is a button that says, "Create GCal invite." For the time being, to keep the scope small, this ...
0
votes
0answers
43 views

Category Labeling on B2B Dashboard

On a Project Management App - Dashboard page I have the content display as below: Tabs Category Name: Projects | Assets | Forms Drop-down Menu Sort,Filter: Status | By Month | ...
1
vote
2answers
52 views

Should empty field captions be specific or generic?

I have an app with basic user profile fields editing functionality. Each field presents the field name, the field value, and an edit button (e.g a pencil). My question regards what I display on those ...
2
votes
1answer
43 views

Visually hidden labels, usability, accessibility and WCAG 2.1 compliance

I'm trying to understand how visually hidden labels fit within the accessibility and the WCAG 2.1 spec. It seems to me that as long as an input has a programatically associated label (whether that be ...
2
votes
1answer
106 views

How to display status for On, Off, Faulty

I have a table which shows whether devices are ON or OFF. Currently, it looks like this Status Name Some other columns 🟢 DeviceA 🟢 DeviceB 🔴 DeviceC There is a new requirement, which is to ...
7
votes
4answers
8k views

How to indicate that one of a group of fields is required

I have a form where there are multiple fields. Some fields are required, and I have an asterisk next to them in red color. There are some fields where one of them is required. For those fields, I have ...
0
votes
4answers
68 views

Compact text indication of lost radio connection

I am working on a UI for a robotics application that uses radio communication. There is a text field for each robot that normally displays battery voltage in the format 3.72 V. Sometimes the radio ...
4
votes
5answers
2k views

Does it matter if I capitalise my call to action?

I'm keen to know if there is any research/thoughts on the text formatting of the main call to action which affects the conversion rate optimisation! Thanks in advance. Alex
17
votes
4answers
5k views

How can I say "there is a possibility, up to 30 mins delay in the time you booked for calling you" shorter?

I have a reservation web form. There is a field named "time". It's a select option like: # Select a time: <select> <option>09:00 AM</option> <option>10:00 ...
4
votes
3answers
250 views

Tabindex for reveal password button

I have a create password form that looks like the following: As you can see from the image, the reveal password button (eye icon) is the next sequential thing for the browser to focus. As such, ...
2
votes
1answer
102 views

Should I display empty fields in read only display?

I have a desktop application which has many editable fields, about 50 fields grouped into about 6 sections. When editing, the field's text box will show, then once the user clicks save, the data will ...
1
vote
1answer
102 views

To Number or Not To Number

Here's a portion of a display from an iOS app that allows users to connect to a Wireless Valve Control device. UPDATE: My question is regarding the -42 dBM and 2.97V labels. As a code implementor, ...
1
vote
1answer
85 views

Academic degrees in forms

What form field labels tend to be used for pre-nominal and post-nominal academic titles in forms? Is e.g. "prenominal academic degree" used or is that too formal?
1
vote
2answers
140 views

One label for multiple fields?

I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
0
votes
1answer
68 views

Best use cases for "status light" and "labels"

I am trying to figure out if I should add status lights to my design system or if I could use the labels I already have instead. They are both defined in Adobe Spectrum but I don't quite understand in ...
4
votes
1answer
124 views

Icon consistency in buttons

I am designing a page for apps. This page will show apps available for integration. Question Should I make them all text only buttons or it's fine that some buttons are icon+text? Default All apps ...
0
votes
4answers
1k views

Best UI behavior for done actions in a list [closed]

I'm developing a task app that has a dashboard task list. The user can change a task's status to done. What is the best solution for the done state? Tks!
0
votes
0answers
21 views

Lines overlapping labels

I have an issue where data point lines are overlapping labels. You can see this below: With multiple lines passing over labels it currently gets quite messy. In terms of user behaviour, would the ...
0
votes
1answer
45 views

How to correctly align label to clarify information?

On the image below, that is NOT a button but juste a bubble to display information on a day planner, I'm trying to find the best way to align the labels 7h30mn today and 30h this week. Currently, I ...
3
votes
2answers
94 views

Should checkbox label with passive adjective include word "is"?

My use case is that I have a checkbox that relates to object (card) and visually it is on that card. My question is: Is it better to form a label for the checkbox like "Hidden" or like "...
5
votes
5answers
577 views

Should checkbox label be styled like an anchor link?

I've struggled to find any sort of argument that supports either of my theories so i wanted to see what the UX community at large thinks about this. Scenario I have an online shop. When you view a ...
3
votes
3answers
124 views

Validation for if all fields are required when an optional field has a value

I have a form that has an optional username/password input but when either the username or password has a value it causes them both to be required. Not sure how I should approach this? So far the ...
3
votes
2answers
207 views

Progress bar design with text overlay

I have a progress bar in my app where I want to display the amount done with a text overlay. What I have is the text overlay begin centered in side the amount that is done so it looks like this The ...
2
votes
3answers
742 views

"Pay with PayPal" including card payments label

I'd love to have some opinions on how to best label a the payment option "PayPal" to ensure it is clear that you can pay using your debit/credit card without having a PayPal account. For background: ...
-2
votes
2answers
72 views

“Donate a sum but allow me to take money back” - say shorter

The idea that the donor can take his or her funds back (unless he or she dies or like this or a set time in the future passes), to make it more appealing to donate. So, it is kinda bequest to a ...
7
votes
3answers
4k views

Best Text for "Select All"/"Unselect All" Buttons with CheckLists

What would "better" text for buttons that select all items in a checklist: "Check All" / "Uncheck All" "Select All" / "Unselect All" or perhaps other text
1
vote
1answer
71 views

which label is correct: date of request/answer or request date/answer date?

i am working on a table which has 2 columns: date of request and date of answer (to the request) and i am wondering which label should i use: date of request/answer or request date/answer date? Which ...
21
votes
6answers
56k views

"Expiry date" or "Expiration date" label

What is the best form label to use for the credit card expiry date (during a checkout process on an eCommerce website)? I've done some research and noticed that some sites use 'Expiration date' and ...
3
votes
1answer
89 views

One button with Multiple States that Change Label and Functionality

I am redesigning a site right now and have the following question. Currently the user is presented with a list of Workstations. They have the option of: Adding additional workstation(s) to the list ...
0
votes
3answers
97 views

How to label a light that means "This Release Valve is working properly"?

FYI, this is for a very short story called Human Error (5 min read) UPDATE (constraints): I only have control over the label. It's a plain old printed label on a physical control panel. You can ...
31
votes
7answers
3k views

How to phrase button labels?

How should I phrase the following button labels: "Import image" or "Import an image"? "Create app" or "Create an app"? "Add description" or "Add a description"? If you could also supply the grammar ...
2
votes
3answers
160 views

label arrangement of the toggle button [duplicate]

I'm working on a camera switching feature. I'm thinking about the arrangement of the label of the button. To me, we can prompt the user to slide right to enable the front camera and in order to enable ...
2
votes
2answers
89 views

How to battle for UX over Marketing with regards to product navigation?

We just completed some card sort and tree test exercises. One of our main nav labels was clearly more successful when using the label most commonly suggested by our study participants (which were ...
24
votes
7answers
2k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the icons do a ...
337
votes
14answers
84k 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 ...
3
votes
3answers
224 views

"Go back home" or "Home" as CTA label in 404 page?

I'm working on a 404-page design, and after the title and description there is a CTA button not sure to use which one? is it better to use "Go back home" or just "Home" as button label for CTA
1
vote
0answers
151 views

How to balance user-led vs. user-centered design when it comes to navigation labels?

We just completed some research with card sorting and tree testing. Two of the categories were consistently labeled the same by a large percentage of participants. It seems to make sense to name the ...
0
votes
2answers
110 views

Using call-to-action or primary buttons to show status of form completion instead of form UI element

I noticed this while using a form to submit some information that the nature place where you indicate the status of the transaction isn't being used but instead the call-to-action or primary button is ...
5
votes
2answers
166 views

When to move on to the next unit prefix, e.g. 900 kB vs 0.9 MB

Is there any established standard or research about what the cut-off point should be for moving to the next unit prefix e.g. moving from "kilo" to "mega"? I assume it may depend on ...
1
vote
2answers
55 views

Appropriate menu labels for controls regarding background image editing

I am working on the app which has the following controls which do two things Size - It contains for controlling the background size of an element's background image. As per https://tailwindcss.com/...
0
votes
2answers
89 views

Can a heading be a substitute for labels?

Chrome's Lighthouse keeps on reporting "Form elements do not have associated labels", which web.dev gives more information on: Labels ensure that form controls are announced properly by assistive ...
81
votes
7answers
125k 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 ...
90
votes
12answers
15k 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
1answer
103 views

List item label problem

I'm facing a problem where I have a list item that has multiple values and one of them is a number that's ambiguous, therefore I want to label it. However a problem (in my opinion) that it creates is ...
16
votes
4answers
31k views

Which label text is good for "Enter email address"?

I'm about to place one text field in the log in area where user can enter email address and password for logging in, but I'm confused which text should I use for label and placeholder text? Here are ...
1
vote
1answer
260 views

Label bold & input normal vs. Label normal & input bold

This is a wireframe of an example of a future company styleguide. The styleguide says: option B (label normal, input bold), focus on the content in the textboxes. I have never seen anything like this. ...
2
votes
1answer
64 views

Useful label for message box cancel/close button

i'm reworking a message box that pops up when there was a specific error. In the title and description it tells the user what went wrong. In the improved version i will include 2 buttons (in the ...
1
vote
1answer
39 views

Appropriate labels for multiple times entry fields

I am working on an app where the user can book a service and can select upto 3 occurrence of that service per day. This means the user needs to be prompted to enter three distinct times of the day. I ...

1
2 3 4 5
8