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)

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). ...
1
vote
2answers
140 views

Are glyphs of a tortoise and hare understood to indicate speed cross cultures?

In North America the Aesop fable about the tortoise and the Hare is well known, and glyphs of a tortoise (turtle) and hare (rabbit) are understood to represent varying speeds. Is this generally the ...
1
vote
1answer
144 views

Is there a standard when it comes to using the eye open, eye closed icons to show/hide something?

Typically speaking, whenever I use an icon for a link, I believe the icon should represent the actual action of clicking on that link. E.g. To edit a post, you'd typically use a pencil icon. ...
4
votes
1answer
195 views

Which icons are the easiest to read, solid or hollow?

With io7, Apple made a switch in the tabbars to icons that for the most part are line based. In other places, such as their app icons they are using mostly solid icons. That made me wonder if there is ...
1
vote
1answer
115 views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so ...
10
votes
5answers
807 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 ...
32
votes
10answers
3k views

Has user testing found that the “three horizontal bars” for main menu on mobile is commonly understood?

"Three horizontal lines" aka "hamburger icon" seems to be becoming a convention for the "main menu" button, especially on mobile sites: Has anyone done any user testing of this convention, or got ...
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 ...
4
votes
1answer
219 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
1
vote
0answers
110 views

An icon for an unassigned item? [closed]

I am working on a planning system for a logistics company and their sorting machine (loop sorter, a couple of hundred chutes, 20.000 items/hour) - and I need an icon to show that a given chute doesn't ...
3
votes
2answers
90 views

Changing a visual object as it is dragged

Imagine that you have an interface with two principal panes: a map and a timeline. We want to enable our user to be able to select a job displayed on the map (for instance, "repair washing machine at ...
1
vote
2answers
140 views

How can airplane safety information cards be improved? [closed]

Consider the current safety information card aboard the American Airlines Boeing MD-80. It's a large, trifold brochure with four full-color pages of pictograms and one page of dense, small text ...
4
votes
3answers
153 views

Search results - representing/showing parent/child records

I have a couple of questions which relates to how to best show parent/child records on search results. An example first: If you have digitised 300 individual pages of an illuminated manuscript, then ...
2
votes
2answers
215 views

What is the best symbol to use for currency?

I need a generic symbol to use for a currency icon. The US Dollar and the Euro symbol seem to be pretty equal competitors, but I know this can be a touchy concept and the selection of either could ...
3
votes
4answers
389 views

Where can I find an official set of iOS (specifically iPad) icons and stencil sets? [closed]

Android have an official set of icons, fonts, colours and stencils, that can be downloaded from their website. However, I have come to design for iPad and I can't find an official download. Do I need ...
3
votes
3answers
217 views

Signal Strength or Connection Speed icon [closed]

We have a stand alone application on our site that uses realtime video/audio. We are in the process of adding a connection speed icon but it seems we have some disagreements on the icon that should be ...
3
votes
3answers
454 views

Icon position in side menu left or right

Is there any recommendation or best practice when positioning icons in side menu? Most of the side menus put the icon to the left and then the text. Any thoughts? Left or right?
5
votes
6answers
317 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" ...
7
votes
8answers
361 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, ...
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 ...
0
votes
4answers
152 views

Ideas for a “Now” icon [closed]

Next to a date/time-picker field, what would a "Now" icon look like? I can't find any good ideas. The "Now" icon would be alongside a "Today" icon. When clicked, it would populate the field with the ...
4
votes
1answer
89 views

Photo galleries for profile photos

Has anyone seen or can anyone envision a good way to sort many (50+) photos which are profile photos of staff members? This is different from a traditional photo gallery because the emphasis isn't on ...
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. ...
3
votes
8answers
218 views

What is the best wording to describe an item that is selected to be more important?

I have a list of insurance quotes that are being displayed in a table. The users will be able to select which quotes are more important by clicking on a "star, flag, etc" which will allow them to ...
0
votes
2answers
128 views

How can I convey enabled vs. disabled status for a rule in a rule list?

I have a web application that upon user login will assign a role/permission based on various criteria from a corporate Active Directory. e.g. membership in a group, attributes in their user entry, ...
14
votes
5answers
642 views

Do shapes connote differing degrees of hazard?

I'm working on designing an icon set and experimenting with a few different styles. One style would involve every icon being the same color. However, color is really good at differentiating things ...
3
votes
3answers
246 views

How should content of right slide menu be designed?

I have two options for displaying content in a right sided slide menu but am having a disagreement with my co-founder on which to use. Neither one of us is a designer but we're trying to figure this ...
3
votes
3answers
275 views

Represent mandatory/recommended/optional relationships between items

I've got a tree structure where the relationship between the parent and the child can be marked as either mandatory, recommended, or optional. This structure can be up to 3 levels deep. For example: ...
0
votes
2answers
166 views

Should a “hand” icon for a “high five” action be a right hand or left hand? [closed]

One feature of the product I am working on is "high five"ing content. The icon for this action is a hand. Should the hand icon be of a right or left hand? With the thumb on the right or left?
1
vote
6answers
315 views

Usage of an arrow to symbolize ordering: is this a universal symbol? Should something else be used?

When displaying tabular data, is the usage of an arrow, an universal symbol? (To symbolize if we're ordering in ascendant or descending order.) I'm trying to figure out, if my developer tool, should ...
3
votes
1answer
86 views

Should icons in a toolbar reference an action or the object?

When deciding on which icon to use in a toolbar is it better for an icon to reference the action or the object? Example: Action = Export data to excel. The object in this case is Excel (destination ...
0
votes
1answer
79 views

Can the information ( i ) icon be used to define a field name?

What's the best UX when it comes to using the 'i' (information) icon when defining a field name? Currently I have the field name defined above the field; before and after the the input field itself, ...
2
votes
2answers
77 views

Clarifying unfamiliar tools in a toolbox

If you use Adobe Photoshop to edit your images, there's this toolbox, from which you can select the tool you want to use. I'm designing a similar program than manipulates blueprints instead of ...
2
votes
2answers
154 views

Using icons as checkboxes?

How unusable is it to use icons as checkboxes? It's a cool concept when it is implemented, however I am worried that it is not obvious that the icon is clickable. What are people's opinions about a) ...
0
votes
3answers
206 views

Are there any commonly used icons that don't internationalize well? [closed]

I am a UX designer for a software company, and our product has been translated for the following: French German Italian Spanish Romanian Japanese Chinese Are there any icons that are commonly used ...
2
votes
4answers
246 views

“This is Old” state icon [closed]

There are entities that have a state. The states until now are: New (plus) Valid (check) Canceled (X) And now I'm trying to introduce the "this is Old" state. How can I easily tell this to the ...
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 ...
5
votes
3answers
362 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 ...
11
votes
4answers
981 views

Are 3D icons better than 2D?

I've seen an increase of 3D icons in the recent past. I am not convinced they are better. Instead they may actually be worse because space is taken up by the projection. Is there any evidence as to ...
6
votes
3answers
550 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 ...
1
vote
1answer
67 views

Is there any good idiom for 'real time' or 'live' data? [duplicate]

The floppy disk is a good idiom for 'save', is there any good one for 'real time' or 'live' data? I haven't found much on the interweb: 'fast text', this is meant for IM A LOT of clocks in ...
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. ...
2
votes
1answer
493 views

What's an in between for a big red X and a big green check mark? [closed]

I'm trying to find ideas for a good, iconic, or not so iconic but still works, in between of a big red X and a green check mark. The context is in a feedback popup to a short 3 - 5 question quiz that ...
39
votes
7answers
2k views

How should you show that an accordion is expanded?

When you have an accordion, you need some way of showing the current state is expanded. There are a number of different ways of handling this, and each is used by a number of respected websites and ...
10
votes
1answer
113 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), ...
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 ...
2
votes
5answers
250 views

What is a sheet of UX elements called?

The Microsoft Ribbon is a like a tabbed "sheet" of UX icons. It's basically an iconified, horizontal version of an always-open menu. Is there a general name for a group of UX buttons or icons, that ...
-2
votes
1answer
154 views

Appropriate Icon for a Subscribe or Subscription [closed]

What would be an appropriate Icon that could be used for Subscribe or Subscription. A subscription meaning; where a customer must pay a subscription price to have access to the product/service.
0
votes
2answers
63 views

How should I denote that one price has been replaced with different one?

I'm working on some retail software, for trade use. It lists a catalogue of items and the prices that the retailer should be selling them for. Occasionally, however, the retail price in the system ...
5
votes
3answers
114 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 ...