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)

0
votes
2answers
10 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 ...
33
votes
20answers
6k views
+50

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 ...
6
votes
4answers
588 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
0answers
20 views

I dont know how to scale the icon i designed, for specified resolution. [closed]

Say I Designed this with 75 x 39 size initially. Now I dont know how to make it work for all screen sizes/resolution. Should i just make the size 512 x 512 say for play store?
0
votes
0answers
22 views

Legally displaying another programs icon [closed]

I'm making an app which controls other applications. I am displaying different program icons to identify which application the user is controlling. I never save the icons or distribute them. The app ...
0
votes
2answers
41 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
89 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
55 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
10k 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 … ...
36
votes
5answers
4k 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 ...
0
votes
0answers
26 views

I am looking for a way to show multiple ways a card has been shared

Is there a preferred design pattern for designing a shared icon in which the icon may have several distinguishing characteristics to show different ways the item(in this case a card with information) ...
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, ...
0
votes
0answers
59 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
361 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
56 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
53 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
6k 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 ...
5
votes
3answers
624 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
45 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
191 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
446 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
43 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
41 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
144 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
150 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
422 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
69 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
107 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
41 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
198 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
58 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
64 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 ...
1
vote
1answer
109 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
532 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
145 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 ...
3
votes
3answers
189 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
109 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
65 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
102 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
601 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
546 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
194 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
907 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
485 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?
1
vote
2answers
360 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
265 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
81 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
73 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
127 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 ...