Skip to main content
Share Your Experience: Take the 2024 Developer Survey
23 votes

Based on what criteria do you add/not add icons to labels within a toolbar?

There are a couple of reasons: If there is a generally accepted icon for that feature. Examples, save, cut, copy etc. If the feature is borrowed from another application which has an app-icon. For ...
Kernan Kobaya's user avatar
22 votes

Based on what criteria do you add/not add icons to labels within a toolbar?

I don't think there's an "official" methodology for this, but I've noticed a pattern across a number of programs. Many programs - especially IDEs - have a number of commands that can be accessed both ...
bta's user avatar
  • 579
12 votes
Accepted

Desktop app status bar: Notification vs error message

There's a third option similar to the one used on this page: the message tray icon that is only activated when it has some content with the corresponding number. Advantage: The message tray can ...
Danielillo's user avatar
  • 19.1k
8 votes
Accepted

I need to justify why having two sidebars on the same side is wrong

Learn, don’t justify Here's your problem: How can i justify my assumption Don't justify it — test it. User experience is about discovering the answer, not enforcing it through ...
plainclothes's user avatar
  • 21.3k
6 votes

Desktop app status bar: Notification vs error message

One problem with your first example is in deciding which message to summarize. In your example, there appear to be two messages (one informative: there's an update available; one error/warning: ...
TripeHound's user avatar
  • 2,655
6 votes
Accepted

Rationale for persistent UI elements that is overlayed onto video windows

Users just don't need to do anything to hide the control bar. As there is no reason to move the cursor until users want to interact with the controls, BY using Progressive Disclosure technique MS ...
Codesigner's user avatar
4 votes

Monochrome or Colorful Icons for the Toolbar of a Desktop Application?

It's a close call, good question. You have to choose between supporting the primary task (writing) by not distracting attention using monochrome icons and making the secondary task (format text) ...
Kristiyan Lukanov's user avatar
3 votes

How to choose between a Popover, Inspector, or Toolbar to edit properties?

It depends on the context, and the amount of functionality you need to complete a task. Popovers Apple declares in their Human Interface Guidelines: Use a popover to expose a small amount of ...
Mike M's user avatar
  • 24.7k
3 votes

Why is this button of the Windows Explorer labelled "File"?

I can't speak directly for Microsoft, but i think it's pretty obviously a relic of earlier windows versions. Changing the name would hurt more users than a semantically incorrect button does. You ...
Shadetheartist's user avatar
3 votes

Communicate that an object in the toolbar cannot be added to the document a second time

See each button as a stack of buttons of the same kind. When you drag an instance from the stack, the next one appears. But when it is the last one there is no next button underneath.
jazZRo's user avatar
  • 11.8k
2 votes

Why is the Windows taskbar default at the bottom?

After some digging I found a post where they explain, that most users (98%, old data, but probably still relevant) don't relocate their taskbar despite the settings being just a right-click away, ...
SNH's user avatar
  • 121
2 votes

Why is the Windows taskbar default at the bottom?

I know this is a bit of an old question, but here's a possible extra reason: It means that the cursor movement doesn't need to be precise when navigating an app. If the taskbar was at the top, you ...
user2950509's user avatar
2 votes
Accepted

Can I customize app bars on each destinations in a bottom navigation bar?

There seems to be two questions, so I will try to address both of them. You can safely customize the app bar on respective tabs Generally, the user perception of different tabs equals to different ...
rojcyk's user avatar
  • 1,070
2 votes
Accepted

Is a 'single tab-stop' a valid goal for a toolbar which is almost the whole of the UI?

According to that document, it seems there are two main benefits of presenting this as a toolbar and treating it as such. When a set of controls is visually presented as a group, the toolbar role ...
maxathousand's user avatar
  • 19.5k
2 votes
Accepted

What's the optimal toolbar placement?

Place the "toolbar" on the left, and the information panel on the right. Why? The F-Pattern This positioning emphasizes the natural left-to-right movement you mentioned—a user first reads ...
maxathousand's user avatar
  • 19.5k
2 votes

Why is this button of the Windows Explorer labelled "File"?

Take a look at the Windows Human Interface Guidelines, specifically the Menus section: Standard menus Use the standard menu organization for programs that create or view documents. The ...
Tin Man's user avatar
  • 2,814
2 votes

Monochrome or Colorful Icons for the Toolbar of a Desktop Application?

Who is your target audience, and how do they react? Color helps some people, but hinders others. In my experience, men tend to register color less than women, even allowing for the 10% prevalence of ...
pojo-guy's user avatar
  • 161
2 votes

Desktop app status bar: Notification vs error message

I think your first option provides more context to the user. Gives a clearer idea of what is happening and I would suggest dropping the icon and instead, go for a coloured label to indicate something. ...
Calum's user avatar
  • 494
2 votes

Based on what criteria do you add/not add icons to labels within a toolbar?

I would recommend only adding icons when they provide value, ie differentiating between javascript and HTML files. Looking at your screenshot, you would need to create a tonne of similar-looking icons ...
Calum's user avatar
  • 494
2 votes

Based on what criteria do you add/not add icons to labels within a toolbar?

Simple answer, "Yes". They chose to provide icons to ubiquitous actions and where applicable they used icons which can be pulled from existing use such as file icons. There is no need to iconify ...
MonkeyZeus's user avatar
  • 5,658
2 votes
Accepted

Having external links (hyperlinks) and multiple actions in the same dashboard page

It seems like your current table is a cluster of right click functionalities per column , links, buttons and dropdowns. I would assume that there is no structure or logic as to where actions are ...
Paran0a's user avatar
  • 316
2 votes

What is the name of this control that looks like a floating toolbar called?

I checked in the Google Forms code but it's not really helping ha ha :D Some research I would go for a mix between utilities and the way it displays. It seems to be an "Editor Toolbar" that ...
Geoffrey C.'s user avatar
2 votes
Accepted

What is the name of this control that looks like a floating toolbar called?

If you use the Material Design documentation as a reference, I think a navigation rail or a floating action button group would be closest to what you are looking for, but there are always new ...
Michael Lai's user avatar
  • 27.3k
2 votes

Communicate that an object in the toolbar cannot be added to the document a second time

I think the technique in your Picture A, disabling the button and showing a tooltip when you can place no more, looks fine. It is very similar to how the video game Super Mario Maker 2 handles this ...
Rory O'Kane's user avatar
1 vote

Desktop app status bar: Notification vs error message

Option 1 Gives more details, but not a quick overview of the amount of things present Is more interesting to the user, since he can quickly assess how interesting this information is for him and ...
Big_Chair's user avatar
  • 6,835
1 vote

How to choose between a Popover, Inspector, or Toolbar to edit properties?

You should use modals/popups if you are going to edit the parameters in a fast way (click, click, ok). When it appears a sidebar or toolbar, you will use some functions for X time (not a short one ...
Juan Jesús Millo's user avatar
1 vote

Toolbar at the bottom of texts/numbers busy screen

Buttons have a primary role in the conversation between a user and the system, so I always try and design them in a way that they are very 'obviously' buttons, stand out, and placing them in a place ...
Arriving From The Sky's user avatar
1 vote

Why is this button of the Windows Explorer labelled "File"?

Note: I'm not very familiar with Windows 8, so I'm answering from what I've read not experience. It appears it is because that menu isn't meant for actions targeting the operating system as you say, ...
DasBeasto's user avatar
  • 15.3k
1 vote
Accepted

Multi-Workspaced UI

Are the two modes really equal importance? Doesn't the drawing mode create drawings that are effectively embedded in the larger document of the app (correct me if I'm wrong). That is, you have an ...
J. Dimeo's user avatar
  • 3,858
1 vote

Multi-Workspaced UI

For those who are not familiar with NSTabView mentioned in the poster's question, it's a standard Tab view UI widget for Mac OS that looks like this: Question: One big unknown is, what kind of use ...
Jung Lee's user avatar
  • 7,671

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