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)

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
4answers
2k views

Why is everything becoming flatter? [duplicate]

Things in the design world seem to be getting flatter! I can produce infinite examples; iOS7, Windows 8 (and everything else in Windows 8), Pepsi, the Dropbox logo, even things outside the computer ...
9
votes
4answers
527 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 ...
9
votes
4answers
675 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
2answers
859 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? ...
9
votes
6answers
793 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
4k 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
320 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
256 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
5answers
2k 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 ...
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
455 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 ...
8
votes
5answers
620 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
269 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
195 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
349 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 ...
7
votes
5answers
926 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
8answers
362 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, ...
7
votes
7answers
606 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
5answers
973 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
3k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
7
votes
9answers
590 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
249 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
618 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
172 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
3answers
4k 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
3answers
3k views

The Hamburger Icon - menu or drag affordance?

There seems to be a difference in meaning for this icon emerging: For some it means 'menu', for others it represents 'draggable item' (in preference to the small dots used in GMail for instance). ...
7
votes
4answers
1k 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
6answers
768 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
5answers
402 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
2answers
749 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
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 ...
6
votes
3answers
1k 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. ...
6
votes
3answers
434 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? ...
6
votes
2answers
241 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
324 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
306 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
136 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
5k 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 ...
6
votes
2answers
253 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
5answers
197 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" ...
6
votes
4answers
240 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
959 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
250 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
552 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
63 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
197 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 ...