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)

23
votes
5answers
20k views

What is a good icon for illustrating expand (and collapse) all? [closed]

I'm trying to devise an icon to indicate that when it is clicked, it will collapse all the nodes in a tree. The tree contains profiles which already have an icon, so ideally I'm looking for a "...
320
votes
20answers
25k views

What explains the current shift from glossy UIs to matte UIs?

I've noticed an interesting phenomenon in the user interfaces of many famous applications, they're moving away from the glossy complex to a more dull and bare minimum design. Why the sudden change? ...
1
vote
3answers
105 views

Does the gear icon mean settings, more, or edit?

To me it seems to be settings. But I have seen it been used for more and edit. Or can to gear icon be all three?(or even more?)
0
votes
0answers
28 views

How can I convey the mean of a button with an icon on a html page on a mobile device?

I have an application which uses buttons with text when working on a large screen. Buttons such as "Start", "Continue". To make it clear to the user what these mean I also use a title such as "Start ...
15
votes
6answers
989 views

Is my gender selection sexist?

Basically, instead of a simple dropdown gender selection I wanted to go with something a bit more unique. I am using a material-design layout over my entire site, although I feel as if my gender ...
4
votes
8answers
988 views

Mail icon, is the envelope icon dead?

The question Save icon, is the floppy disk icon dead? made me think about another icon. As the number of mailed letters drops from year to year, I wondered if the icon just can't be associated ...
37
votes
20answers
6k views

Button for “Play, but from beginning” for a scrubber UX

I have a typical video-editing like timeline, there's the usual Play and Pause buttons: right arrow, and two-bars. -----------------|----------- > || However, I want to have a "Play, but from ...
1
vote
1answer
103 views

Icon same color as Buttons

This is a simple website demo, with 2 buttons, a icon, and a main display with text information. I like the uniform look of this, color wise. But, I am concerned I am breaking a rule or causing ...
1
vote
2answers
75 views

What does pause button represent visually?

Play is a triangle, reminding me of moving in some direction. Fast Forward and Fast Rewind are usually double triangles which somehow remind me of their intensity in their directions. Stop is like a ...
0
votes
2answers
68 views

Use of a 'reset' icon for a trivia game app

I am seeking feedback as to whether the 'reset' icon used below is obvious enough for users, or whether we would be better off using a button with the word 'Reset' on it? This is intended for a ...
6
votes
4answers
602 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons?
0
votes
2answers
74 views

Good icon for the word “practice”? [closed]

I am creating a sports app where the users can track their practice for a specific aspect of the game. In my menu, I'd like an icon next to it to convey its meaning (and I have an icon for every other ...
0
votes
1answer
95 views

Is a red button more likely to drive engagement than other colors?

When working on a set of changes to a website and mobile app, there was a discussion about how one of the main actions should be presented to the user. It is a feature that allow users to "Like" a ...
1
vote
1answer
64 views

Icon Visual Alternative for “Keep Open” functionality [closed]

I know it's a bit of a stretch considering it's ultimately opinion (but most UX is) but I'm coming up blank on a visual concept I could use to "iconify" the functionality of "Keep Open" to the user. ...
24
votes
5answers
12k views

Which way should arrows point in a collapsible accordion? Left/down … down/up?

What is the best way to indicate that it's possible to open and close an element accordion-style? Arrow pointing left/arrow pointing down Arrow pointing down/arrow pointing up Plus sign/minus sign … ...
38
votes
5answers
5k views

Should we use the 3x3 9-dots icon as an apps menu?

As the web continues to evolve and more complex applications emerge, there is a need to let the user quickly navigate between applications. This action is different from the navigation menu we see ...
2
votes
2answers
103 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, ...
0
votes
0answers
64 views

Icons for things that cannot be illustrated or better use a list?

I'm working on a mobile app which will be used by parents and children (assisted by parents). Obviously, if something can be used by children, it can also be used by parents, so I'm trying to design ...
7
votes
1answer
445 views

How to make perfectly clear that a user can interact with an avatar image?

I'am developing an Android Application for tablet sized devices. The goal of the application is to create an infographic resume. Therefore the user has to deal with some form-like views to achieve a ...
1
vote
2answers
62 views

Back icons near each other, bad idea? [closed]

I am working on a personal project for my portfolio which is a mobile app. I have the main header you typically expect from a mobile app where it tells the user where they are currently at and an icon ...
2
votes
2answers
69 views

What does an icon's outline communicate to the user?

I was looking through material design's icons, and I noticed they have four variations of the "add" icon. I don't know when I should select one variation over another. What is the outline (or lack ...
9
votes
3answers
7k views

Universal blog icon? [closed]

How do I tell users I'm referring them to a blog? This is within a mobile app. I realize it could be a Wordpress/Tumblr icon, but that's subject to the company's logo change and I was just wondering ...
6
votes
3answers
739 views

I want to let the user toggle a column heading to sort a grid by a date field. How can I make ASC/DSC intuitive?

I want to let the user toggle a column heading to sort a grid by a date field. How can I make the ascending/descending dichotomy intuitive? EDIT: I was looking for date-column specific solutions.
0
votes
1answer
78 views

What Icon should be used to show you can 'view' it? [closed]

I'm building something for my work where you can view bookings. So I have a list of different bookings that are click-able and I have an icon to show that it is 'viewable'. When one of the ...
6
votes
4answers
222 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
602 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
53 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
70 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
191 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
176 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
506 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
88 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
238 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
47 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
522 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
63 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
72 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
243 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
620 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
161 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
232 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
173 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
70 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
126 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
629 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
592 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
270 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
966 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, ...