New answers tagged

1

Regardless of what this is supposed to represent, a user will never intuitively know what it is supposed to be. It's a representation of somebody losing their Gestalt marbles. (2 to be exact)


0

Icons have to mean something somewhere. for example: The save icon above will be seen on the toolbar without the text and users could use it to map it to the action of saving. Another example: Typescript files have the icon in your finder or file system to map it to type script. The ones like: Export to BOM Line Separator Diagram The general practice ...


0

Icons are effective inversely proportional to their frequency. If everything has both text and icons, the interface becomes crowded. I would only add icons to common actions. IMHO, both your submenu and the menu in the SQL Developer example are too crowded.


1

Each design/development team will have their own criteria for doing this, and hopefully it is aligned to some kind of design system or convention that they have established for their product/service. Briefly speaking, there might be a number of reasons and it is most likely to be a combination of them, some are design related while others are probably more ...


21

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 through drop-down menus and through toolbar buttons. An icon is required for a toolbar button, and the same icon is usually used for that command in the drop-...


2

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 actions which have esoteric meanings and would differ between one app and another. Check out Oracle's SQL Developer for more examples on not iconifying everything:...


23

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 example, sharing on facebook can use the Facebook icon. Context of use, if a lot of the similar icons are displayed together, the icons will lose their purpose. ...


2

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 for open, settings and exports alone. What value would that have for the user? I would argue it would confuse things.


6

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: connection issue). By showing an summary of the informative message, you are actively hiding the presence of the warning message (the user might not want to update ...


1

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 decide if it is worth it to click on it at all Option 2 Provides general overview, but without any context Depending on frequency of the notifications, users ...


12

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 contain any type of message or alert: not just a type but any It doesn't disappear when there is no any alert, it simply occupies the same place, it's a way of ...


2

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. Like Sketch do here...


Top 50 recent answers are included