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)

0
votes
2answers
305 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
664 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
2k 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
432 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
239 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
509 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
587 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
654 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
229 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
849 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
249 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
198 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
413 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
412 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
698 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
622 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
358 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
727 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
420 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
392 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
237 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
208 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
845 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
254 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
374 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
198 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
172 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
247 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
189 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
309 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
450 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
371 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
268 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 ...
6
votes
2answers
261 views

Where can I find guidelines on when to use the red octagon with exclamation mark icon in Mac OS?

This icon is shown under Mac OS when a disk is unmounted without being ejected first. It is sometimes also used by other applications. Can someone point me to a place where the acceptable uses for ...
0
votes
1answer
144 views

What's a good metaphor for code? [closed]

I'm playing with a user interface, with options like "preview", "view code", "drag and drop" and the such, and am creating icons for them. What would have the meaning of "code"? I was thinking ...
3
votes
3answers
169 views

Is it better to use generic icons for 3rd party branded software or system specific icons?

I am developing a program that saves Word documents. We develop on Mac OSX (in a Virtual Machine) and as such the Word Icon we have used is the Mac-specific word icon (which makes no sense when ...
8
votes
5answers
669 views

Do icons need labels on mobile apps?

There have already been studies that prove labelling icons enhances usability on desktop applications. This is why Microsoft Outlook started labelling its icons. Does the same logic apply to ...
1
vote
1answer
250 views

funnel or checklist icon [closed]

I am looking for an icon to act as filter button (which on click will show a box with the filter options) So I've seen a couple of results on google for filter icon and I've only seen by now funnels ...