Skip to main content

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
0 votes
2 answers
45 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
1 answer
55 views

Show information based on phone number

We are a parcel delivery company looking to enhance a feature that uses a phone number to indicate a customer's success rate based on parcel returns. We have two UX versions in mind: After validating ...
1 vote
2 answers
183 views

Where should "back to top" on long FAQ page link to?

My FAQ page consists of a table of contents (with links jumping to each FAQ entry) and all FAQ entries. The entries are grouped in sections. FAQ ToC (#toc) Section 1 (#toc-section-1) ...
1 vote
1 answer
121 views

Include or omit (in)definite articles in button labels?

Considering the following primary button in a web application: [Wait for deadline] or [Wait for the deadline] Are there any best practices regarding the inclusion or omission of definite and ...
1 vote
2 answers
178 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
2 answers
169 views

Which of these "Email campaign status" combinations make the most sense? (color status labels)

Me and the team are split on which combination of colors are best to indicate "Active", "Sending", and "Sent" for both one-time & automated/recurring email campaigns. ...
1 vote
1 answer
49 views

How do we let users know if a dashboard shows the entities’ lifetime activity or activity during the selected date range? [closed]

I am currently designing a dashboard that displays data related to entities (e.g., campaigns, ads, ad groups). My challenge is to effectively communicate whether the data presented pertains to the ...
0 votes
2 answers
94 views

Appropriate button label to preview a file before sharing it publicly

We're working on a platform that has these 2 sections: Private files - participants in the call have their own private files section Public files - Files shared here become accessible (to preview and/...
345 votes
14 answers
91k 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 ...
22 votes
8 answers
5k views

How to indicate right click functionality?

I am developing a Windows application where there is a lot of configuration and settings applied to multiple objects. There is a right click menu that is used to apply a predetermined group of ...
3 votes
1 answer
82 views

Many preview and beta tags sidebar

I have many preview and beta tags(labels) on my sidebar which I want to represent with minimal distraction of view. Currently they are all over the place. Any suggestion to represent this in much ...
4 votes
2 answers
150 views

Using ellipsis for commands in web applications

In history in desktop applications ellipsis are used to indicate the user that additional information are required, when he execute the command. I'm surprised that in many web applications no more ...
2 votes
2 answers
72 views

Maximum width of a tag

I would like to ask if there's a a common value to the maximum width of a tag? Thanks
100 votes
7 answers
176k 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 ...
1 vote
2 answers
49 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 ...
1 vote
1 answer
67 views

Buttons with icon. Possible problems

I'm designing a web application. In several pages there are many secondary buttons that allow users to perform actions. For example, inside an "Order" page you can: Create notification ...
9 votes
1 answer
2k views

Is there an accessibility standard for using icons vs text in menus?

I'm asking as a user here (I work in QA, fwiw) - is there a standard for accessibility in terms of using text labels vs icons only in menus? I searched and found a lot of conversations about including ...
1 vote
1 answer
96 views

Label placement on filters

Why almost all filters I find have their labels inside, as a placeholder? When the users select a value they lose context since the label is no longer visible. Isn't it a better option to put the ...
8 votes
3 answers
12k views

Is there any distinction between badges, labels and tags?

We are looking at a set of design patterns for helping classification of projects on a list – there seem to be some strong discussions around what the difference is between badges, labels and tags. ...
3 votes
3 answers
742 views

What's the best way to name a toggle switch label?

I'm creating a section in an app that includes a toggle switch. Initially, I used the same name as the section for the toggle label, but I started wondering if that might be too repetitive for the ...
0 votes
1 answer
190 views

Search by key value tags

The UI is a web application. There is a set of thousands of objects. Each of them can optionally be labeled by 0-10 tags. Each tag is a key value pair - for example color: red or taste: sour. The user ...
2 votes
4 answers
1k views

What are the best practices to decide the length of label characters on the buttons?

I have come across lot of designs on internet where buttons are labelled with two or three words. While I did my research on various design systems i found the guidelines talking about meaningful ...
2 votes
4 answers
139 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 ...
1 vote
1 answer
781 views

What is the best pattern for text field hints in a web form?

I always wonder what is the best practice for labels/hints of text fields on a web form. Here is my understanding: It is better to use a label than a hint when the form has more than 2 fields... but ...
410 votes
24 answers
191k 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?
5 votes
6 answers
2k views

How to display dynamic input field labels

Not sure 'dynamic labels' is even the best name for it. Example (mockup below): Think of a simple address including an input field for phone numbers. The phone number could be landline or mobile. ...
5 votes
4 answers
2k views

Should fields labels also be clickable?

I know it's a good UX practice to make radios/checkboxes labels clickable (because radios/checkboxes are usually a bit small) but I have serious doubts over the practice of also making fields labels ...
0 votes
2 answers
719 views

How do you define input length?

I'm working on an online banking website and its design system. UI designers tend to want all form input elements to be the same size so that everything is perfectly aligned. I've explained that the ...
5 votes
5 answers
4k 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!
30 votes
3 answers
2k views

Is the Windows Start button an example of poor mapping?

In my recent course on HCI, I've been told that start button on Windows systems is an example of poor mapping. The reason for that, as explained in materials, is that it doesn't start anything, but ...
0 votes
0 answers
70 views

How to display large numbers that are very close together (in value) in a graph with tight space

Is there a way to write large values ​​where the last digits of the value are the ones that separate them but only use 6 digits, plus the exponent? I am designing a graph for scientists where the ...
17 votes
4 answers
45k 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 ...
0 votes
3 answers
725 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 (...
2 votes
1 answer
1k 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
1 answer
161 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
4 answers
10k 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
4 answers
75 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 ...
17 votes
4 answers
6k 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
3 answers
893 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
1 answer
610 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
1 answer
144 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
1 answer
297 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
2 answers
2k 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
1 answer
474 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
1 answer
266 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
4 answers
3k 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
1 answer
49 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
2 answers
231 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
5 answers
990 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
3 answers
352 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 ...

1
2 3 4 5
9