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)

5
votes
2answers
1k views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
11
votes
6answers
2k views

Should map markers be called pins or markers?

For reasons I won't explain, I have to change the word 'issues' to something different in our UI. 'Issues' corresponds to the number of map markers on a user's map. Should 'issues' be changed to ...
0
votes
4answers
447 views

Suitable icon to indicate that a customer is deceased? [closed]

I am currently working on a system to manage debt, specifically account history. There are various statuses that an account can sit at and the product owner has requested an icon for each status, so ...
1
vote
3answers
178 views

What is a good and short way to convey that a product is available on a “Pay What You Want” scheme

So imagine a small piece of UI, only several pixels tall/wide, that displays a product's info. Usually this widget shows either something like $0.99 USD, BUY, or FREE in order to convey that it is ...
0
votes
1answer
94 views

Remove the background on an icon-button [closed]

Good day, I have an "checkbox icon" which opens a window with checkbox groups. I'm not really enjoying the background-color of the icon, I think it's better without the background. ...
1
vote
2answers
52 views

Icon or text to un-sync/revert changes

In the context of file management across multiple devices- I would like to provide users with option to "un-sync" or revert synced changes that where made on other devices. The syncing is done ...
1
vote
2answers
451 views

Do images (icons/glyphs) on buttons improve usability?

I'm working on a desktop application where most of the buttons just have text on them. Putting images (icons/glyphs) on the buttons does make the application look more attractive, but does it improve ...
1
vote
3answers
77 views

Iconography for verbatim vs. paraphrase

The system I'm currently working on includes phrases which the operators (call centre) must read to customers. Some can be paraphrased (i.e. "Your installation will happen on 01/01/2001" may be ...
4
votes
1answer
118 views

Where did the term 'copy to clipboard' originate? Why is it a Clipboard?

I've always been interested to know where the term 'copy to clipboard' originated, and do we use it because we've grown familiar to it? I'm assuming this phrase originated a while ago when we used ...
0
votes
1answer
249 views

Publish/Unpublish icons, which aproximation is better [closed]

Which one of this icons do you think, is more intuitive or feels more natural for Publish and Unpublish actions. Is there a better option?
0
votes
1answer
65 views

What are the pros and cons for updating an icon that has been used within a company for years?

I'd like to update a company icon which has been used within this particular company since 2003. I personally believe it's time for an upgrade. The icon itself does not reflect the company's updated ...
0
votes
1answer
119 views

Enable and Disable Representation Icon [closed]

I am designing an application. It shows a list of folder which can be enabled or disabled to share. How can we make the user to understand it is Enabled/Disabled in Iconic representation. When the ...
10
votes
11answers
642 views

Showing which direction a value should go towards

I have an interesting UI challenge. I have a ratio that I am showing in two ways: one using a percentage surrounded by a circumference pie chart, and the other showing a status bar. In some cases a ...
0
votes
1answer
74 views

Is adding a sleep to my code to be able to show a loading icon effective for informing the user

I have follow / un follow feature on my website. Currently, you click the button and using PHP and AJAX I change the button background colour. This is a simple action for the website so doesn't take ...
2
votes
2answers
360 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 ...
3
votes
1answer
258 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 ...
1
vote
4answers
2k views

Is there any specific icon to use for a 'New Tab' button? [closed]

I have a button on my web page, this button once clicked will open a new tab and take the user there. I'm just wondering is there any convention on what icon I should use for this button? At the ...
1
vote
2answers
156 views

What is a commonly used, easily identified icon for 'frequently ordered'

I am currently designing an app for ordering food. The user is being shown suggestions according which include his favourites, frequently ordered, popular nearby etc. while the favourites and popular ...
0
votes
2answers
122 views

Alternative icon for email attachments [closed]

The email attachment icon seems to always be the same in every client, a paperclip. There are dozens of examples, and I've included some below: My question: is there a different symbol that could ...
0
votes
2answers
141 views

Navigation items with only icons, icons and words, or only words for a website? [duplicate]

Like on for example a header, would having only icons be confusing for the user, or would having words and icons take up too much space? I think that the icon only design is really clean, but don't ...
1
vote
0answers
409 views

Is there an icon for following/followers? [closed]

It appears most places apps write those words out. Am I blind, or is there not yet a commonplace icon that conveys "Number of Followers" or "Number Following" without those words? Note: I am not ...
3
votes
3answers
406 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 ...
2
votes
2answers
204 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
1answer
3k views

Why did Microsoft make all the Office 2013 icons have such similar colours? [closed]

We've just been upgraded from Office 2010 to Office 2013. There's the usual assortment of UI rejigs, most of which are either the modern trends (ultra-flat icons and UIs), fairly neutral, or easily ...
0
votes
1answer
147 views

Need suggestion for icon for 'Unknown File Type' [closed]

I'm working on an attachment upload script for a professional / business website, which will display a list of all attachments with an icon representing their file type. I have icons for most ...
0
votes
3answers
139 views

How many icons are reasonable?

icons are a good way to improve people's ability to remember things. The question is how many icons are reasonable for an enterprise application. I talk about small ~16x16px icons. Currently the ...
3
votes
3answers
260 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. ...
7
votes
3answers
372 views

How do I indicate that a subset of icons aren't clickable?

I have a row of icons with labels. The first three are clickable and are in fact nav elements for the content area. The last icon isn't clickable... how do I make the lack of clicking affordance ...
2
votes
3answers
271 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 ...
52
votes
11answers
6k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
7
votes
5answers
2k views

Is the hamburger icon a recognized navigation symbol? [duplicate]

Do you think the icon "☰" is enough for users to know that a menu is underneath? Medium.com doesn't even use an icon, it is linked from its logo on the top. Other websites just use the word "Menu" ...
13
votes
4answers
1k views

Are 3D icons better than 2D?

I've seen an increase of 3D icons in the recent past. I am not convinced they are better. Instead they may actually be worse because space is taken up by the projection. Is there any evidence as to ...
2
votes
4answers
487 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
2answers
101 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" ...
1
vote
4answers
143 views

View an object that sometimes is editable, but sometimes not editable

I have a problem where in a table row I have a set of buttons that defines actions of that specific table row. For instance "delete", "edit" and so on. However, in one instance some of the rows of the ...
1
vote
2answers
80 views

What icons should I use for “search” and “magnify” on the same page? [closed]

A website I'm building requires both the ability to search and the ability to magnify (scale the rendering of the video player). Both of these action are traditionally iconized with a magnifying ...
46
votes
14answers
4k views
2
votes
1answer
106 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 ...
0
votes
1answer
72 views

Showing New, Old and “Not Yet Emailed” in a table column through symbols/colours

We have table data displayed to clients where each record can be in one of three states: Not yet emailed Emailed in the last two weeks Previously emailed It's a dashboard system that gathers ...
1
vote
3answers
267 views

Icon design for “I´m going” and “I´m interested” buttons

I am developing an Android application to display a list of upcoming events nearby. When click on a list item, the application display some event info, and also two buttons: The first button ...
1
vote
2answers
233 views

Why do some games represent experience level with stars?

In some games, stars are used to represent a player's experience level. Does anyone know the origin of why people do this? I guess it might be because it represents reaching another milestone but I ...
4
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
3answers
3k 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
4answers
1k 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
3answers
8k views

iOS UIBarButtonItems for navigation and sharing

I am creating app and I need in detail page for item add some bar image buttons to rightBarButtonItems of navigation bar. I know that there are several predefined styles but I am not sure which images ...
2
votes
1answer
885 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 ...
1
vote
0answers
72 views

Icon that inverts the background [closed]

I am a Java swing programmer. I need to know if there can be an icon that shows the inversion of its background. The question might be ridiculous, but I don't want to shut myself up. Just want to know ...
7
votes
3answers
1k views

Should a logo always be square? [closed]

I want to create a new logo for myself. Because I love typographic logos, I'll create such a logo. The most of the logos I see are square, but for a typographic logo it is sometimes hard to create a ...
2
votes
0answers
39 views

Should toggling icon indicate current status or new status? [duplicate]

I'm working on a data-mgmnt app and came across this deeply philosophical question: I have an icon to represent if a record is locked or not. And if the record is not locked, it can be locked by ...
15
votes
11answers
4k views

“Tool” or “target” on vacuum cleaner pedal?

I always get confused by the icons on my vacuum cleaner pedal. Take a look at the upper icon. Is that icon representing 1) The tool. I.e. "Your now using the pedal without the brush" (ergo, on a ...