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)

3
votes
3answers
253 views

Is a hover tip with a slide out drawer that reveals labels enough to consider the cognitive load hit acceptable?

I'm exploring using icon only navigation for tasks/sub-nav on an education app. The interaction would provide a hover tip and also an arrow at the bottom would expand the menu to show the icon text. ...
3
votes
1answer
340 views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so ...
3
votes
4answers
1k views

Where can I find an official set of iOS (specifically iPad) icons and stencil sets? [closed]

Android have an official set of icons, fonts, colours and stencils, that can be downloaded from their website. However, I have come to design for iPad and I can't find an official download. Do I need ...
3
votes
2answers
99 views

Tooltip Verbage: “This will prevent changes” vs “Currently allowing changes”

I have a series of inputs used to allocate a large budget into smaller groups. Once a group is changed, the rest would auto-complete with the remaining budget percentage. We would like to be able to ...
3
votes
1answer
695 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
574 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 ...
3
votes
2answers
227 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 ...
3
votes
8answers
830 views

Most appropriate icon for user responsibilities? [closed]

What is the most appropriate icon for user responsibilities/roles (a.k.a. 'charges')?
3
votes
1answer
44 views

Android Launcher Icon Including Text

I have often heard that it is bad form to include text within a launcher icon. Can can anyone provide proof for this? Apple has it in their guidelines but I can not find anything in the Google specs. ...
3
votes
2answers
2k views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
3
votes
1answer
1k views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
3
votes
2answers
514 views

What happened to the animated taskbar icons?

I know that there are good reasons to abandon animated icons in a taskbar UI-wise. But good reasons never kept people from doing stupid stuff: So why are there no animated taskbar icons at all ...
2
votes
3answers
264 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.
2
votes
3answers
151 views

What is the common definition of “dot dot dot”?

So I think that when "dot dot dot" in an UI design hints something more behind it, even is a graphic that is not featuring. I just like to know if I am wrong, and how you think about it? For example, ...
2
votes
7answers
270 views

Why would a key icon not a padlock icon be used to indicate a device keypad is locked?

My cell phone when its keypad is locked (so that it ignores keypresses) displays a small picture of a key on the display. I find it rather confusing - IMO it should be a picture of a padlock which is ...
2
votes
4answers
271 views

“This is Old” state icon [closed]

There are entities that have a state. The states until now are: New (plus) Valid (check) Canceled (X) And now I'm trying to introduce the "this is Old" state. How can I easily tell this to the ...
2
votes
4answers
380 views

Icon for number of “lives” remaining [closed]

I am writing a game for which the user has a set amount of "lives". Each time he makes a mistake, he loses a life. When the "lives" counter reaches 0, the game is over. What would be an appropriate ...
2
votes
3answers
339 views

How to make icons representing users differentiable when users do not have the same role/importance

Consider the administration part of a web application. I want to display the list of all users, with a hierarchical structure like this: admin 1 - sub admin 1 - sub admin 2 - simple user 1 - ...
2
votes
4answers
495 views

Icon meaning 'requested/allocated'? [closed]

We're looking to get an icon that will convey the meanings of both 'requested' and 'allocated' for our website. The system is an e-learning service, and the icon is intended to be part of a series of ...
2
votes
4answers
1k views

Icon for ascending-descending sort [closed]

I'm trying to come up with two icons to represent ascending-descending sort order which would allow the user to sort the members ('bars') of a chart/visualization. The control will be a toggle ...
2
votes
4answers
74 views

Link to article using a 'download' or 'view online' symbol?

I would like to have a way for people to download an article from my document, and I thought of adding a hyperlink to the title of the article as follows: But I guess it could be done in a better ...
2
votes
5answers
284 views

What is a sheet of UX elements called?

The Microsoft Ribbon is a like a tabbed "sheet" of UX icons. It's basically an iconified, horizontal version of an always-open menu. Is there a general name for a group of UX buttons or icons, that ...
2
votes
7answers
405 views

Icons to indicate Usage and Dosage [closed]

Looking for suggestions for an icon on our website to indicate correct dosage and usage of medication.
2
votes
2answers
2k views

What are the best icons for cancel, delete and close? [closed]

What's best icon for cancel, delete and close? (i want define 1 icon per situation in my application) i found 1,2 is cancel action what's different between 1,2? / or \ is right? I have ...
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
266 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
414 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
114 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
329 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
1answer
664 views

What symbol(s) can represent difficulty level in the context of a game?

In short: How to indicate that a numeric display represents the difficulty level? I'm looking for a symbol that represents the concept of ever-increasing difficulty level, in the context of a casual ...
2
votes
4answers
716 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
234 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
260 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
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
3answers
124 views

Best way to show that a screenshot continues on the next page?

I'm working on a presentation and need to show that a screenshot continues onto the next page. For some reason I'm having trouble finding the icon that is normally used - I feel like it's sort of a ...
2
votes
4answers
131 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
122 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
269 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
135 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
216 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
114 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
147 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
210 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
135 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
2k 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
340 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
635 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
201 views

Is 24dp rule applicable for all type of icons in material design

According to https://www.google.com/design/spec/style/icons.html#icons-system-icons, icon size should be 24dp. This size is pretty elegant looking, yet doesn't make icon recognition difficult, as ...
2
votes
2answers
96 views

Is there a name for commonly accepted significance on iconography?

Just to illustrate what I mean, take a look at this image: This is a commonly accepted sign for bathrooms. Note that there are no references to a bath or toilet, but a man and a woman shape. Now, ...
2
votes
2answers
199 views

What's the best way to choose between twisty and plus/minus icon?

When designing collapse and expandable rows, are there certain ways to choose between using a twisty icon vs a plus/minus icon? Below are examples I've taken from google search --- With a twisty ...