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)

251
votes
13answers
47k 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 ...
155
votes
23answers
24k 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?
73
votes
10answers
6k views

'My Account' or 'Your Account'?

I want to put a link to an account page in a toolbar. What person should I use to refer to the user's settings? Should I call it 'My Account' or 'Your Account'? I've seen both is use, and I'm not sure ...
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?
40
votes
6answers
2k views

When the username is an email address should the field be called 'username' or 'email'?

When the username for a service is an email address should the field be called 'username' or 'email'?
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, ...
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 ...
29
votes
3answers
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 ...
27
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 ...
26
votes
7answers
1k 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 ...
23
votes
8answers
2k views

Which phrase is better: “Sort chronologically” or “Sort by date”?

I'm adding on to an advanced search screen, the standard few sort orders: by date, by name, etc. I'm just wondering what the more commonly used/accepted way of phrasing it would be. "Chronologically" ...
23
votes
4answers
3k views

HTML label association with inputs; bad UX?

I'm a web developer having a weird UX issue. When I build HTML forms, I ensure that every input's label is implemented through a <label></label> tag and that each label uses the for ...
23
votes
3answers
4k views

Input form label alignment top or left?

Although I have researched on input form label alignment, I need solid suggestion on when to use form label alignment top and when to use left and why? For example in the below form username and ...
21
votes
9answers
1k views

Isn’t the FAQ label obsolete by now?

Don’t get me wrong in the beginning of reading this. I really mean the label and not the content of FAQ. The content is very useful if its’ made the right way (as here on ux.se), but there are plenty ...
21
votes
5answers
622 views

Are verbs necessary on field labels for a survey?

This is slightly different than this question regarding a small form. I have a multi-page survey that can take up to 10 minutes to complete. Right now, all of our prompts start with verbs, but I feel ...
21
votes
3answers
561 views

Best empirical method(s) for determining how to name something?

I'm a UX/UI designer leading the redesign of a web application that serves a primarily technical audience (DevOps professionals). A primary goal of our redesign is to make the UI more accessible to ...
21
votes
3answers
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 ...
19
votes
7answers
1k 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 ...
19
votes
5answers
1k views

Toggle Buttons “Turn On” vs “Enable” [duplicate]

For about a year now, we've used toggle buttons on a couple of segments of our site. We try to be very consistent in our user interfaces, always using the same blue button styles for every clickable ...
19
votes
8answers
994 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 ...
18
votes
12answers
1k views

Should form labels be placed inside of input boxes and slide out of the way?

Is it good idea to put form labels inside input boxes? In this case, the labels slide out of the way when the user clicks on the box. See here live example of form
18
votes
5answers
1k views

Which is more likely to be read and processed: (related) text placed above or below an image/video?

I'm thinking about layout on pages where the main asset is visual — for instance, a photo of an item from the collection on a museum website, or embedded video as on YouTube and many news sites. ...
16
votes
7answers
944 views

What's a better label for the traditional “Browse…” button for selecting files to upload?

I've been working on an advanced file uploader, complete with folders and animated progress bars, and wanted to improve the vague "browse" button generally used for launching a file selector window. ...
16
votes
10answers
835 views

What to do when customers search for “Cheap” when you want to convey “Quality”?

An ecom client that I am working with has an interesting SEO challenge. They sell products that they want to convey quality and value; however, the #1 thing searched for on Google, Bing, and their ...
16
votes
5answers
575 views

Is it a good idea to add tooltip to some text that says exactly the same?

Having tooltips on icons and images is understandable and the same goes for small pieces of links where tooltips may elaborate to the user what that particular link would do. Sometimes, however, ...
15
votes
3answers
372 views

How do you deal with unusually long labels?

A piece of software that I'm updating uses some incredibly long labels, but due to the nature of the software (taxes and payroll) this seems unavoidable at times. On some pages, maybe 50% of the ...
15
votes
6answers
321 views

Is there a term/name for these labels?

Are there any conventional names for these informational labels?
14
votes
3answers
306 views

Should Preferences Be Phrased Positively or Negatively?

Say I have a preference that determines whether or not something is visible within an app. Because there are two states (visible or not visible), a checkbox would be the best UI element to use. But ...
14
votes
5answers
8k 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 ...
14
votes
4answers
698 views

What are good rules for naming menu items? [closed]

I'm establishing some style guidance for naming items which are accessed from my application's menu bar. What are the commonly accepted rules for naming menu items? When should the names of the ...
13
votes
8answers
483 views

Is “magic” an appropriate label for a sorting option?

Heuristic-based analysis is pretty common in certain applications, and Apple has gone so far as to create their own user-language to describe the hard computery stuff: "Genius". I don't know anyone ...
13
votes
2answers
595 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 ...
12
votes
4answers
326 views

What do you think is a better label “New” or “Add”

At the moment I am building a web application that stores a lot of data inside of tables. In each of the pages containing the tables the users have many actions; they can add, delete, or edit the ...
12
votes
3answers
161 views

Stamping the current date & time on a page

I recently wrote to First Capital Connect to raise a number of issues with them relating to their St Pancras Thameslink station layout, and also complained that their site features the current date ...
11
votes
2answers
517 views

Should images be given alt text if they contain no information?

Example: a biography page with a picture of the person. The image contains no useful information, yet it adds enough emotional value to the page that simply removing it is not the solution. If you ...
11
votes
3answers
555 views

Labeling a multi-layered bar graph

Question I love Last.fm's bar graph. It allows me to quickly compare how someone plays one song over another. I'm trying to apply the same design to my app. It monitors the health of servers and ...
11
votes
2answers
178 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 ...
10
votes
1answer
117 views

Marking contact as primary?

Currently in the application that I am designing, we are displaying just a short amount of contact information, which means that if the contact has 4 different numbers (i.e. mobile,home,work,fax), ...
9
votes
18answers
585 views

What to call the “Short News” section/module?

I have a classic section called "Latest News & Articles" which is in the bigger left column. But then I want to have a block with "short news" like here (screenshot from games.cz): In Czech ...
9
votes
10answers
446 views

Is it better to represent simple labeled information as table or just text with subheadings?

I'm redesigning a website that has some simple information presented as a table like this: download bmml source – Wireframes created with Balsamiq Mockups I read yet the again the Label ...
9
votes
3answers
254 views

Why do menu labels behave differently in desktop applications and websites?

In a desktop application when you click a menu, you see all the options which reside within it, in a drop-down/pop-up list. In many websites with a navigation menu which has sub-categories, I have ...
9
votes
3answers
211 views

Having two different label alignments in one website / application

I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
9
votes
2answers
252 views

How do you test phrasing of labels, links, and descriptive text?

At my workplace, an academic library, we often have extended conflicts over exactly how to phrase labels, links, and descriptive text. For example, one link on our home page goes to a list of topics, ...
8
votes
4answers
1k views

Top-aligned labels for multi column form

I am designing a search screen where I have 7 fields and have split it into 3 columns with top-aligned labelling. Is it a good practice design a web form with top-aligned labels in a multicolumn? ...
8
votes
5answers
698 views

Do icons need labels on mobile apps?

There have already been studies that prove labelling icons enhances usability on desktop applications. This is why Microsoft Outlook started labelling its icons. Does the same logic apply to ...
8
votes
3answers
451 views

When is it okay to give a form inconsistent label placements?

I am attempting to redesign an internal form that we use to set up new clients. I am repositioning the labels on the left hand side of the form elements to being on top of the elements. I think this ...
8
votes
5answers
2k views

Truncating long text labels - Best Practices?

I was wondering whether there are any studies around truncated labels, in case if they ever get too long and layouts can't fix it? Does it confuse users if a label is truncated with an ellipsis ...
8
votes
2answers
941 views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
7
votes
8answers
272 views

Labeling of lightbox settings

Suppose we have a UI where the settings of a lightbox showing an image can be adjusted. It might look something like this: By "background" in the mockup above is really referred to overlay, but ...
7
votes
7answers
692 views

How to indicate a form-field error?

I have two candidates for indicating that a form field is in an error state. Option 1 Option 2 Should the error icon be in the field, or next to the label? Or something else? Or does it not ...