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)

8
votes
3answers
508 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
2answers
414 views

Do users like icons on an input field?

Icons on input field Input field without icons Do icons really matter on an input field? Do they encourage users signing up?
7
votes
5answers
2k 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
9answers
880 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
2k 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
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
1k 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
1answer
396 views

How to make perfectly clear that a user can interact with an avatar image?

I'am developing an Android Application for tablet sized devices. The goal of the application is to create an infographic resume. Therefore the user has to deal with some form-like views to achieve a ...
7
votes
5answers
351 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
1k 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
256 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
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
6k 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
361 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 ...
7
votes
5answers
2k 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
6answers
1k 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
1k 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 ...
7
votes
5answers
3k 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
5answers
2k 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
4answers
597 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
751 views

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

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 ...
6
votes
4answers
212 views

How do I display two notifications types on same icon?

What is the best way to display two notification statuses on one icon. Business has requested need to view escalated items as well as new items on first glance. I would like to know is if its proper ...
6
votes
2answers
388 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
355 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
390 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
3answers
688 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.
6
votes
2answers
223 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
3answers
135 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 ...
6
votes
2answers
326 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
2answers
3k 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
2answers
457 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
4answers
432 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
3answers
1k 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
4answers
392 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 ...
6
votes
10answers
473 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
6
votes
5answers
772 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 ...
6
votes
3answers
868 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
3answers
76 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
4answers
730 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
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, ...
5
votes
8answers
787 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
643 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
356 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 ...
5
votes
4answers
212 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
5answers
769 views

Should icons be used to represent “name” and “surname” in a form?

Maybe I'm wrong, but it seems to me that the use of icons inside form fields is becoming very popular, especially in signup and login forms: Now, for email and password fields, I can see that the ...
5
votes
11answers
960 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
671 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 ...
5
votes
8answers
842 views

What Is the Best Approach To Minimalist Buttons (Icons)?

My web app, like most, is trying to utilize as much space as possible by trying to use an icon as a button to perform specific tasks. I have quite a few that would make for a pretty obscure button, ...