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)

2
votes
1answer
78 views

Creating an avatar that shows the accuracy/recency of the data to show map position where there are multiple user avatars

So the problem is a follows, I would like to show user's location overlaid on a map, but the geo data for each user is only pulled from the server every 5 minutes or so, thus there is a decrease in ...
0
votes
1answer
39 views

Showing New, Old and “Not Yet Emailed” in a table column through symbols/colours

We have table data displayed to clients where each record can be in one of three states: Not yet emailed Emailed in the last two weeks Previously emailed It's a dashboard system that gathers ...
1
vote
3answers
165 views

Icon design for “I´m going” and “I´m interested” buttons

I am developing an Android application to display a list of upcoming events nearby. When click on a list item, the application display some event info, and also two buttons: The first button ...
1
vote
2answers
146 views

Why do some games represent experience level with stars?

In some games, stars are used to represent a player's experience level. Does anyone know the origin of why people do this? I guess it might be because it represents reaching another milestone but I ...
3
votes
1answer
212 views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
1
vote
3answers
125 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 ...
2
votes
5answers
265 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...
2
votes
1answer
201 views

Why are those Sign-in/sign-out icon a convention?

I've been recently implementing a custom icon-font & I decided to use those icons for Sign-in/sign-out: My only real reason being that choice is that it seems to be a convention in all major ...
0
votes
3answers
932 views

iOS UIBarButtonItems for navigation and sharing

I am creating app and I need in detail page for item add some bar image buttons to rightBarButtonItems of navigation bar. I know that there are several predefined styles but I am not sure which images ...
1
vote
0answers
61 views

Icon that inverts the background [closed]

I am a Java swing programmer. I need to know if there can be an icon that shows the inversion of its background. The question might be ridiculous, but I don't want to shut myself up. Just want to know ...
2
votes
0answers
28 views

Should toggling icon indicate current status or new status? [duplicate]

I'm working on a data-mgmnt app and came across this deeply philosophical question: I have an icon to represent if a record is locked or not. And if the record is not locked, it can be locked by ...
7
votes
3answers
723 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 ...
0
votes
1answer
83 views

Best practice for indicating a live connection

I'm working on a project where we, amongst other views, have a grid displaying a list of units around the world and their last given status. Each unit can also have a live connection between itself, a ...
1
vote
2answers
137 views

How obvious does an icon need to be for young readers to click to “read more”?

I have a photoblog that I am building, the prototype is on CodePen. The focus in photos, but I also wanted to include a brief set of details. But I wanted this to be unobtrusive for power users that ...
3
votes
3answers
1k views

Are <,> or “Previous,Next” buttons better for form navigation in iOS 7?

Before iOS 7 form navigation in iOS 6 Safari was handled by a "Previous,Next" segmented control just above the keyboard. But with iOS 7 they are replaced with arrows "<,>". However in the iOS ...
1
vote
2answers
373 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 ...
5
votes
5answers
195 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 ...
0
votes
1answer
131 views

How to determine UI graphic style? [closed]

I'm trying to determine what graphics styles and design features are being used on some recent websites. I am not a UI developer but work with many front ends and I'm not sure how to describe certain ...
6
votes
3answers
234 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 ...
12
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 ...
0
votes
1answer
45 views

How can I show a traffic device modes? [closed]

I'm developing a software and need to show my device (a signal light controller) modes. The device may be in smart mode (automatically controlling signals based on sensors data and advanced ...
8
votes
6answers
268 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, ...
2
votes
4answers
228 views

Alternative method of displaying notification alert to user with awkward icons

Due to the awkward nature of my notification icon, I've been forced to settle with a red dot near the notifications icon, which seems less than ideal from a UX point of view particularly because it ...
1
vote
2answers
170 views

Approach for designing iOS themed icons representing ranks

I am creating an educational web app for a desktop browser that looks similar to an iPhone app using the default web stack composed of HTML5, CSS3, and JavaScript. I am wondering if it would be more ...
10
votes
5answers
595 views

Icon for “Remove All” getting confused with “Remove” - how to fix? [closed]

Our application has a button to Remove (removes selected item) and Remove All. Currently the icons are right next to each other and look similar; therefore users accidentally have been clicking ...
0
votes
1answer
108 views

“Other/Miscellaneous” Icon Metaphor

We're designing an interface for task managament app for tablet and mobile app and there are two main category with "Waiting Tasks" and "Other Tasks". I once used three dot (...) icon metaphor for ...
2
votes
3answers
156 views

What are your thoughts on using iconography to represent complex ideas?

I think we're all aware that iconography is most effective when communicating simple/established/conventional ideas that can be understood without any words at all - like search, print, share, etc. ...
3
votes
1answer
68 views

What is the best way to convey to a user a reason for failure using an icon?

I have a scenario where the user needs to test a connection by clicking on a button. Once clicked, they will be provided one of the follow results: successful (check mark icon) and failed (red x icon) ...
0
votes
3answers
111 views

What icon or symbol for endorse/ promote/ support? [closed]

Hi I'm working on an app that involves talents showing off their skills and what not, and users can endorse/ support them to get a chance to win a grand prize. My problem is with using a heart icon, ...
1
vote
1answer
76 views

What's a good icon for “wrong order”? [closed]

I need to show a feedback icon when someone selects the right item but in the wrong order. here's my best so far: Update: Part of the complication is that I dont want to have 3 or 4 icons for ...
1
vote
2answers
327 views

Logical Operator Icons

I'm building a WPF UI for configuring some complex business rules; each rule can have many conditions, so I figured I would include a drop-down list of logical operators so that the user could have ...
1
vote
2answers
138 views

What are good idle vs non-idle (busy) state icons [closed]

I'm not really sure what an intuitive idle state and non-idle state icon could be. I was thinking an hour glass would be great for non-idle (busy) state. Does anyone have any good suggestions or ...
4
votes
2answers
272 views

Positioning the Open/Close Caret

While most of the more recent examples I've seen around the Web seem to prefer placing an open/close carat icon before its corresponding menu/selection label, there seems to be no standard on whether ...
3
votes
4answers
155 views

User interactions with file systems

I was in a meeting the other day discussing file formats with my colleagues. I was not happy with the outcome. Long story short, the key point made was that you cannot trust a user to keep the file ...
2
votes
1answer
148 views

Status Icon - One versus many

At what point is it appropriate to use a single icon space to represent the current state of something, and when is it appropriate to use several icon spaces (one for each possible status) with the ...
1
vote
0answers
58 views

Valid Icon for a “Go To Line” suggestions [closed]

I guess this is a bit of a tricky one for me, im sure there is a completely obvious answer however im at a loss. I am creating a spreadsheet with a control panel at the bottom. So far it has the ...
7
votes
3answers
4k 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). ...
2
votes
2answers
151 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
162 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
241 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 ...
2
votes
1answer
140 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
860 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 ...
35
votes
10answers
4k 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
265 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
243 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
128 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
93 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
154 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
162 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
239 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 ...