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
2answers
287 views

Is there a widely-understood visual metaphor for privacy?

On our profile page, we're giving users choices among three privacy settings for each field. The checkbox choices will not appear until a user highlights a particular field, but we do want to convey ...
6
votes
4answers
334 views

How do I communicate the absence of settings?

A table in our web application contains items where one column specifies whether the item has a policy bound to it or not. This column can display three different states: Has policy : ACTIVE Has ...
6
votes
2answers
333 views

When is the appropriate time to use the “i” icon in an app?

I am currently debating if: The "i" icon should only be used when the target page\view only displays additional information. (help text, credits, about, terms & conditions, etc.) The "i" icon ...
6
votes
2answers
159 views

Why would a battery indicator display a battery with open perimeter?

Here's how a Nikon D80 camera battery indicator can look like (depending on charge state) You see, it's a usually looking "battery cylinder" symbol, but the "cylinder" perimeter is open - the lower ...
6
votes
2answers
290 views

Where can I find guidelines on when to use the red octagon with exclamation mark icon in Mac OS?

This icon is shown under Mac OS when a disk is unmounted without being ejected first. It is sometimes also used by other applications. Can someone point me to a place where the acceptable uses for ...
6
votes
3answers
149 views

How do I indicate that a subset of icons aren't clickable?

I have a row of icons with labels. The first three are clickable and are in fact nav elements for the content area. The last icon isn't clickable... how do I make the lack of clicking affordance ...
6
votes
2answers
2k views

How should I mark “Mandatory” and “Optional” fields in a form?

I'm making a web app and in the admin panel there is in one place a list of items where (among other things) the administrator can select which items will be mandatory for the users, and which will be ...
6
votes
4answers
279 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
2k 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
306 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
737 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
66 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
297 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
648 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
709 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
613 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
3answers
500 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
4answers
175 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
1k 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
672 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
468 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
418 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
329 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
2answers
422 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
2answers
309 views

What are the universally understood symbols for “remote computer” or “server” or “the internet”? [on hold]

I've recently came across an idea that mobile device icons are growing into a pictographic language of their own. For example the floppy drive can be considered a universally understood symbol for ...
5
votes
3answers
450 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
258 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
381 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
121 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
544 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
781 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
448 views

Icon based buttons or Color based buttons which is more UI attractive and Friendly

I am seeing websites increasingly switching to color based buttons and interaction elements rather than icon based is this a trend or do they have reasons behind the switch? For example see the ...
5
votes
2answers
202 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
674 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
275 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
3k 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
261 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
275 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
785 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
282 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
2answers
2k views

Does Computer mean Desktop and Laptops?

I'm creating a step-by-step chart which specifies to users that we suggest them to be on a desktop (or laptop) to properly use our system. It's a web browser system, and it uses extensive text input, ...
4
votes
5answers
726 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
467 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
873 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
4answers
297 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
6answers
591 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
434 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
339 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
537 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
267 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?