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
5answers
363 views

Communicating a three stage grade of alert

In our web application there's a view where we display the stress on a hardware component. This will be displayed with a percentage value in different colour codes combined with an icon where 100% ...
4
votes
1answer
380 views

Why does 'X' mean close? [duplicate]

It's well known that X symbol means close (and in some contexts dismiss or hide), but why/where was this symbol initially chosen? My only thought was that when you want to "cancel" information on ...
4
votes
1answer
599 views

Which icons are the easiest to read, solid or hollow?

With io7, Apple made a switch in the tabbars to icons that for the most part are line based. In other places, such as their app icons they are using mostly solid icons. That made me wonder if there is ...
4
votes
3answers
238 views

Using a generic logo to describe an entity when logo is not available

Context: Cinema ticket booking app. App displays cinemas and screenings for a specific movie in user area. Problem: Part of the design uses logo to identify a cinema. Not all cinemas have a logo. ...
4
votes
2answers
558 views

What is a good icon for “notifications” tab? [closed]

We're trying to fit a nice notifications tab icon for our app. However, we couldn't find a global icon to define notifications. Facebook uses a globe (we can't use that, as we use globe to "discover/...
4
votes
11answers
638 views

How to test icons with users?

In an web-app we have a bunch of command functions, each represented with an icon and a label. We've done usability testing of the UI as a whole, and taken note that a couple of icons are a bit ...
4
votes
2answers
388 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
4
votes
2answers
962 views

Positioning the Open/Close Caret

While most of the more recent examples I've seen around the Web seem to prefer placing an open/close carat icon before its corresponding menu/selection label, there seems to be no standard on whether ...
4
votes
4answers
746 views

User navigation icons or text based

I am working on a web based hosted CRM personal project which I will release to public ones it is done. My goal is to create a CRM with absolutely zero to none learning or training requirement. To do ...
4
votes
4answers
285 views

Icon/asset catalog for development

A friend of mine currently is going through process of face-lifting existing application and it's nightmare when it comes to icons for buttons. For example there are five different icons for "...
4
votes
4answers
203 views

How to indicate a user is a full member or just a regular member?

I'm looking for some nice ways to visualize whether a user is a full member or a regular member. Assume a Facebook-style website with full membership option. The profiles will be displayed as blocks ...
4
votes
3answers
297 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
120 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
475 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
514 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
208 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
595 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
202 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
299 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
132 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
613 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
224 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
290 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
164 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
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 currently-...
4
votes
2answers
891 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
51 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
3answers
61 views

Mark items far away from each other as grouped (connected)

I have a tree structure with items from different trees that I need to "group" (or really, mark as grouped). Like so: It is mandatory for the user to select a few of these items to carry on to the ...
3
votes
4answers
384 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
636 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
9k 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
425 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
869 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
113 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
219 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
471 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
506 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
172 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
246 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
446 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
4answers
887 views

Alternative method of displaying notification alert to user with awkward icons

Due to the awkward nature of my notification icon, I've been forced to settle with a red dot near the notifications icon, which seems less than ideal from a UX point of view particularly because it ...
3
votes
3answers
915 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
282 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 ...