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)

6
votes
4answers
251 views

How can I avoid placing a legend on top of the table to tell the user what each icon means?

You can see an example here: As you can see, I am stuck with having to tell the user what each icon means. I also mention what a functionality does, such as "Click on a feature to filter out ...
6
votes
5answers
1k views

Best way to display plus/minus or pros/cons short sentences

I have information in short sentences (bullet list) and each bullet could be pros/cons or plus/minus toward a product. What is the best way to display it nicely? For example: + Price is cheap + ...
6
votes
2answers
266 views

What menu strip items and other controls deserve their own icon?

I'm creating an application which has buttons and menu strips everywhere. I have icons for nearly object (from icons to menu strips). The problem is, I want my application to be professional and ...
6
votes
3answers
623 views

On log in form, what should a password unmask button look like and say?

On the log in form, I want to give users the option to unmask the password field so they can see what they type. The phrase "unmask password" is too technical and its purpose may not be apparent to ...
6
votes
3answers
65 views

How do I mark a package download if the individual items (within the package) are listed beside it?

We are having a dilemma and I thought to ask the experts. We offer video, xml and package (< video plus XML) downloads. If the user downloads the video, a green marker appears showing that it has ...
6
votes
3answers
234 views

Is a check mark a good way to indicate something that's approved?

In building software in which we compare products with environment requirements, we've had an internal debate on how to best show approved/disapproved in black/white print. I've been under the ...
6
votes
4answers
626 views

Archive of iOS / android app icons?

In creating an iOS app icons, it'd be great to see if I'm getting too close to anything that is already out there... but is there any good way to check? I haven't come across any archives out there ...
5
votes
8answers
696 views

Is using a house-shaped home icon deprecated? (for mobile)

I'm working on a mobile site and am wondering if a small icon in the shape of a house is sufficient to function as a "back to home" style link. This feels very "web 1995" but I still see it today and ...
5
votes
3answers
486 views

Battery - what percentage range to use for each color?

I need to display battery with 3 colors: green, orange (or yellow?) and red. This device's battery (like iPad, iPhone etc..) with a battery life of up to two days. What percentage range to use for ...
5
votes
4answers
163 views

Rearranging icons by most recently used

I am looking for some studies that examine how users perceive controls (e.g. navigational icons) that are rearranged based on most recently used. Also it would be interesting to see how rearranging ...
5
votes
3answers
474 views

Use UAC Shield icon to indicate (non-Windows) elevation will be required?

i am working on financial software where there are many times where a "supervisor" is required to authorize that the user can continue, e.g.: user wants to void a funds transfer user has a variance ...
5
votes
3answers
967 views

Icons for username and password [closed]

I have login page with two input boxes, one for username and one for password. On the left of these input boxes, I want to put descriptive icons. I think the profile of a bust, and a key, would be ...
5
votes
11answers
619 views

How to indicate the word “interesting” with an icon? [closed]

In the project I am currently working on everything is based around the essence of "interests". One of the most important and bold UI elements in this project, is a button that when pressed gives us ...
5
votes
3answers
425 views

Good icon for “suggestion” [closed]

I have a feature which, given the information entered so far, suggests a more complete version of what the user is entering. I'm thinking that when I have something I can suggest, I will show an icon ...
5
votes
7answers
397 views

What's an appropriate icon to represent an organisation? [closed]

Ok, so I need to use an icon to represent organisations in an otherwise boring list. What comes to my mind directly is either using something financially related, such as a small stack of coins, or ...
5
votes
4answers
325 views

Finding a set of stock icons that match existing icons [closed]

We have a web application with a dozen or so icons for various functions. The icons were provided by a web design company during a redesign of the site two years ago. The company no longer exists. We ...
5
votes
7answers
974 views

What icon could be used to mean 'notifications'? [closed]

As part of a web-based application, we have a toolbar at the top of the page. The toolbar contains buttons that consist of small (30x30) icons with a single word underneath (for example, a search ...
5
votes
2answers
364 views

I want to let the user toggle a column heading to sort a grid by a date field. How can I make ASC/DSC intuitive?

I want to let the user toggle a column heading to sort a grid by a date field. How can I make the ascending/descending dichotomy intuitive? EDIT: I was looking for date-column specific solutions.
5
votes
3answers
432 views

Is it good UX that in Windows 7 & 8 the “windows” of the same application are automatically grouped into one button?

In Windows 7 and 8, all the windows of every application are by default automatically grouped into one icon on the taskbar. This happens even when there are two instances of the application running ...
5
votes
4answers
256 views

Should application name relate to application icon?

Should my application name relate to app icon? For example if I want to name my application apple should the icon be an apple icon?
5
votes
6answers
353 views

Red (and green) indicator icons on a dark blue background

We have a webapp with a dark blue background (this is a branding decision, and we don't want to revisit it... yet). We want to indicate positive/negative change with the traditional "stock ticker" ...
5
votes
3answers
117 views

How would you distinguish “Sets” from “Folders” in a collection of tiles?

I'm displaying both Sets (which contain Cards) and Folders (which contain Sets) on the same page. Ideally they'll both be tiles. I'm not sure how to make it easy for the user to tell the difference ...
5
votes
2answers
527 views

Hover over icon

Along the lines of visual clues when hovering over a hyperlink, doesn't the same apply to icons? I ask this question since I noticed none of the SE sites I know of have this behavior when hovering ...
5
votes
4answers
696 views

Is there any value in using “irrelevant” icons

I'm currently wireframing/"UXing" and doing the front-end dev work on the rebuild of a reasonably big intranet app with lots of data in various sections. To make things easier for the users to pick ...
5
votes
2answers
191 views

Icons and colors on menus

I wonder when (if at all) it is appropriate to use icons next to menu entries (drop down menus, right click contextual menus etc). I have noticed that pretty much all of the menus I have seen only ...
5
votes
3answers
628 views

How to Find the Best Icon to Represent a Concept?

I am developing a visual programming language, and after reading this paper it looks as if icons are a very good solution to improve the language and increase understanding. But since I am a ...
5
votes
4answers
268 views

When are shadowless icons preferred over shadowed icons?

My question is when, if ever, a shadowless version of an icon is preferred over the shadowed version. By shadowed I mean the tiny, almost imperceptible little black gaussian blur below the icon. I ...
5
votes
3answers
2k views

What is the correct usage for toggling triangle icons (down/up) on a click-to-reveal link?

I'm working on a UI where users can toggle a button to show or hide a div. On the 1st click, the div appears below the button with a slide-down effect. On 2nd click, the div slides up to hide. ...
5
votes
2answers
79 views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
5
votes
5answers
192 views

Triple-state toggle: 'turn on', turn off', 'auto turn on and off'

Currently I'm working on some software settings screen, and there are a number of features, that could be turned on and off manually, but also kept in kind of 'wait mode'. If a feature is in 'wait ...
5
votes
3answers
649 views

“Send by text/SMS” - is there a standard icon?

"SMS" has proven to confuse some younger users in usertesting. The envelope icon is reserved for email. Is there an established or emerging standard that says "send this by text message"?
5
votes
4answers
257 views

Handling inactive notifications icons

With our app, there's currently a list of notification icons in the left side of the page. This are to alert you to events or things to do (e.g. you haven't contacted customer x for 30 days, you have ...
4
votes
5answers
691 views

Most intuitive icon to represent “me” or “myself” [closed]

For example, in a shopping cart, I may buy this purchase for myself ("me" / "myself" icon), as opposed to gifting it to someone else (box with bow-tie icon). What is the ideal icon to represent ME?
4
votes
4answers
460 views

How would you represent “easy”?

I'm working on an app that requires someone to rate the how they did at recalling an item (to which they are shown the correct answer before they rate the item). The three options are: wrong, right, ...
4
votes
3answers
830 views

An icon to represent all icons [closed]

I would like to know if there is a universal approved Icon to represent all Icons. I have a folder that contains all of my custom designed icons. I would like to design and create a custom Icon, to ...
4
votes
6answers
533 views

Icon to “Reset camera view” [closed]

Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
4
votes
3answers
383 views

would you find it confusing if a megaphone icon was used to represent a phone call? [closed]

Bit of an odd question, and I can't go into all the circumstances why I'm asking this, but anyway: would you find it confusing if a megaphone icon was used instead of a cellphone or telephone icon to ...
4
votes
4answers
291 views

Would you consider this a button? [closed]

I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation). The first ...
4
votes
4answers
336 views

Generation dependent icon set?

When I started my computing carrer in the 1980s the tool we used were very different from those used today. At first there was no possability to even save ones work. You had to write down your code on ...
4
votes
6answers
509 views

Good metaphor for time estimation vs. spent time

Representing time generally is easy with a clock, an hourglass etc. But how would you differentiate between a time estimation and the actual time spent on a task? Do you know of any example where ...
4
votes
3answers
247 views

Can icons improve readability on a navigation?

Our app has many tools and we have a navigation of about 10 tabs. Tabs can be re-arranged and this forces the user to find them by reading the label. Would icons make it more usable?
4
votes
5answers
251 views

Iconography for Beginning and End points? [closed]

I'd like to create icons for the endpoints of a process, but I'm not sure what to use. Going with "A" and "B" comes to mind as that's a familiar reference (e.g. "the shortest distance from A to B") ...
4
votes
4answers
207 views

appropriate international icon for “deals” [closed]

We (like so many other startups) are developing an iPhone app that contains a "local deals" tab. (Discounts on meals at restaurants, etc.) I am trying to figure out what would be the best icon to use ...
4
votes
2answers
313 views

What should be ideal date on calendar icon?

I am designing a calendar icon for an app, I am putting a random date right now on it, what should be ideal date that I should put. Is there any usability research done on the same? I know the best ...
4
votes
5answers
309 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
3answers
532 views

Best icon to represent transparency? [closed]

What would be the best image/icon to represent transparency? It should be as compact as possible and fit in a 13x11 area. I see that I should add more information. I need this image/icon to be ...
4
votes
1answer
240 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
2answers
556 views

Votes (star rating) usage - stars or smiles?

I need to make a voting field for my feedback form. I make an assumption then when you use stars images user easily will use lower ratings, and when you use smiles(faces) with :) for good vote(5) and ...
4
votes
4answers
555 views

An icon indicating something has changed or been edited? [closed]

Any suggestions besides the obvious pencil or highlighting with colours? I am stumped, this was trickier than I thought. It is for a search function/filter if that helps but a universal symbol would ...
4
votes
2answers
270 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 ...