An image or pictogram used instead of or supplemental to textual information. Icon requests are off topic; please keep questions related to their use rather than asking what a good icon to represent a certain item/concept would be.

learn more… | top users | synonyms (2)

4
votes
3answers
295 views

Why does the upload icon have a down arrow on cPanel?

As you can see on the image below (i am on a mobile device) the upload icon has a down arrow. Shouldn't the icon have an up arrow instead meaning that the file is going up instead of down?
4
votes
1answer
118 views

Where did the term 'copy to clipboard' originate? Why is it a Clipboard?

I've always been interested to know where the term 'copy to clipboard' originated, and do we use it because we've grown familiar to it? I'm assuming this phrase originated a while ago when we used ...
4
votes
3answers
1k views

Represent mandatory/recommended/optional relationships between items

I've got a tree structure where the relationship between the parent and the child can be marked as either mandatory, recommended, or optional. This structure can be up to 3 levels deep. For example: ...
4
votes
2answers
139 views

'Liking' Sensitive Events on Social Media: Contextual Icons and Words for Approval/Agreement

Prompted by recent events. The use of a Like icon (whether thumbs up or otherwise) is fine on social media for lots of things, but certain subjects and events should not be "liked" or use such a ...
4
votes
3answers
472 views

Signal Strength or Connection Speed icon [closed]

We have a stand alone application on our site that uses realtime video/audio. We are in the process of adding a connection speed icon but it seems we have some disagreements on the icon that should be ...
4
votes
3answers
509 views

Icons, their Cognitive Effect and Scientific References

As part of may daily intake of UX vitamins, I was questioning myself the following. We use pretty much icons in our everday activities. We use them on computers or in cereal boxes, and we expect them ...
4
votes
4answers
206 views

How to explain best that there is more to a headline? (Icon, Text, etc)

We want to show "news headlines" within a google map (the news where it happend). The news will show up in speech bubbles. Only the headline will be shown first. If a user want to read more, he has ...
4
votes
2answers
589 views

Icon for collapsing/expanding left side panel on tablet [closed]

I'm struggling to find a good icon to represent to users that while reading an article or something similar, they can click a small icon to reveal a left side panel to show additional options. I've ...
4
votes
2answers
181 views

Multiple download buttons for a file type

i am designing a UI for a web application, there are multiple card like entries in a list, each item in the list can be uploaded in file type A downloaded in file type A downloaded in file type B ...
4
votes
3answers
293 views

Search results - representing/showing parent/child records

I have a couple of questions which relates to how to best show parent/child records on search results. An example first: If you have digitised 300 individual pages of an illuminated manuscript, then ...
4
votes
1answer
128 views

Photo galleries for profile photos

Has anyone seen or can anyone envision a good way to sort many (50+) photos which are profile photos of staff members? This is different from a traditional photo gallery because the emphasis isn't on ...
4
votes
2answers
588 views

What should a toggle switch do when using a multi-select?

When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states? Neither action is dangerous, but it may act on ...
4
votes
2answers
221 views

position of lens icon in auto suggest field

Can some one suggest which is the best place for keeping lens icon for auto suggest/ auto complete field from usability point of view? I have seen most of the sites keeping it on the right side of the ...
4
votes
2answers
282 views

Symbol for additional content present in a passive display

I have a digital signage application in which a portion/row can show a max of 3 blocks of information at a time. The number of total blocks vary from 2 to 6, in which 90% will only contain 2 or 3. On ...
4
votes
2answers
2k views

Best uses of ? (help) and i (information) icons in UI

What are the best standards of usage for the help and information icons? (I'm unable to post an image because I am a new user, but the icons are either a ? or an i in a circle, most commonly) The ...
4
votes
1answer
141 views

Where to position Back and Home buttons?

When you watch tv on a tablet via an app, where do you put the "Back" icon and where do you put the "Home" button?
4
votes
1answer
570 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
4
votes
2answers
845 views

Opens in a new window icon placement

When using an icon to represent a link I believe the standard convention is [icon] [Link]. A colleague has raised the point that for links that open in a new window, the icon should appear after the ...
4
votes
2answers
42 views

How to distinguish between a tab widget and a table using Material Design?

An example... Huh? How can there be stats for Republicans voting for the two Democrats? I see this in most all flat icon design. It takes me a few seconds of comparing the different elements to ...
4
votes
1answer
1k views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
3
votes
4answers
381 views

Is there a reason to use this icon with a confirmation message?

This is the message Sharepoint 2010 gives as a confirmation message for requesting access to a particular site you do not have access to. I am quite confused by the icon - to me this looks like a ...
3
votes
4answers
630 views

Appropriate icon for score [closed]

I'm designing a quizz with jQuery. It has 4 counters: "correct answer", "wrong answer", "timer" and "score". Each counter has a little icon describing the counter. I have found good jQuery UI icons ...
3
votes
3answers
8k views

Up arrow for increase, Down arrow for decrease, what for no change?

We have a web application that lists prices of a stocks and we have a requirement to indicate a movement. When there's an increase in price we add an up arrow, where there's a decrease in price we add ...
3
votes
3answers
406 views

Is there a standard icon for web accessibility?

The International Symbol of Access is a standard icon for building and parking access for people with disabilities. Has this icon, by itself, gained acceptance as a standard icon for web ...
3
votes
2answers
832 views

Logical Operator Icons

I'm building a WPF UI for configuring some complex business rules; each rule can have many conditions, so I figured I would include a drop-down list of logical operators so that the user could have ...
3
votes
5answers
2k views

Email address/app icon : is “@” sign still relevant today?

I have a doubt about the appropriateness of using the @ sign on an icon, to mean something related to email. For instance, a project I am involved into uses it the following ways: On a contact ...
3
votes
1answer
112 views

Should icons in a toolbar reference an action or the object?

When deciding on which icon to use in a toolbar is it better for an icon to reference the action or the object? Example: Action = Export data to excel. The object in this case is Excel (destination ...
3
votes
2answers
199 views

Is it correct to change the color of a country flag to adapt it to the colors palette?

I am working on a web with three main colors: white, blue and black, and there are two flags for select the language of the web. These icons completely break the color harmony of the web, and I wonder ...
3
votes
8answers
464 views

What is the best wording to describe an item that is selected to be more important?

I have a list of insurance quotes that are being displayed in a table. The users will be able to select which quotes are more important by clicking on a "star, flag, etc" which will allow them to ...
3
votes
3answers
2k views

What is the origin / meaning of the icon used for “database”?

I've never really understood what this icon, that looks like an oil drum and is commonly used to refer to a database, is actually supposed to represent. What is it? As a matter of fact, I've ...
3
votes
2answers
481 views

Menu with icons and checkable items

In a normal windows application, I've (context) menus. Many of the items have individual icons for better recognition. Now, some of the menu items are checkable. The "standard" way of showing the ...
3
votes
2answers
168 views

How obvious does an icon need to be for young readers to click to “read more”?

I have a photoblog that I am building, the prototype is on CodePen. The focus in photos, but I also wanted to include a brief set of details. But I wanted this to be unobtrusive for power users that ...
3
votes
4answers
236 views

Is there an “approved” icon for jump/back five seconds? [closed]

In media players like vlc, we have the option of "jumping" forward and back by a few seconds, a feature I'v always loved. Which icon would you use to display this option, like the triangle for "play" ...
3
votes
3answers
437 views

Icons for clearing / canceling / deleting? [closed]

I have to design set of icons for 'clear search results', 'delete', 'close' and 'cancel' that due to specifics of the app might be sitting on the same toolbar side by side. Also the size is 16x16px ...
3
votes
2answers
196 views

What term or icon to use for marking an item for quick access later on? [closed]

If there is an item (web-link or document or image) that you use very frequently or find very useful, should you 'star' it (as in Gmail) or 'favorite' it? Are 'marking as starred', 'liking' and ...
3
votes
3answers
901 views

Icon position in side menu left or right

Is there any recommendation or best practice when positioning icons in side menu? Most of the side menus put the icon to the left and then the text. Any thoughts? Left or right?
3
votes
5answers
280 views

What's a good icon for a compilation process? [closed]

I'm building a tool that wraps around an automated compilation and testing process; the user selects one or multiple versions they want to test and instructs the software to either start the process ...
3
votes
2answers
353 views

When to use the folder-metaphor?

For a top-level navigation I am currently working on, I was wondering if it would be a good idea to use folder icons to communicate that an item in the list is actually a container (a folder) of ...
3
votes
2answers
165 views

How to deal with elements in a list forming a distracting vertical pattern

I'm using a list to display information. Each row needs to display two thumbnails, and a string. I noticed with this implementation that the layout of icons seems to resemble two columns. which may ...
3
votes
4answers
587 views

How should content of right slide menu be designed?

I have two options for displaying content in a right sided slide menu but am having a disagreement with my co-founder on which to use. Neither one of us is a designer but we're trying to figure this ...
3
votes
3answers
405 views

Small icon: incoming vs outgoing

Up to now we use the following ascii art to show the difference in our mail/ticket system: --> means "incoming" <-- means "outgoing" But some users complain, that it is not immediately clear ...
3
votes
4answers
236 views

Positive connotation Icon for number of errors

We have a game where we need to count number of errors as performance criteria. We are looking for a way to positively note the scores. One idea was to make an association to golfing by naming it ...
3
votes
2answers
633 views

Is a Spinner right for this UI?

On Android, I want to create a drop-down menu of buttons activated on touch on the right of the screen, with a 'close' button to return to original closed state. Is a Spinner the appropriate UI ...
3
votes
6answers
429 views

What is the optimal placement for the RSS icon? is there any?

I think for all websites it would be a MUST to ensure the RSS icon is displayed in the address bar! But there are tons of pages, who don't care and even hide the RSS icon somewhere on the site. What ...
3
votes
6answers
994 views

What icon for advanced options? [closed]

I am working on a public transit app for Android. Look at the screenshot - the button with a wrench icon opens advanced options. In advanced options you can set which transport mode to use (bus, tram, ...
3
votes
2answers
102 views

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

I'm going to create a new icon theme for Libreoffice (a word processing application that runs on Windows, Mac and Linux), but I still need to make some decisions regarding the style of the icons. The ...
3
votes
3answers
75 views

How to deal with multiple feedbacks from a single action

This one is a bit tricky: I have to give the user 2 actions for every object on my app: Add to list and Feature (that's the best translation I could come up with). The problem is: Add to list adds an ...
3
votes
2answers
195 views

Is it ok to have two buttons with similar functionality?

I am currently working on a system that involves removing sections of an application and rows in a table. Do you think it acceptable to have one remove button and one cancel button (x icon) which do ...
3
votes
1answer
133 views

What is the best way to convey to a user a reason for failure using an icon?

I have a scenario where the user needs to test a connection by clicking on a button. Once clicked, they will be provided one of the follow results: successful (check mark icon) and failed (red x icon) ...
3
votes
3answers
512 views

How best to describe ranking and prizes using icons?

I have a site with an online game, there is a ranking of players. For each game the player gets points which are summed up in their ranking. During the game I want to show how much the player won ...