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
3answers
948 views

Which accordion Identifiers work best?

which accordion identifiers make more sense? Plus and Minus OR up & down arrow chevrons I'd be very interested to see if anyone has any analytics or proofs on these concepts. As always, ...
8
votes
7answers
2k 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
1k 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 ...
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 ...
4
votes
5answers
351 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% ...
3
votes
8answers
850 views

Most appropriate icon for user responsibilities? [closed]

What is the most appropriate icon for user responsibilities/roles (a.k.a. 'charges')?
2
votes
4answers
1k views

Icon for ascending-descending sort [closed]

I'm trying to come up with two icons to represent ascending-descending sort order which would allow the user to sort the members ('bars') of a chart/visualization. The control will be a toggle ...
23
votes
7answers
2k views

red checkmark vs. a red “X”

I am currently designing a panel in my business application that shows a table of data to a user. The data in the table is the company's percentage (this is equated by many different values), whether ...
18
votes
3answers
6k 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. ...
10
votes
11answers
642 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
4k 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 ...
10
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 ...
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 ...
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 ...
4
votes
2answers
282 views

Symbol for additional content present in a passive display

I have a digital signage application in which a portion/row can show a max of 3 blocks of information at a time. The number of total blocks vary from 2 to 6, in which 90% will only contain 2 or 3. On ...
3
votes
2answers
2k views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
3
votes
3answers
2k views

Icon for unmasking passwords (open or closed to begin with)? [duplicate]

What is the convention for showing toggle icons to a user? This question is specific to password unmasking, but it can easily be used in "on / off" icons et al. In our situation, we have an unmask ...
3
votes
3answers
2k views

What is the origin / meaning of the icon used for “database”?

I've never really understood what this icon, that looks like an oil drum and is commonly used to refer to a database, is actually supposed to represent. What is it? As a matter of fact, I've ...
3
votes
1answer
615 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
2
votes
2answers
2k views

What are the best icons for cancel, delete and close? [closed]

What's best icon for cancel, delete and close? (i want define 1 icon per situation in my application) i found 1,2 is cancel action what's different between 1,2? / or \ is right? I have ...
1
vote
1answer
76 views

UI to “change user interface language”?

How would you provide an UI to change user interface language? Say we have an web app that supports 20 languages and has fully localized user interface for all those languages. How to represent the ...
1
vote
2answers
986 views

Is using a partialy shaded sandwich icon more effective the solid sandwich icons

After a sudden realization my mobile banking app that I had been using for 2 weeks had a side menu I started to think about how the sandwich icon is used to indicate a side menus existence. At ...
0
votes
1answer
478 views

Non-Archaic Symbol for “Save” [closed]

Scott Hanselman blogged about "14 icons that the younger generation hasn't seen to understand," like Save being a floppy disk. I did live through the floppy era, and I find that the symbol itself ...
0
votes
1answer
170 views

What's a good metaphor for code? [closed]

I'm playing with a user interface, with options like "preview", "view code", "drag and drop" and the such, and am creating icons for them. What would have the meaning of "code"? I was thinking ...