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)

4
votes
2answers
539 views

What should a toggle switch do when using a multi-select?

When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states? Neither action is dangerous, but it may act on ...
4
votes
2answers
217 views

position of lens icon in auto suggest field

Can some one suggest which is the best place for keeping lens icon for auto suggest/ auto complete field from usability point of view? I have seen most of the sites keeping it on the right side of the ...
4
votes
2answers
272 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 ...
4
votes
2answers
2k 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 ...
4
votes
1answer
119 views

Where to position Back and Home buttons?

When you watch tv on a tablet via an app, where do you put the "Back" icon and where do you put the "Home" button?
4
votes
1answer
507 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 ...
4
votes
2answers
744 views

Opens in a new window icon placement

When using an icon to represent a link I believe the standard convention is [icon] [Link]. A colleague has raised the point that for links that open in a new window, the icon should appear after the ...
3
votes
4answers
375 views

Is there a reason to use this icon with a confirmation message?

This is the message Sharepoint 2010 gives as a confirmation message for requesting access to a particular site you do not have access to. I am quite confused by the icon - to me this looks like a ...
3
votes
4answers
614 views

Appropriate icon for score [closed]

I'm designing a quizz with jQuery. It has 4 counters: "correct answer", "wrong answer", "timer" and "score". Each counter has a little icon describing the counter. I have found good jQuery UI icons ...
3
votes
3answers
7k 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 ...
3
votes
3answers
371 views

Is there a standard icon for web accessibility?

The International Symbol of Access is a standard icon for building and parking access for people with disabilities. Has this icon, by itself, gained acceptance as a standard icon for web ...
3
votes
2answers
750 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 ...
3
votes
5answers
2k views

Email address/app icon : is “@” sign still relevant today?

I have a doubt about the appropriateness of using the @ sign on an icon, to mean something related to email. For instance, a project I am involved into uses it the following ways: On a contact ...
3
votes
1answer
105 views

Should icons in a toolbar reference an action or the object?

When deciding on which icon to use in a toolbar is it better for an icon to reference the action or the object? Example: Action = Export data to excel. The object in this case is Excel (destination ...
3
votes
2answers
165 views

Is it correct to change the color of a country flag to adapt it to the colors palette?

I am working on a web with three main colors: white, blue and black, and there are two flags for select the language of the web. These icons completely break the color harmony of the web, and I wonder ...
3
votes
8answers
435 views

What is the best wording to describe an item that is selected to be more important?

I have a list of insurance quotes that are being displayed in a table. The users will be able to select which quotes are more important by clicking on a "star, flag, etc" which will allow them to ...
3
votes
3answers
195 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. ...
3
votes
2answers
435 views

Menu with icons and checkable items

In a normal windows application, I've (context) menus. Many of the items have individual icons for better recognition. Now, some of the menu items are checkable. The "standard" way of showing the ...
3
votes
2answers
167 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
4answers
224 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" ...
3
votes
3answers
411 views

Icons for clearing / canceling / deleting? [closed]

I have to design set of icons for 'clear search results', 'delete', 'close' and 'cancel' that due to specifics of the app might be sitting on the same toolbar side by side. Also the size is 16x16px ...
3
votes
2answers
195 views

What term or icon to use for marking an item for quick access later on? [closed]

If there is an item (web-link or document or image) that you use very frequently or find very useful, should you 'star' it (as in Gmail) or 'favorite' it? Are 'marking as starred', 'liking' and ...
3
votes
3answers
877 views

Icon position in side menu left or right

Is there any recommendation or best practice when positioning icons in side menu? Most of the side menus put the icon to the left and then the text. Any thoughts? Left or right?
3
votes
4answers
541 views

How should content of right slide menu be designed?

I have two options for displaying content in a right sided slide menu but am having a disagreement with my co-founder on which to use. Neither one of us is a designer but we're trying to figure this ...
3
votes
2answers
2k views

What is the origin / meaning of the icon used for “database”?

I've never really understood what this icon, that looks like an oil drum and is commonly used to refer to a database, is actually supposed to represent. What is it? As a matter of fact, I've ...
3
votes
5answers
273 views

What's a good icon for a compilation process? [closed]

I'm building a tool that wraps around an automated compilation and testing process; the user selects one or multiple versions they want to test and instructs the software to either start the process ...
3
votes
2answers
342 views

When to use the folder-metaphor?

For a top-level navigation I am currently working on, I was wondering if it would be a good idea to use folder icons to communicate that an item in the list is actually a container (a folder) of ...
3
votes
2answers
162 views

How to deal with elements in a list forming a distracting vertical pattern

I'm using a list to display information. Each row needs to display two thumbnails, and a string. I noticed with this implementation that the layout of icons seems to resemble two columns. which may ...
3
votes
3answers
378 views

Small icon: incoming vs outgoing

Up to now we use the following ascii art to show the difference in our mail/ticket system: --> means "incoming" <-- means "outgoing" But some users complain, that it is not immediately clear ...
3
votes
4answers
234 views

Positive connotation Icon for number of errors

We have a game where we need to count number of errors as performance criteria. We are looking for a way to positively note the scores. One idea was to make an association to golfing by naming it ...
3
votes
3answers
267 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?
3
votes
2answers
627 views

Is a Spinner right for this UI?

On Android, I want to create a drop-down menu of buttons activated on touch on the right of the screen, with a 'close' button to return to original closed state. Is a Spinner the appropriate UI ...
3
votes
6answers
941 views

What icon for advanced options? [closed]

I am working on a public transit app for Android. Look at the screenshot - the button with a wrench icon opens advanced options. In advanced options you can set which transport mode to use (bus, tram, ...
3
votes
3answers
74 views

How to deal with multiple feedbacks from a single action

This one is a bit tricky: I have to give the user 2 actions for every object on my app: Add to list and Feature (that's the best translation I could come up with). The problem is: Add to list adds an ...
3
votes
2answers
192 views

Is it ok to have two buttons with similar functionality?

I am currently working on a system that involves removing sections of an application and rows in a table. Do you think it acceptable to have one remove button and one cancel button (x icon) which do ...
3
votes
1answer
120 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) ...
3
votes
2answers
273 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 ...
3
votes
3answers
497 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 ...
3
votes
3answers
194 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 ...
3
votes
1answer
152 views

Something not quite right with my design [closed]

There's something not quite right here, and I'm not sure what. Should "Blog" (the title of the page) be bigger? If so, why? It seems too small, yet it's not incredibly important either. Additionally, ...
3
votes
3answers
2k 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 ...
3
votes
3answers
3k 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 ...
3
votes
4answers
227 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 ...
3
votes
2answers
100 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 ...
3
votes
1answer
293 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 ...
3
votes
2answers
1k views

Is there a generally accepted icon for the “Submit” button? [closed]

I'm developing an Android application that presents the user with a search form, then presents a list of matching results after the query has been submitted. The results will be displayed on a ...
3
votes
4answers
300 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 ...
3
votes
3answers
185 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 ...
3
votes
3answers
161 views

Icon to convey “New,” to be placed next to new features in a web-based app. Any successful precedents/examples? [closed]

I am needing to create an icon to flag new features in our site (such as proprietary search filters, to start). We'd like this to be consistent and recognizable for all kinds of new feature roll-outs ...
3
votes
1answer
219 views

Which unicode symbol can I use to symbolize a task needing feedback? [closed]

Unicode provides check marks ✓ and ballot ✗ symbols that can be used to mark a task as having ended with success or with an error. I am wondering which icon, if any, could be used as for a task to ...