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
106 views

Icon for internal search vs web (google) search [closed]

I'm designing a book reader, where I need to search functions: Search inside the book, and search on Google. How do I differentiate the icons without using Google's logo?
5
votes
3answers
644 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
4answers
262 views

Handling inactive notifications icons

With our app, there's currently a list of notification icons in the left side of the page. This are to alert you to events or things to do (e.g. you haven't contacted customer x for 30 days, you have ...
19
votes
5answers
3k views

Why are search icons represented by a magnifying glass?

Why do so many applications and websites use a magnifying glass as a search icon ? A magnifying glass is a tool used to have a better view of small objects. It suits perfectly as an icon for a zoom. ...
9
votes
1answer
2k views

Are the Metro UI icons poor for usability?

While looking at Metro UI styles I thought about one of the unique aspects of the icons. Their placement inside circles. E.g. I can imagine that this provides a target like effect, emphasising the ...
0
votes
2answers
314 views

Table user readability/clarity

I've got a table that displays data to users. Each line of data can have a report attached to it. The 2nd cell in the table is used to show users if there is a report present, if there is you get an ...
7
votes
7answers
701 views

How to indicate a form-field error?

I have two candidates for indicating that a form field is in an error state. Option 1 Option 2 Should the error icon be in the field, or next to the label? Or something else? Or does it not ...
1
vote
3answers
3k views

Up arrow for increase, Down arrow for decrease, what for no change?

We have a web application that lists prices of a stocks and we have a requirement to indicate a movement. When there's an increase in price we add an up arrow, where there's a decrease in price we add ...
5
votes
3answers
2k 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
3answers
441 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 ...
-1
votes
2answers
245 views

Why is the smart icon purple? [closed]

I was looking for an icon to represent a "smart folder" and when I did a search on Google, most of the icons came up as: A folder icon (may or may not be purple) Plus a "gear" icon (may or may not ...
4
votes
6answers
516 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 ...
9
votes
4answers
606 views

For a web-app, how to differentiate “cluster” marker icons from normal icons on a map?

We have a map with around a dozen different kinds of markers, and there are too many to display at once so we're using cluster icons to represent multiple markers that are close together. What ...
0
votes
2answers
663 views

Should an iPad app icon have a border?

We are currently working on the iPad app icon for SalesChamp, an iPad application for sales professionals, and we don't know whether we should put a border around the app icon or not. This is the ...
2
votes
3answers
230 views

Problem with repeated icons

What's the best way to avoid repeating icons on each row, it clutters the layout and takes attention from other important elements.
9
votes
6answers
875 views

Colliding icon meanings

In the interests of fitting in with design guidelines and not wanting to endlessly push icon pixels, I try and use Android's1 built-in icons as much as possible. Occasionally, that means combining ...
3
votes
4answers
256 views

Display temporary action in table

I have a table with a bunch of data in it that needs to be reviewed by a manager. The requirement is when they review a line of data (ie, a customer order), they can click something to indicate ...
4
votes
2answers
204 views

Symbol for additional content present in a passive display

I have a digital signage application in which a portion/row can show a max of 3 blocks of information at a time. The number of total blocks vary from 2 to 6, in which 90% will only contain 2 or 3. On ...
7
votes
5answers
419 views

How to indicate AND and OR in a search form

I am designing a search form where the user has to indicate if the field is required or optional, this will affect the way the query is built. For example if the user marks the field as required, in ...
-1
votes
1answer
418 views

Non-Archaic Symbol for “Save” [closed]

Scott Hanselman blogged about "14 icons that the younger generation hasn't seen to understand," like Save being a floppy disk. I did live through the floppy era, and I find that the symbol itself ...
3
votes
2answers
767 views

Best uses of ? (help) and i (information) icons in UI

What are the best standards of usage for the help and information icons? (I'm unable to post an image because I am a new user, but the icons are either a ? or an i in a circle, most commonly) The ...
11
votes
1answer
1k views

Microsoft Visual Studio 11 - why would they use uppercase in UI?

Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization. In their ...
11
votes
2answers
635 views

Icon-only navigation bar for a desktop application?

I am working on a groupware application running as a desktop application (not in the browser). I wanted to keep the interface really simple and minimalistic so my users will not get distracted by a ...
3
votes
3answers
143 views

Does having different functionality for the same button on different screen cause a usability issue?

Within two different screens of a product I'm designing I would like to use an icon for a secondary action. In both screens using an icon with an X in it seems the most logical choice, although the ...
1
vote
2answers
365 views

Do visual metaphors get outdated? [duplicate]

Possible Duplicate: Save icon, is the floppy disk icon dead? When designing UI, metaphors are important aspects, no doubt to that. But I often come across when picking the right metaphor is ...
4
votes
8answers
742 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, ...
11
votes
6answers
1k views

Multiple choice with Yes, No and 'No answer'

I am working on a Quiz Application for Multiple Choice question. Instead of normal Multiple Choice Questions with the two answers yes and no. I am working on one that allows a user to abstain to a ...
2
votes
1answer
434 views

Most intuitive settings icon [closed]

I'm designing a user interface for a WPF app. I was wondering which icon is the most intuitive to represent a Settings section. In my experience a single/multiple cog wheels seems to be the most ...
3
votes
1answer
394 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
1
vote
2answers
248 views

What is better better for the main buttons: icons or text? [duplicate]

Possible Duplicate: When to use icons vs. icons with text vs. just text links? I'm currently making a ticket system, but I don't know what would be better, icons for the main buttons or ...
-1
votes
1answer
3k views

What icon can I use to represent Facebook share action for iOS? [closed]

I am now working on the interface for iPad app where one of the most frequently used feature is "Share to Facebook". I am wondering what would be the best way to represent this action. Most of the ...
1
vote
2answers
210 views

Good image to represent “Publishers” [closed]

I'm looking for a symbol or image to represent publishers. In most situations it will include the text "publishers", but nonetheless I would like the symbol to make some link. The best that I can ...
7
votes
6answers
878 views

What's the best “show navigation” icon for limited screen space

I read through the article and comments on "We need a standard show navigation icon for responsive web design" by Andy Clarke and it got me thinking about the subject and I'd like to hear your ...
4
votes
4answers
255 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 ...
8
votes
3answers
386 views

App icons borderless or on a button?

In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
1
vote
1answer
75 views

Need to learn the right way to use fonts colors on my site? [closed]

I want to learn web design to make good-looking websites. I have learned CSS, JavaScript, HTML quite well. But I need to be able to choose the right fonts, colors, backgrounds, images, etc. I want to ...
1
vote
1answer
200 views

What kind of iconography or image could be used to denote Beginner vs. Expert users? [closed]

I'm looking to segment users to either go down a path where there is a wizard-like UI that walks the user through a process. The alternative is a path for advanced users who are already familiar with ...
9
votes
5answers
2k views

What is the best way to graphically display item's position in a ranking?

My app has a table containing a list of financial securities. One of the columns is the security's position in a list of all available securities ranked by performance. For example: security XYZ is ...
4
votes
4answers
175 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 ...
2
votes
2answers
248 views

Is there really no better icon for a “company” than a building? [closed]

I want to show the location of different companies within a Google map with icons. Most of the time you see "buildings" used as a company icon. Do you have an interesting alternative?
2
votes
4answers
191 views

Is there an “approved” icon for jump/back five seconds? [closed]

In media players like vlc, we have the option of "jumping" forward and back by a few seconds, a feature I'v always loved. Which icon would you use to display this option, like the triangle for "play" ...
4
votes
5answers
311 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% ...
1
vote
8answers
456 views

An icon that represents “End Game” in iPhone app [closed]

I'm stumped. I would like to have an icon in the toolbar that represents "End Game". My app is a scorekeeping app, and when the user wants to end the game and start with a fresh scoreboard, they would ...
8
votes
7answers
1k views

Search Icon vs Search Input Box - Both Require One Click/Touch: Which to use?

I'm working on a mobile site of a rather large site. There are quite a few iA and navigation hurdles already, so I'm pushing to use a search icon instead of a traditional search input box. My ...
4
votes
4answers
189 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 ...
35
votes
8answers
1k views

What would be a good way to thumbnail audio?

I want to represent an audio file in an image with a maximum size of 180×180 pixels. I have been thinking about something similar to what Soundcloud does, although it will require some chopping and ...
3
votes
3answers
385 views

How best to describe ranking and prizes using icons?

I have a site with an online game, there is a ranking of players. For each game the player gets points which are summed up in their ranking. During the game I want to show how much the player won ...
6
votes
4answers
329 views

How do I communicate the absence of settings?

A table in our web application contains items where one column specifies whether the item has a policy bound to it or not. This column can display three different states: Has policy : ACTIVE Has ...
5
votes
4answers
270 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 ...
3
votes
2answers
199 views

Do icons need to be consistent across different themes?

I have to do some themes for this mobile app I am designing, the problems is after I sent the first preview of the themes to the client he came back saying that he wants different icons for each ...