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)

11
votes
1answer
1k views

Microsoft Visual Studio 11 - why would they use uppercase in UI?

Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization. In their ...
10
votes
5answers
661 views

Icon for “Remove All” getting confused with “Remove” - how to fix? [closed]

Our application has a button to Remove (removes selected item) and Remove All. Currently the icons are right next to each other and look similar; therefore users accidentally have been clicking ...
10
votes
11answers
595 views

Showing which direction a value should go towards

I have an interesting UI challenge. I have a ratio that I am showing in two ways: one using a percentage surrounded by a circumference pie chart, and the other showing a status bar. In some cases a ...
10
votes
5answers
1k views

What symbols should be used for YES and NO when the user can't read?

This is a non trivial problem, as demonstrated by this blog entry. There are problems with all the obvious options: Check and X : we're already using that as "correct" and "incorrect" Thumbs ...
10
votes
4answers
670 views

For a web-app, how to differentiate “cluster” marker icons from normal icons on a map?

We have a map with around a dozen different kinds of markers, and there are too many to display at once so we're using cluster icons to represent multiple markers that are close together. What ...
10
votes
6answers
658 views

Should map markers be called pins or markers?

For reasons I won't explain, I have to change the word 'issues' to something different in our UI. 'Issues' corresponds to the number of map markers on a user's map. Should 'issues' be changed to ...
10
votes
2answers
1k views

CRUD Operations icons vs. menu

What would you suggest the best practices for CRUD operations options. Consider the following design; Should i keep icons for each operation or create a drop down menu with all the options inside? ...
10
votes
1answer
646 views

What's a good alternative to flags for depicting internationalisation as an option?

Are flags a bad idea? In various comments on How to design a multi-language website?, several designers voiced their concern for the use of flags as a symbol to represent language switching on a ...
10
votes
5answers
706 views

Visualize a “reset” functionality in a toolbar icon [closed]

We have a 3D model viewer application. The user can scale, rotate and translate the model. We want to add a toolbar button that allows the user to bring the model back to the original position, scale ...
10
votes
1answer
121 views

Marking contact as primary?

Currently in the application that I am designing, we are displaying just a short amount of contact information, which means that if the contact has 4 different numbers (i.e. mobile,home,work,fax), ...
10
votes
4answers
651 views

Alternates to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
9
votes
6answers
1k views

Floppy disk icon for “Save” [closed]

It's funny that we still use floppy disks icon for save operation association while floppies have long been outdated, unused and many computer users nowadays don't even know how floppy disks actually ...
9
votes
4answers
491 views

Is it better to place text above or below icons?

This UX.SE question discusses the use of text above vs. below images & videos, and in general the answers say to put text below images. I'm thinking that it must be different with icons, since ...
9
votes
5answers
2k views

What is the best way to graphically display item's position in a ranking?

My app has a table containing a list of financial securities. One of the columns is the security's position in a list of all available securities ranked by performance. For example: security XYZ is ...
9
votes
7answers
1k views

Best Icon for minimize [closed]

I'm always struggling with choosing the correct icon for minimizing action. For ex: In accordions menu or on panels that can be minimized what would be the best icon : An arrow that rotates like ...
9
votes
8answers
465 views

Placing icons next to numbers - to the right or left?

In our system, we have many places where we show number values, and next to them we show an icon indicating whether the value is good/mediocre/bad. Before I joined the team, there was no guidelines, ...
9
votes
5answers
3k views

What symbol to use to represent feedback

When reading Which "Like" symbol is best to use I suddenly realised that the UX community may be able to help me solve a little problem: I'm working on a site which has just gone in to Beta and as ...
9
votes
4answers
717 views

What symbols can I use to represent different levels of probability? [closed]

I have an app where I need to show how likely an item is, e.g. "very likely", "quite likely", "not very likely". What kind of icons could I use to show this? I don't need any pre-made icons, I would ...
9
votes
6answers
937 views

Colliding icon meanings

In the interests of fitting in with design guidelines and not wanting to endlessly push icon pixels, I try and use Android's1 built-in icons as much as possible. Occasionally, that means combining ...
9
votes
1answer
2k views

Are the Metro UI icons poor for usability?

While looking at Metro UI styles I thought about one of the unique aspects of the icons. Their placement inside circles. E.g. I can imagine that this provides a target like effect, emphasising the ...
8
votes
5answers
1k views

Icons for Like/Dislike/Regular [closed]

Following the answers I got at this other question, where you guys showed me that 5 stars ratings are somewhat complicated for the users to chose an option from, I decided to implement a 3-options ...
8
votes
3answers
5k views

What are two good unicode characters I can use to represent “Likes” and “Dislikes”? [closed]

I'll be displaying YouTube Like/Dislike ratings for videos in a text-based format, so I'm using unicode's vast icon codepages as a way to display various things (such as star ratings, using U+2605 ...
8
votes
7answers
379 views

More Intuitive Search Icon - Maginfying Glass or Pair of Binoculars? [closed]

I'm busy redesigning our main application's UI and we're adding a search feature. In your experience, between an icon of a magnifying glass and a pair of binoculars which icon is more intuitive? I ...
8
votes
6answers
288 views

How to layout an icon, text and number within limited space?

If I have limited space, typically narrow enough that I cannot just spell things normally like "4 Strength" or "Strength 4", as this shrinks the font to nearly unreadable. How can I layout an icon, ...
8
votes
3answers
2k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
8
votes
7answers
1k views

Search Icon vs Search Input Box - Both Require One Click/Touch: Which to use?

I'm working on a mobile site of a rather large site. There are quite a few iA and navigation hurdles already, so I'm pushing to use a search icon instead of a traditional search input box. My ...
8
votes
5answers
742 views

Do icons need labels on mobile apps?

There have already been studies that prove labelling icons enhances usability on desktop applications. This is why Microsoft Outlook started labelling its icons. Does the same logic apply to ...
8
votes
3answers
293 views

How to differentiate icons for *client* from *server* IT services (mail, web, filesharing and so on)

I need to design a UI that includes widgets to control a server computer, and a client computer. This means I'll be doing similar pairs of icons for mail (mail program vs mail server), web (browser ...
8
votes
2answers
225 views

What design principles and/or guidelines we should use for vote-up/vote-down and counters?

Several times I have clicked the icons next to the counters totals (vote-up/vote-down) on YouTube while trying to vote up or like a video. What are the design guidelines and/or principles for placing ...
8
votes
3answers
406 views

App icons borderless or on a button?

In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
8
votes
1answer
463 views

Has the ☰ (three horizontal bars) menu icon received much adoption outside of the western world?

A lot of web sites use to indicate a button that will trigger a navigation menu. It has, for example, been included in Twitter bootstrap (which is used at over a million sites). It is also used to ...
7
votes
5answers
1k views

Why are icons on mobile phone menu screens square or rectangular but not circular?

If you take a look at the app page of any mobile OS, for example iOS, Android, Ubuntu, Win8, BADA, etc., they all have square icons, either with rounded corner or sharp corners (shown in the first ...
7
votes
3answers
2k views

Universal blog icon? [closed]

How do I tell users I'm referring them to a blog? This is within a mobile app. I realize it could be a Wordpress/Tumblr icon, but that's subject to the company's logo change and I was just wondering ...
7
votes
5answers
1k views

Recommended Icon for Dashboard [closed]

Can you recommend me about the icon for the dashboard, I have been looking at http://findicons.com/search/dashboard but get the icons like in the picture below. I feel it's more like clock instead ...
7
votes
7answers
788 views

How to indicate a form-field error?

I have two candidates for indicating that a form field is in an error state. Option 1 Option 2 Should the error icon be in the field, or next to the label? Or something else? Or does it not ...
7
votes
9answers
690 views

Do many spinners on a page look good?

Our engineers are making some changes to our RESTful service calls, so on one page we are making many calls to get different contents through different AJAX calls to fetch small amounts of data, ...
7
votes
5answers
1k views

Appropriate icon for “change” [closed]

I would like to change an icon symbolizing change with something more appropriate. Currently the icon is a star. After giving it some thought I realized that I didn't have a good concept of what ...
7
votes
5answers
283 views

“Locked” and “secure” icons in one interface

In case of a need to show both "locked" and "secure" icons on one element in an interface (let's say it is one of many tabs in an internet browser, where 'locked' and 'secure' refer to different ...
7
votes
3answers
819 views

Should a logo always be square? [closed]

I want to create a new logo for myself. Because I love typographic logos, I'll create such a logo. The most of the logos I see are square, but for a typographic logo it is sometimes hard to create a ...
7
votes
5answers
192 views

Where's the best place to put an icon in a checkmark / label question?

The checkmarks ask what food you want and the clock asks if you want it fast. Where is the best place for the icons to go in this example? The icon basically acts like another "yes/no" checkmark. ...
7
votes
2answers
7k views

List icon vs menu icon

As of Ice Cream Sandwich, the new standard icon for menus is three vertically aligned squares as such: Before that, the menu expansion was three horizontal lines like this, but without the ...
7
votes
7answers
1k 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 ...
7
votes
3answers
5k views

What's a good icon/paradigm for a “show/hide” toggle button image? [closed]

I need to give an option to show or hide certain detail. What's a good pair of icons for "show/hide"? Sorry, let me clarify. I am going to use it in a MS Office Ribbon style navbar at the top. The ...
7
votes
5answers
1k views

Is the hamburger icon a recognized navigation symbol? [duplicate]

Do you think the icon "☰" is enough for users to know that a menu is underneath? Medium.com doesn't even use an icon, it is linked from its logo on the top. Other websites just use the word "Menu" ...
7
votes
4answers
2k views

Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]

I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
7
votes
5answers
436 views

How to indicate AND and OR in a search form

I am designing a search form where the user has to indicate if the field is required or optional, this will affect the way the query is built. For example if the user marks the field as required, in ...
7
votes
6answers
929 views

What's the best “show navigation” icon for limited screen space

I read through the article and comments on "We need a standard show navigation icon for responsive web design" by Andy Clarke and it got me thinking about the subject and I'd like to hear your ...
7
votes
2answers
860 views

What is a good icon image for “Apply All/Remove All”? [closed]

I guess I'm not looking specifically for an icon, just an idea of what I could use for imagery. I'm having issues today (probably that double cappuccino) imagining what kind of image i could use for ...
6
votes
5answers
1k views

Can an icon depicting two arrows pointing in opposite direction be used as an indicator for “Follow me”

I am making an icon depicting "Follow me" can 2 arrows pointing to either sides be used as follow me or any other suggestions arrows in a circle??? chain link...?
6
votes
3answers
459 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons? ...