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)

5
votes
2answers
777 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 ...
5
votes
4answers
922 views

An icon indicating something has changed or been edited? [closed]

Any suggestions besides the obvious pencil or highlighting with colours? I am stumped, this was trickier than I thought. It is for a search function/filter if that helps but a universal symbol would ...
5
votes
4answers
261 views

Should application name relate to application icon?

Should my application name relate to app icon? For example if I want to name my application apple should the icon be an apple icon?
5
votes
6answers
527 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" ...
5
votes
2answers
573 views

Hover over icon

Along the lines of visual clues when hovering over a hyperlink, doesn't the same apply to icons? I ask this question since I noticed none of the SE sites I know of have this behavior when hovering ...
5
votes
1answer
2k 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 ...
5
votes
4answers
1k views

Is there any value in using “irrelevant” icons

I'm currently wireframing/"UXing" and doing the front-end dev work on the rebuild of a reasonably big intranet app with lots of data in various sections. To make things easier for the users to pick ...
5
votes
2answers
534 views

Icon based buttons or Color based buttons which is more UI attractive and Friendly

I am seeing websites increasingly switching to color based buttons and interaction elements rather than icon based is this a trend or do they have reasons behind the switch? For example see the ...
5
votes
2answers
224 views

Icons and colors on menus

I wonder when (if at all) it is appropriate to use icons next to menu entries (drop down menus, right click contextual menus etc). I have noticed that pretty much all of the menus I have seen only ...
5
votes
3answers
923 views

How to Find the Best Icon to Represent a Concept?

I am developing a visual programming language, and after reading this paper it looks as if icons are a very good solution to improve the language and increase understanding. But since I am a ...
5
votes
3answers
6k views

What is the correct usage for toggling triangle icons (down/up) on a click-to-reveal link?

I'm working on a UI where users can toggle a button to show or hide a div. On the 1st click, the div appears below the button with a slide-down effect. On 2nd click, the div slides up to hide. ...
5
votes
4answers
289 views

When are shadowless icons preferred over shadowed icons?

My question is when, if ever, a shadowless version of an icon is preferred over the shadowed version. By shadowed I mean the tiny, almost imperceptible little black gaussian blur below the icon. I ...
5
votes
2answers
830 views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
5
votes
3answers
1k views

“Send by text/SMS” - is there a standard icon?

"SMS" has proven to confuse some younger users in usertesting. The envelope icon is reserved for email. Is there an established or emerging standard that says "send this by text message"?
4
votes
5answers
846 views

Most intuitive icon to represent “me” or “myself” [closed]

For example, in a shopping cart, I may buy this purchase for myself ("me" / "myself" icon), as opposed to gifting it to someone else (box with bow-tie icon). What is the ideal icon to represent ME?
4
votes
4answers
508 views

How would you represent “easy”?

I'm working on an app that requires someone to rate the how they did at recalling an item (to which they are shown the correct answer before they rate the item). The three options are: wrong, right, ...
4
votes
3answers
1k views

An icon to represent all icons [closed]

I would like to know if there is a universal approved Icon to represent all Icons. I have a folder that contains all of my custom designed icons. I would like to design and create a custom Icon, to ...
4
votes
3answers
617 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 ...
4
votes
4answers
563 views

Would you consider this a button? [closed]

I am working on a web interface and I want to emphasize a portion of it and make it attractive for people to click on it, which will show additional content (with a 3d css flip animation). The first ...
4
votes
6answers
781 views

Icon to “Reset camera view” [closed]

Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
4
votes
3answers
547 views

would you find it confusing if a megaphone icon was used to represent a phone call? [closed]

Bit of an odd question, and I can't go into all the circumstances why I'm asking this, but anyway: would you find it confusing if a megaphone icon was used instead of a cellphone or telephone icon to ...
4
votes
4answers
353 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 ...
4
votes
5answers
599 views

Icons only vs list with icons

I'm wondering what's the UX point of view of using only icons or a list with text + icons. Only icons List with icons The only icons options provides a faster way to access to the action, as ...
4
votes
6answers
651 views

Good metaphor for time estimation vs. spent time

Representing time generally is easy with a clock, an hourglass etc. But how would you differentiate between a time estimation and the actual time spent on a task? Do you know of any example where ...
4
votes
3answers
300 views

Can icons improve readability on a navigation?

Our app has many tools and we have a navigation of about 10 tabs. Tabs can be re-arranged and this forces the user to find them by reading the label. Would icons make it more usable?
4
votes
5answers
476 views

Iconography for Beginning and End points? [closed]

I'd like to create icons for the endpoints of a process, but I'm not sure what to use. Going with "A" and "B" comes to mind as that's a familiar reference (e.g. "the shortest distance from A to B") ...
4
votes
4answers
301 views

appropriate international icon for “deals” [closed]

We (like so many other startups) are developing an iPhone app that contains a "local deals" tab. (Discounts on meals at restaurants, etc.) I am trying to figure out what would be the best icon to use ...
4
votes
7answers
145 views

Best text/icon/title alignement for feature box pattern?

You often see this pattern: My gut feeling would say the first is more readable (Is left-aligned text generally preferable over centered text?) but I could agree the third would look nicer (and ...
4
votes
2answers
339 views

What should be ideal date on calendar icon?

I am designing a calendar icon for an app, I am putting a random date right now on it, what should be ideal date that I should put. Is there any usability research done on the same? I know the best ...
4
votes
5answers
347 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% ...
4
votes
1answer
263 views

Why does 'X' mean close? [duplicate]

It's well known that X symbol means close (and in some contexts dismiss or hide), but why/where was this symbol initially chosen? My only thought was that when you want to "cancel" information on ...
4
votes
1answer
506 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 ...
4
votes
2answers
528 views

What is a good icon for “notifications” tab? [closed]

We're trying to fit a nice notifications tab icon for our app. However, we couldn't find a global icon to define notifications. Facebook uses a globe (we can't use that, as we use globe to ...
4
votes
11answers
528 views

How to test icons with users?

In an web-app we have a bunch of command functions, each represented with an icon and a label. We've done usability testing of the UI as a whole, and taken note that a couple of icons are a bit ...
4
votes
2answers
346 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
4
votes
2answers
734 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 ...
4
votes
4answers
274 views

Icon/asset catalog for development

A friend of mine currently is going through process of face-lifting existing application and it's nightmare when it comes to icons for buttons. For example there are five different icons for ...
4
votes
4answers
198 views

How to indicate a user is a full member or just a regular member?

I'm looking for some nice ways to visualize whether a user is a full member or a regular member. Assume a Facebook-style website with full membership option. The profiles will be displayed as blocks ...
4
votes
4answers
695 views

User navigation icons or text based

I am working on a web based hosted CRM personal project which I will release to public ones it is done. My goal is to create a CRM with absolutely zero to none learning or training requirement. To do ...
4
votes
1answer
113 views

Where did the term 'copy to clipboard' originate? Why is it a Clipboard?

I've always been interested to know where the term 'copy to clipboard' originated, and do we use it because we've grown familiar to it? I'm assuming this phrase originated a while ago when we used ...
4
votes
3answers
1k 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: ...
4
votes
2answers
135 views

'Liking' Sensitive Events on Social Media: Contextual Icons and Words for Approval/Agreement

Prompted by recent events. The use of a Like icon (whether thumbs up or otherwise) is fine on social media for lots of things, but certain subjects and events should not be "liked" or use such a ...
4
votes
1answer
1k views

Why is the settings icon either associated with gears or a wrench + screwdriver

I was wondering what the association between gears and settings is because the symbolism/iconography is not clear to me. I can see that in the old days people might have used the wrench or screwdriver ...
4
votes
3answers
467 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 ...
4
votes
3answers
495 views

Icons, their Cognitive Effect and Scientific References

As part of may daily intake of UX vitamins, I was questioning myself the following. We use pretty much icons in our everday activities. We use them on computers or in cereal boxes, and we expect them ...
4
votes
4answers
203 views

How to explain best that there is more to a headline? (Icon, Text, etc)

We want to show "news headlines" within a google map (the news where it happend). The news will show up in speech bubbles. Only the headline will be shown first. If a user want to read more, he has ...
4
votes
2answers
570 views

Icon for collapsing/expanding left side panel on tablet [closed]

I'm struggling to find a good icon to represent to users that while reading an article or something similar, they can click a small icon to reveal a left side panel to show additional options. I've ...
4
votes
2answers
142 views

Multiple download buttons for a file type

i am designing a UI for a web application, there are multiple card like entries in a list, each item in the list can be uploaded in file type A downloaded in file type A downloaded in file type B ...
4
votes
3answers
276 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 ...
4
votes
1answer
126 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 ...