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
3answers
1k views

Icon for “show image in lightbox” button (pictogram style) [closed]

The context is an image properties dialog in a CMS backend. Here the backend user has the option to let the website visitor see (a full-size version of the) image in a lightbox when clicking it. ...
2
votes
3answers
258 views

Good icon for configurable products [closed]

I have an eshop that has configurable products, what icon would be best suited for marking the products that have configuration in the category listing. My curent choice is this:
2
votes
4answers
261 views

What is the best way to show complexity or difficulty rate?

We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more ...
2
votes
4answers
108 views

Is it acceptable to implement abbreviated elements and will users know what they mean?

More websites are including icons and visual elements over text allowing for more space and cleaner design. Elements like social icons (FB, Twitter), views, likes, favorite, comments, etc don't ...
2
votes
3answers
321 views

In a desktop application, what are best practise methods to provide a menu of functions

I have a .NET Winforms application that hosts controls to provide different areas of functionality. My normal method in providing a menu to switch between these controls has been a TreeView or a List ...
2
votes
4answers
441 views

Alternative method of displaying notification alert to user with awkward icons

Due to the awkward nature of my notification icon, I've been forced to settle with a red dot near the notifications icon, which seems less than ideal from a UX point of view particularly because it ...
2
votes
3answers
192 views

What are your thoughts on using iconography to represent complex ideas?

I think we're all aware that iconography is most effective when communicating simple/established/conventional ideas that can be understood without any words at all - like search, print, share, etc. ...
2
votes
2answers
254 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
197 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" ...
2
votes
1answer
1k views

Icon for rename button [closed]

To add some context to this question, I am currently developing an iOS application and need some advise on the interface. What is the most suitable icon for a 'rename' button? When this button is ...
2
votes
4answers
111 views

Selected state of two icons--clarity

We are designing a site that has list and grid views. We are having a heated discussion about which design shows more clearly that the grid view is selected. So I turn to you: Which version shows ...
2
votes
4answers
119 views

Indicate recently answered question

I am working on an web-application form which represented as table rows. These table rows hold item information and can be checked or unchecked. When saved, all checked items are set to be seen by ...
2
votes
3answers
246 views

Best way to incorporate a call-to-action on an icon (on mobile)

I'm designing an interface to ask for user evaluation on data submitted by other users and I'm stuck on designing simple and effective call-to-action on a counter icon. Context: The favorite is a ...
2
votes
2answers
113 views

Clarifying unfamiliar tools in a toolbox

If you use Adobe Photoshop to edit your images, there's this toolbox, from which you can select the tool you want to use. I'm designing a similar program than manipulates blueprints instead of ...
2
votes
2answers
194 views

Using icons as checkboxes?

How unusable is it to use icons as checkboxes? It's a cool concept when it is implemented, however I am worried that it is not obvious that the icon is clickable. What are people's opinions about a) ...
2
votes
2answers
112 views

I want to create an icon for increasing/reducing coversize [closed]

So I'm displaying a bunch of book covers from our library catalog (new additions), and I'd like an icon (well really two), that suggests changing the cover size. My other thought would be to have the ...
2
votes
2answers
67 views

Displaying a “waiting to download” message within an iPad app

I am designing an app that will require data to be pulled from our main servers, and upon the first use of the app, there is one screen that will take a few minutes for all data to load. I've been ...
2
votes
3answers
203 views

Should I use a separate icon if the response will be slow?

I'm currently building the UI for a webapp where users can refresh various bits of content. The speed of this refresh depends on the type of content. In most places this is a very quick operation (max ...
2
votes
5answers
104 views

Delete permanently or temporarily

So I'm in a situation where I need to have two features for a list/grid of items: Remove an item for just this session Remove an item permanently I think a x or trash icon would be fine for the ...
2
votes
2answers
204 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 ...
2
votes
2answers
1k views

Icon/Symbol to Represent “Done”? [closed]

I have a quiz-based application where users can leaf between questions and select answers. When they're done, there's a "done" button they click. I don't really have polished graphics skills, so I ...
2
votes
4answers
306 views

What icon to use for archive and for restore? [closed]

In our web-app there is a message centre with a time-line of communications. We let the user move instances of these into what we are calling an archive. On each of the listed messages there appears a ...
2
votes
6answers
554 views

How do I tell the user a filter is active

I have a button in my interface that when clicked show a listbox so the user can apply a filter by those items she has selected. It looks like this: My question is: How do I tell the user there is ...
2
votes
2answers
112 views

Workflow and icon status [closed]

I'm designing a new web app for my company. This web app allows the users to check some orders. For each order, we envisage to have the following status : I wonder which icon we should use to ...
2
votes
2answers
182 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 ...
2
votes
4answers
228 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
2
votes
2answers
170 views

Verbiage and Icons for Delete vs Remove

In the application I'm working on, we have two forms of getting rid of an item. Delete: Permanently deleting an item from the system. Once removed, the data is gone. Remove: Removing a linked item ...
2
votes
2answers
191 views

When to circle a symbol

I was wondering, if you have any basic rule whether to use a symbol, e.g. +, just plain or in a circle, e.g. (+). One example is the star (★) to favorite this very question (on the left hand side), it ...
2
votes
3answers
458 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 ...
2
votes
1answer
240 views

Travel Info Related Icons

I have developed an Android App and have chosen the icons as shown below. I am not quite sure if everyone can understand these icons and their relevance. Is there any way I can make them more ...
2
votes
3answers
245 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
2
votes
1answer
128 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?
2
votes
2answers
442 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 ...
2
votes
1answer
1k views

Mouse usage pictograms

Is there a set of standard pictograms to explain using the mouse to navigate the interface? I would like to have icons for dragging an object, scrolling the mouse wheel above the object and similar. ...
2
votes
3answers
268 views

Which symbol to use for switching to the english version of a site? [duplicate]

Possible Duplicate: How to graphically represent a language We are currently in the process of introducing an English version of a website which used to be just German. Current version of ...
2
votes
1answer
54 views

Better options to show Open and Save option for each file in a list

A list of all input files is shown. User can click ‘Create Output Files’ to create output files for each input file. Now when all output files are created, ‘Create Output Files’ button becomes ...
2
votes
2answers
88 views

ECommerce design: Collective price display vs No. of items

Often on sites of an ecommerce nature, a shopping cart icon will display in the site header/toolbar together with a quick summary of the users activity. This will usually be in the form of either: ...
2
votes
2answers
76 views

Generic action icons or icons per object?

I was wondering if there exist any user research regarding using a more generic icon set (e.g. "Create", "Delete" icons) compared to utilizing specific icons for each object ("Create X", "Delete X" ...
2
votes
1answer
319 views

Why are those Sign-in/sign-out icon a convention?

I've been recently implementing a custom icon-font & I decided to use those icons for Sign-in/sign-out: My only real reason being that choice is that it seems to be a convention in all major ...
2
votes
2answers
730 views

Sliding Drop Down Menu Icon - How do I make it more obvious?

A website we've build is based on a 200px x 200px grid system, each item in the grid represents a link to somewhere on the site, or does something specific. (5x4 boxes in size) It's meant as some ...
2
votes
2answers
2k views

Icon Ideas for Logging Out but not Exiting a WinForms Application [closed]

Firstly, I am going to put text with the icons, so the user won't be completely clueless and as confused as a whale hurtling through the air from a great height. Our WinForms application's user ...
2
votes
2answers
55 views

What is the best way to represent a (Now Hiring) link or icon in a webpage

What is the best way to represent a (Now Hiring) link or icon in a webpage. some webpages locate it into a footer or something very bottom of the page. some is suggesting to put it in the very top of ...
2
votes
1answer
35 views

Two objects which can be disconnected and then connected?

I'm creating a GUI for a program which maps keys from an external device to keyboard keys. The process is: [Waiting for keyboard key] (Shows a blank key) Press a keyboard key (Now blank key has ...
2
votes
1answer
74 views

How to indicate a control's value is pending submission

In the application that I'm currently working on, the user is allowed to make changes to a subset of data from an external data source. Changes are made using basic or custom controls such as Toggle ...
2
votes
1answer
94 views

Creating an avatar that shows the accuracy/recency of the data to show map position where there are multiple user avatars

So the problem is a follows, I would like to show user's location overlaid on a map, but the geo data for each user is only pulled from the server every 5 minutes or so, thus there is a decrease in ...
2
votes
4answers
751 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...
2
votes
1answer
309 views

What is the use of a play icon with line next to it

We got a few general music player icons for playing and manipulating playlists. > = play tune >> = hold to move backwards in tune (or skip to next tune) << = hold to move forward in ...
2
votes
1answer
418 views

Star vs Bookmark icon for favorites [duplicate]

Possible Duplicate: Most intuitive favorite icon Which conveys the concept of favorites better? I'm working on a news reader, and this could be a desirable feature.
2
votes
1answer
669 views

What is an icon or symbol that denotes 'automatic'? [closed]

What is an icon or symbol that denotes 'automatic' ? More details: Working on an application where there will be a list of bills, some with an actionable button inline that says 'Pay', and others are ...
2
votes
0answers
47 views

Android icon to unlock premium features [closed]

I'm working on a multimedia Android app and I'm not sure which icon to use for unlocking the premium features of the app. These are 1) adding text to images, 2) disabling ads plus 3) disabling the app ...