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
5answers
808 views

Should icons be used to represent “name” and “surname” in a form?

Maybe I'm wrong, but it seems to me that the use of icons inside form fields is becoming very popular, especially in signup and login forms: Now, for email and password fields, I can see that the ...
5
votes
11answers
963 views

How to indicate the word “interesting” with an icon? [closed]

In the project I am currently working on everything is based around the essence of "interests". One of the most important and bold UI elements in this project, is a button that when pressed gives us ...
5
votes
3answers
676 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 ...
5
votes
8answers
843 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, ...
5
votes
7answers
454 views

What's an appropriate icon to represent an organisation? [closed]

Ok, so I need to use an icon to represent organisations in an otherwise boring list. What comes to my mind directly is either using something financially related, such as a small stack of coins, or ...
5
votes
4answers
2k views

Icon for “More”, like more results [closed]

I need an intuitive icon which represents "more" ITEMS (or "more items like this") (or other "similar" items to this item). I have space constraints on the screen, so I can't exactly use a label.
5
votes
4answers
354 views

Finding a set of stock icons that match existing icons [closed]

We have a web application with a dozen or so icons for various functions. The icons were provided by a web design company during a redesign of the site two years ago. The company no longer exists. We ...
5
votes
3answers
500 views

Is it good UX that in Windows 7 & 8 the “windows” of the same application are automatically grouped into one button?

In Windows 7 and 8, all the windows of every application are by default automatically grouped into one icon on the taskbar. This happens even when there are two instances of the application running ...
5
votes
2answers
808 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
1k 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
593 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
575 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
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
563 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
226 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
980 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
7k 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
294 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
1k 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
1answer
107 views

Where lies the origin of the common media buttons, play, stop, pause, …?

There are these play, pause, stop, forward, backward, record buttons everywhere. According to Wikipedia there is also an iso about them (ISO/IEC 18035.). But where did they originate from? What was ...
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"?
5
votes
2answers
147 views

Icon size inside a button [closed]

Is there a correct size, or relative size, to use on an icon within a button with/without text? I've seen this being used a lot of times but didn't found any source about choosing the proper icon ...
4
votes
8answers
975 views

Mail icon, is the envelope icon dead?

The question Save icon, is the floppy disk icon dead? made me think about another icon. As the number of mailed letters drops from year to year, I wondered if the icon just can't be associated ...
4
votes
5answers
869 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
510 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
717 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
568 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
841 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
566 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
5answers
623 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
693 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
308 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
522 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
322 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
160 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
352 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
359 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
330 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
568 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
3answers
225 views

Using a generic logo to describe an entity when logo is not available

Context: Cinema ticket booking app. App displays cinemas and screenings for a specific movie in user area. Problem: Part of the design uses logo to identify a cinema. Not all cinemas have a logo. ...
4
votes
2answers
546 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
608 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
378 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
894 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
734 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
4answers
282 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
200 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
3answers
277 views

Why does the upload icon have a down arrow on cPanel?

As you can see on the image below (i am on a mobile device) the upload icon has a down arrow. Shouldn't the icon have an up arrow instead meaning that the file is going up instead of down?