Skip to main content
12 votes

Asterisk * is used for required. Is there any symbol used for optional?

There is no widely accepted convention to show optional fields. So as you described, you can mark the fields as optional instead using labels (as noted on the right): Another way could be to shade ...
riddle_me_this's user avatar
5 votes

Were we mistaken about rounded corners being better UX?

If this question (whether or not our conclusions are subjective) is opinion-based, then I think that shows that the Field of UX is opinion-based. Let’s start here. UX is a huge field of study. Like a ...
DA01's user avatar
  • 41.8k
5 votes

Should a toggle button show its current state or the state to which it will change?

Discord is a VoIP and instant messaging social platform. In a UI update, the checkboxes in the settings were facelifted such that the current state and future state are unambiguous:
bzr's user avatar
  • 163
5 votes
Accepted

Food menu legend consistency

Good Design Meets Users' Expectations 'Gluten Free' and 'Contains Nuts' are the terms that have become the way to refer to these concepts in the US. If you go against this for the sake of consistency,...
dennislees's user avatar
  • 11.6k
4 votes

Keyboard shortcuts and navigation in complex widget

I would put this on a comment but I don't have enough reputation. In your case I believe the problem is you don't have a good UI for the small actions defined and want to solve it through keyboard ...
LNubiola's user avatar
  • 371
4 votes

Interface requirements for both left-to-right and right-to-left reading

One thing these cultures have in common is a top-down organization of writing. When a line breaks, both cultures continue writing below what was just written. You could lean on this in your designs. ...
maxathousand's user avatar
  • 19.5k
3 votes

Were we mistaken about rounded corners being better UX?

I really don't understand (no comprende!) where do you get this from. If anything, sites are using rounded shapes more and more. Bootstrap and Material are between the most used frameworks/guidelines, ...
Devin's user avatar
  • 38.1k
3 votes

Asterisk * is used for required. Is there any symbol used for optional?

Since it is for personal use you can make up whatever you want. I would make a legend like this on top of the form/page/whatever:
larry909's user avatar
  • 131
3 votes

Asterisk * is used for required. Is there any symbol used for optional?

To just answer your question, there is no symbol to convey that a form field is optional, the convention is that a lack of symbol means that a field is optional. This convention is so strong that ...
Brett East's user avatar
3 votes
Accepted

Checkboxes, Radio Buttons, and Mobile Development

I ever experienced the same thing ! In designing I usually follow a reference from Nielsen Norman Group. They provide standard guidelines based on user experience research. Every time I argue with my ...
Livinda's user avatar
  • 352
3 votes
Accepted

What is the name of this 'alignment' UI element?

Reference Point Locator This is the name in Adobe's applications: transformation reference point Locator. https://helpx.adobe.com/illustrator/using/transforming-objects.html
Danielillo's user avatar
  • 19.2k
3 votes

Why are dark themes uncommon in e-commerce?

In this type of questions, we usually talk about something functional, ignoring the perceptual side. Why is e-commerce always under a light theme as opposed to a dark theme? Well, I will not put any ...
Danielillo's user avatar
  • 19.2k
2 votes

Should a toggle button show its current state or the state to which it will change?

This way it's very clear what the state is and what the state will be if the toggle is clicked.
taylorhayward's user avatar
2 votes

Save icon, is the floppy disk icon dead?

Some icons are born as icons (talking about semiotics) cause they were created to be similar to the object/concept represented. But, as time passes, some icons have become symbols (talking about ...
WalterV's user avatar
  • 1,584
2 votes

Save icon, is the floppy disk icon dead?

This topic is not worth debating I guess, this generation doesn't even know what floppy disc is or ever was... they never associate the save icon with floppy dics...but everyone knows that its' THE ...
Fasih's user avatar
  • 864
2 votes

Is it a bad idea to put the logo in the top-right corner and the navigation in the top-left?

Everything you read in the internet is NOT true! including all answers here. I used windows for 16 years and now it's been only 2 years with macintosh. I feel no strong reason for the close button ...
Jivan's user avatar
  • 3,728
2 votes

What keyboard input makes sense for tabbing out of a rich text field?

I discussed this online with a11y experts. Here is what we concluded: If your application has an editable area which is considered its main feature, you can get away with this by creating shortcuts ...
FremyCompany's user avatar
2 votes
Accepted

Folder naming standard for storing app backup data on user's personal cloud?

I know that with Dropbox, that sort of data is dealt with differently - as a DataStore instead of normal files you would expect a user to store within Dropbox. They have a tutorial which deals with ...
stradled's user avatar
  • 2,537
2 votes

Should page titles be consistent?

Yes, if the titles aren't consistent users may encounter difficulty determining where they are in your application. The Nielsen Norman group talks about using navigation for location signaling i.e. to ...
Andre Dickson's user avatar
2 votes
Accepted

Should page titles be consistent?

Sidebar, breadcrumb, and tabs are kinds of navigation, like street signs. Users read them to reach certain parts of your application and to determine where they are right now. That's why I cannot ...
virtualnobi's user avatar
  • 3,581
2 votes
Accepted

Naming convention for attributes/functions/menus

A good example is the sub-section Style– Writing / Capitalization & punctuation from Material Design Blog. Use sentence-style caps Use sentence-style caps for all titles, headings, labels, ...
Madalina Taina's user avatar
2 votes
Accepted

Best place to display filter button in mobile

Why not put the filters in the top right of the navbar and then add the current state of the filters where you have the button now?
saltdotac's user avatar
  • 341
2 votes

Asterisk * is used for required. Is there any symbol used for optional?

I think it is enough to mark only one type of fields (required / optional). My opinion is you should follow the convention by marking required fields and reduce visual noise by letting the optional ...
Madalina Taina's user avatar
2 votes

Asterisk * is used for required. Is there any symbol used for optional?

This is what I would do in order to specify when a field is required or optional The last field is the active one, I added it in order to show that we still have the label when the field is active.
Bilal Khoukhi's user avatar
2 votes

Asterisk * is used for required. Is there any symbol used for optional?

The convention is that the * marked fields are the required ones and the ones without a mark are optional, there is no need to mark them as optional, because that's the convention. another thing to ...
Eran Bar's user avatar
  • 1,040
2 votes

Choosing the right background color (Contrast issues)

Adobe got a best free online tool to help select accent color and variation colors based on dominant color https://color.adobe.com/ You can also upload an image color.adobe.com/create/image/ This ...
Kishore's user avatar
  • 21
2 votes

Should state be indicated by its control or should control and state be separate in the UI?

I'm actually working on a project that faces the exact same challenges you describe. The way I'm handling it is your option 1. Let's continue using your light switch example: An actual light switch ...
maxathousand's user avatar
  • 19.5k
2 votes

Checkboxes, Radio Buttons, and Mobile Development

You can also remind your boss why was it named radio button. :-)
tamasrell's user avatar
  • 123
2 votes

Noun or Verb for Title?

If it's a page title, use a noun. If it's something that indicates an action, use a verb. For example; if you go to your management page, call it 'x management'. On that page, when you want to add ...
Nick Groeneveld's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible