Questions tagged [labels]
Usually non-interactive text on in UI used to guide the user as to what information is needed or presented.
397
questions
0
votes
0
answers
69
views
Hyphens vs. parentheses in form field labels
Link Color
Link Color - Hover
Header Items - Left
Header Items - Right
vs.
Link Color
Link Color (Hover)
Header Items (Left)
Header Items (Right)
vs.
Link Color
Link Hover Color
Header Left Items
...
0
votes
2
answers
45
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.
...
0
votes
2
answers
17
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
3
answers
131
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
0
answers
48
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 | ...
2
votes
1
answer
54
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
114
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 ...
17
votes
4
answers
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 ...
2
votes
1
answer
126
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
2
answers
62
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
103
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
104
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?
0
votes
1
answer
95
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 ...
1
vote
2
answers
200
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 ...
4
votes
1
answer
148
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
0
answers
22
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 ...
3
votes
2
answers
98
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 "...
3
votes
3
answers
144
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 ...
0
votes
1
answer
46
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 ...
4
votes
2
answers
237
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
2
answers
74
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 ...
0
votes
4
answers
69
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 ...
1
vote
1
answer
73
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 ...
3
votes
1
answer
103
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
3
answers
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 ...
2
votes
3
answers
191
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
2
answers
91
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 ...
1
vote
0
answers
154
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
128
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
2
answers
168
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 ...
4
votes
3
answers
323
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, ...
3
votes
3
answers
267
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
2
answers
57
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
2
answers
126
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 ...
2
votes
1
answer
119
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 ...
1
vote
1
answer
322
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
1
answer
67
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
1
answer
41
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 ...
0
votes
3
answers
166
views
Appropriate button label suggestions
I'm building a suggestions system to provide assistance to course providers when uploading their course advert. We provide assistance around spelling and grammar, language and structure and content. ...
1
vote
1
answer
778
views
What to do if the primary action is actually to confirm a cancellation? [duplicate]
I'll ignore the fact that it isn't obvious what '20190927.6' is from the screenshot (it would be more obvious in the workflow context).
Obviously someone is following the pattern that the primary ...
1
vote
2
answers
2k
views
Which label is better for a blog article - Last updated or last modified
In the context of a blog where you have the date of the Blog article Title, author and date. There can be another date used to show when the last update of the article is. Is there a consideration or ...
1
vote
1
answer
278
views
Rule for aligning Table Status indicators
Should status indicators in a table be centre aligned to each other or left aligned?
Option 1: Left aligned
Option 2: Center aligned
4
votes
5
answers
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
1
vote
3
answers
153
views
In e-commerce, why is the number of items a filter returns needed?
For clarity, I'm referring to the faded numbers in parenthesis.
My reasoning is that if a user wants to filter his selection, he will do it based on his/her need and not based on the number of ...
0
votes
2
answers
562
views
Which is correct? Whether to use the icon after the label or the icon before the label? [duplicate]
To Use Icon after the label?
Ex:
(Or)
To Use Icon before the label?
0
votes
2
answers
123
views
Use of terms: Technical or Layman
Recently, I stumbled upon a situation where I need to create a form with fields that are somewhat unpopular.
For example, I ask for users' post-nominal letters. Now this term is really not so ...
6
votes
3
answers
295
views
Mark Link which blocks accesses from the EU because of the GDPR
I run a site for visitors from Germany who would like to visit the USA.
Because of the GDPR more and more websites in the US block access from the EU like the LA Times, IHOP or Carrabbas. The access ...
1
vote
0
answers
52
views
Should textbox labels be above or to the side of the textbox? [duplicate]
At a former employer, the interface guidelines strongly insisted that the labels for form elements are always above the element citing that
It's more natural to follow
It's easier to translate since ...
11
votes
3
answers
2k
views
Graph with overlapping labels
I have a web app that builds and displays a bar chart based on dollar amounts. A typical graph looks something like this:
As you can see, the layers at the bottom of the graph have dollar amounts ...
0
votes
2
answers
1k
views
Material Design - label to the left of underline input field?
We use the Material Design underline text fields with floating labels in our application (see right on the picture).
This works well on mobile, but for long forms on a desktop a label to the left of ...