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)

6
votes
4answers
211 views

How do I display two notifications types on same icon?

What is the best way to display two notification statuses on one icon. Business has requested need to view escalated items as well as new items on first glance. I would like to know is if its proper ...
0
votes
8answers
526 views

Does a lock icon show the user is logged in or needs to log in

I am working on a device where the admin can require the user to log into the device into order to use it. The developers originally used a closed lock to show that a user is is "locked out". For ...
2
votes
1answer
47 views

How to show “favorites” in a list of news posts, in an app? [closed]

I'm creating a new kind of app where one of the layouts shows only some news with the date it was posted: I would like to add a Favorite option to every post. So, if a user favorites that news, it ...
3
votes
1answer
53 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. ...
4
votes
2answers
169 views

Multiple download buttons for a file type

i am designing a UI for a web application, there are multiple card like entries in a list, each item in the list can be uploaded in file type A downloaded in file type A downloaded in file type B ...
2
votes
3answers
165 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, ...
6
votes
10answers
473 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
1
vote
3answers
78 views

How to make a link more visually prominent to make it clear that there's a click target there?

Below is an error message with a link: The blue part of the image ( link ) contains complete information ( step by step ) about how the error occurred. Whereas the arrows at the end take you to the ...
0
votes
2answers
172 views

What are the best select all / deselect all icons [closed]

I tried google image search, and i see that there are many different icons for this, some are more or less customized based on the context they are in. In your experience, which icon is most likely ...
0
votes
3answers
45 views

Visual asset to indicate a list item can display a “details” section

Customer specification require us to show a list of items (let's say they are a list of fruits), where only some of them are able to display a details section when the user clicks. I'm looking for a ...
2
votes
2answers
362 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 ...
1
vote
2answers
62 views

What is the best use of icons in the header? (icons replacing free text)

What is the best use of icons in the header? In my application I am using a number of icons for simple features such as "find friends". "ask a question" etc. This is mainly because I need to keep the ...
1
vote
1answer
69 views

In a fresh install, why is Recycle Bin the only icon on the desktop? [closed]

I recently installed an instance of Windows Server 2012 although I suspect that this also applies to other versions of Windows Server. In the case of Windows Server 2012, the OS has the start screen ...
3
votes
1answer
176 views

Is an aria-label necessary on icon fonts with additional context?

Given the following code, which is an error message on an invalid field entry: <i class="attention" aria-label="alert">Please enter a valid email address. The icon font is an alert icon (red ...
4
votes
11answers
600 views

How to test icons with users?

In an web-app we have a bunch of command functions, each represented with an icon and a label. We've done usability testing of the UI as a whole, and taken note that a couple of icons are a bit ...
4
votes
7answers
158 views

Best text/icon/title alignement for feature box pattern?

You often see this pattern: My gut feeling would say the first is more readable (Is left-aligned text generally preferable over centered text?) but I could agree the third would look nicer (and ...
4
votes
3answers
220 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. ...
1
vote
2answers
144 views

Confusion regarding Android's cut and paste icon recognition

Android gives you the ability to cut and paste text to a clipboard. Tap and hold and you can select the part you want to copy/cut. You also have the option to select all the page. so far so good. I ...
2
votes
3answers
66 views

Icons- labelled inside or out?

A minor nitpick that I'm thinking about lately. Is anyone familiar with any research about whether icons are better with their label incorporated into them (i.e. the icon itself says 'search' or 'view ...
32
votes
5answers
5k views

Why are the “Undo” and “Redo” arrow icons commonly round?

A simple Google Image search will show a lot of icons related to "Undo & Redo", and interestingly, most of them, if not all are round. Take a look at the ones Microsoft Office uses: And some ...
1
vote
2answers
116 views

How can Select/Deselect and Enable/Disable status for a row in a table?

I have an web application that which after processing some files show at the user the result about this processing. Now the user can select one or more to save and at the same time he can enable or ...
4
votes
5answers
619 views

Icons only vs list with icons

I'm wondering what's the UX point of view of using only icons or a list with text + icons. Only icons List with icons The only icons options provides a faster way to access to the action, as ...
8
votes
3answers
580 views

Speed of Users Understanding Symbols / Icons

I'm looking for some research that tries to establish how quickly a user will recognize or understand symbols / icons that they: Have Seen Before Have Not Seen Before Obviously a user will be ...
2
votes
3answers
234 views

What are the “spinning dots” in Windows supposed to represent, and why do they stop?

For some time now Windows has used the following animation to indicate some task is being performed: This image seems odd. It starts as you might expect, but on the second revolution the dots ...
11
votes
3answers
946 views

Which accordion Identifiers work best?

which accordion identifiers make more sense? Plus and Minus OR up & down arrow chevrons I'd be very interested to see if anyone has any analytics or proofs on these concepts. As always, ...
18
votes
1answer
498 views

Is the question mark “?” internationally recognised as an icon for help?

I'm looking to use "?" as my help button icon in a desktop application but I'm unsure how universally recognisable this will be. I can localise this for different culture if necessary. Any ideas?
2
votes
2answers
490 views

Vertical Icon Side Menu

I am planning to have a vertical Icon Menu in my website containing about 12 icons. I am planning to have the icon either like http://codepen.io/nikhil/pen/sicrK or ...
4
votes
1answer
307 views

Why does 'X' mean close? [duplicate]

It's well known that X symbol means close (and in some contexts dismiss or hide), but why/where was this symbol initially chosen? My only thought was that when you want to "cancel" information on ...
0
votes
1answer
92 views

What is the best way to indicate a “Sub Menu” on a non-traditional screen?

Currently my team and I are working on an interface where the user interacts with navigation buttons on the side of the screen. After conducting several usability tests, we are running into the ...
1
vote
1answer
88 views

Always on top Icon [closed]

I am making a firefox addon that gives the user a menu, this menu lists all running processes and allows the user to pick which windows they want to keep on top. Here is what it looks like: The ...
1
vote
1answer
147 views

What's a good icon to represent “can't decide?” [closed]

Let's say a user gets three buttons. download bmml source – Wireframes created with Balsamiq Mockups They get to choose between two options, or alternatively, a button labeled "can't ...
1
vote
1answer
63 views

Show zero or nothing when displaying gold, silver, and bronze tokens?

StackExchange uses a combination of reputation and Gold, Silver and Bronze badges to show activity. Is it instantly clear what the following represents? (picture, reputation, badges) Did someone ...
39
votes
8answers
2k 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 ...
60
votes
5answers
7k views

What is the origin of the power icon?

What is the origin of the power button? Is it supposed to resemble a physical switch? Was it originally skeuomorphic UI design? Did it every move/turn or provide feedback? download bmml ...
9
votes
3answers
391 views

Does it matter which direction an icon faces?

Is there any research done on whether the direction an icon faces matters in the recognition of the icon representation? In other words and with a specific case: Would a left oriented search icon ...
0
votes
3answers
147 views

Icon to request device rotation [closed]

Is there an existing icon that is recognized as a request / suggestion that a user rotate their mobile device? I am converting an OLD website to be more mobile friendly. (responsive) I have existing ...
3
votes
2answers
189 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 ...
27
votes
11answers
1k views

Ways for a company to organize common/shared Icons Images and Graphics

Are there any common tools that are used to store Icons Images and graphics for a company wide audience? As a programmer I would store everything in git so people could update it and track the ...
0
votes
2answers
121 views

An icon for surname field? [closed]

While designing form I've found out that I'm totally stuck at choosing icon for the surname field. Actually, the surname is so abstract notion and doesn't really differ from name in its sense, so I'm ...
0
votes
1answer
128 views

Which is clearer - cog/spanner/wrench icon for desktop website settings, or a text label?

Building a web-based tool which will really only be viewed on a desktop web browser (due to a restricted corporate environment). Trying to keep it as minimal as possible with no superfluous features. ...
2
votes
3answers
131 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 ...
1
vote
3answers
531 views

Use labels/text under icons in the iOS tab bar?

An example of Tab bar is shown below: I'm designing a new iOS app with tab bar as shown above. The tab bar has five icons of which three are generic and easily understood. The other two are relevant ...
1
vote
1answer
74 views

Icon for Request [closed]

I need to design icon for "Request a Feature" Anyone Please suggest any idea to design a icon for 'Request a Feature' context.
1
vote
1answer
85 views

*Widely Recognizable* Icon for “Sensors” [closed]

I am having a hard time finding a good and widely recognizable icon for Sensors. The icon needs to look good at small sizes (16x16 px.) A thermometer icon, while it is widely recognizable, probably ...
0
votes
1answer
37 views

Sprites/Icon Representation

I have an application and I'm currently working on the design at the minute. As I have been working I've been thinking about little things to enhance the application. One idea I thought about were ...
0
votes
2answers
157 views

Icon to depict quality? [closed]

I'm looking for an icon to represent "high quality." I'm thinking of using a diamond shape. Is there any reason to think that a diamond does not represent high quality?
1
vote
1answer
123 views

Forgot Password Icon? How's this? [closed]

I've been using just a little speech bubble with a question mark in the middle to signify a lost password link, like this one: For a redesign of the site, I've created a new one that I think better ...
0
votes
1answer
129 views

Delete vs Deactivate ICONs

We are currently testing a product with two consoles: An 'op' console and an admin console. The op console uses trash can icon symbol to delete something and the admin console uses same trash can ...
0
votes
4answers
192 views

Feedback/Review system

Hi guys I need your suggestion with feedback or rating system. I'm thinking instead of the common stars icon I will be using mood emoticon. Is this a good approach? Example: 1 - Sad 2 - 3 - 4 - 5 ...
0
votes
2answers
49 views

icon to indicate technical material [closed]

In a "help" screen, we'd like to display a list of articles from various categories. I'm calling attention to the articles from our official documentation with an icon of a book. We also have a ...