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)

4
votes
3answers
193 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 ...
3
votes
8answers
288 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 ...
2
votes
2answers
270 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
3answers
316 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 ...
9
votes
8answers
466 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, ...
5
votes
6answers
382 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" ...
3
votes
3answers
646 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
4answers
175 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 ...
6
votes
2answers
160 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
233 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
114 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
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. ...
4
votes
8answers
752 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, ...
0
votes
2answers
166 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, ...
6
votes
2answers
287 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 ...
14
votes
5answers
1k 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
555 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
179 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?
12
votes
5answers
7k 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 ...
1
vote
6answers
501 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 ...
4
votes
2answers
635 views

Votes (star rating) usage - stars or smiles?

I need to make a voting field for my feedback form. I make an assumption then when you use stars images user easily will use lower ratings, and when you use smiles(faces) with :) for good vote(5) and ...
3
votes
1answer
90 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 ...
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 ...
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 ...
0
votes
1answer
87 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, ...
12
votes
6answers
1k views

full-color icons vs. greyed-out icons in menus

Icons in menus are often full-color. Even though the page an icon/menu item controls is not active, the icon still appears in its normal hues. To distinguish the icon which is active, a designer will ...
2
votes
2answers
95 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 ...
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 ...
3
votes
4answers
222 views

Positive connotation Icon for number of errors

We have a game where we need to count number of errors as performance criteria. We are looking for a way to positively note the scores. One idea was to make an association to golfing by naming it ...
2
votes
2answers
183 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) ...
1
vote
3answers
301 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 ...
-1
votes
5answers
486 views

Which icon in a native iPhone app's footer menu bar resembles 'sign-in'? [closed]

I'm looking for an icon that will live in an iPhone's footer menu bar that resembled 'sign-in'.
1
vote
3answers
465 views

What are best icons to identify/distinguish TCP and UDP connections [closed]

I have a desktop application that serves as a smart, software-based router. Each of multiple nodes in the GUI can be either a UDP or TCP connection. We have the following status icons for the node: ...
15
votes
5answers
1k views

Show/Hide Password Icon - Eye/ Closed Eye? Is the “Eye” icon offensive to any cultures?

I am on a project where we are implementing show/hide password functionality, and after significant research I discovered the 'Open Eye'/ 'Closed Eye' to be fairly standard. Once this was implemented ...
2
votes
4answers
260 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 ...
32
votes
4answers
2k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
6
votes
3answers
744 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 ...
23
votes
7answers
2k views

What is the reasoning behind grayscale icons?

Quite a few web applications have started utilizing gray(black) scale icons, for example Github,new Google Analytics, etc. Even applications like Firefox 4, Chrome, IE9, iTunes, Mac OS, have dropped ...
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
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 ...
5
votes
3answers
622 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 ...
0
votes
3answers
274 views

Icon for “title” and “subtitle” [closed]

I am creating a template for TV programme details. For each programme, I have a title and a subtitle. Instead of writing "Title" and "Subtitle" in full, I was thinking of using an icon. What icon ...
2
votes
4answers
337 views

Is there a reason to use this icon with a confirmation message?

This is the message Sharepoint 2010 gives as a confirmation message for requesting access to a particular site you do not have access to. I am quite confused by the icon - to me this looks like a ...
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 ...
6
votes
5answers
2k 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 + ...
3
votes
1answer
962 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 ...
1
vote
1answer
78 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 ...
16
votes
7answers
3k views

The psychology of everyday shapes

We know a lot about colours and how they affect people, but what do we know about shapes? When choosing icons or logos, how do the shapes in them affect their perception? Does anyone know of any ...
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 ...
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), ...