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
1answer
66 views

Has Chrome browser chosen the wrong icon for 'Clear'?

I know right or wrong is subjective but the developer tools for Chrome (accessible by pressing CTRL + Shift + I) has a Clear button to delete all values listed. This button is represented with ...
4
votes
3answers
72 views

Mark items far away from each other as grouped (connected)

I have a tree structure with items from different trees that I need to "group" (or really, mark as grouped). Like so: It is mandatory for the user to select a few of these items to carry on to the ...
1
vote
1answer
59 views

Is the cognitive load of using both vertical dot and horizontal dot menus worth hinting at how the menu will appear?

For overflow and more menus, Google Material Design seems to favour vertical dot menus (see http://i.stack.imgur.com/VEvdm.png). Apple seems to favour horizontal dot menus (see http://imgur.com/...
1
vote
2answers
108 views

What symbol conveys “save”? [on hold]

I have a text input field where the user enters an address. I am adding the ability to save the address to an address book. What should the icon look like to save? This is for smartphones so space is ...
0
votes
2answers
45 views

What is the best static icon to represent “work in progress”? [closed]

I have a list of human work task, which each row has an icon on the left side to indicate if the task on the row has already finish or still in progress. For finish, I have no problem with the icon ...
0
votes
1answer
708 views

Why do app icons on force touch popups not appear consistently in the same left or right spot

On the iOS home screen, if I force touch on the second icon the popup icon stays on the left side of label. If I force touch on the fourth icon the popup icon stays on the right side of label. Why ...
0
votes
0answers
54 views

Unicode symbol for orthogonal tesselation [closed]

We are considering adding another symbol to our programming language. Our philosophy is to use mnemonic symbols instead of keywords. For example, ⍉ means"transpose", while ⊣ and⊢ mean "left-side" and "...
10
votes
5answers
1k views

Alternates to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
1
vote
1answer
34 views

Icon for a mix of different things [closed]

I have a setting activity (window) in my android app where I can configure different things. Each setting category has an icon. I have these categories Filter settings Territory settings Report ...
2
votes
4answers
83 views

Icon for “upgrade” [closed]

I'm trying to come up with an icon that would be understood to mean "upgrade" - the user should click on that icon if he wants to upgrade his application/subscription/whatever to a "premium" level. I'...
7
votes
2answers
460 views

Modern UI icons vs traditional icons

I need to choose icons for the UI of a Windows Store application, and am debating between the modern ones such as these (first result for images of "segoe mdl2 assets") and the traditional ones. I ...
14
votes
1answer
459 views

What do the three bars in old installers mean?

Quite many old setups look kind of like this: I always wondered what the three bars in the bottom left-hand corner mean. I really have no clue.
1
vote
2answers
54 views

What is appropriate icons to report something bad? [closed]

Another UI question: User should be able to report unusual activities to the system admin what icon can i use for that youtube uses "Flag" but I don't see any meaning there.
0
votes
3answers
74 views

Icon only vs. text and icon

Im working on a project now but I'm not sure if an icon alone is accessible (AA) or if it needs to be accompanied by text? Which would meet the AA standards?
2
votes
2answers
61 views

Using native iOS / Android icons on another App expecting users to understand it

I'm facing an impasse with a colleague of mine regarding the usage of native iOS / Android icons on one of the apps we are currently building. This very app offers the users the possibility of finding ...
1
vote
3answers
52 views

Read/Write from device icons

I want a read and write to device icons -- in this case RFIDs but that should not matter at all. There generally tends to be an arrow to (write) and an arrow from (read) but what about specific ...
2
votes
4answers
72 views

What is the easiest way to represent “history” menu?

I have been testing a mobile application (iOS) that allows you to access past actions. I'm currently using an icon like this https://cdn1.iconfinder.com/data/icons/material-core/21/history-128.png to ...
35
votes
13answers
4k views

Down arrow and up arrow status

I have to make an iOS app, where there are categories and I have to show the decrease and increase in status of particular category. For decrease I used a red down arrow. For increase I used a green ...
3
votes
3answers
202 views

Is a plus symbol without button text sufficient to denote adding of an item?

Let's say I'm using Bootstrap panels and I have these two choices: Option A) Option B) Which option is better from a UX perspective? Is a plus symbol without button text sufficient to denote ...
51
votes
3answers
4k views

Why is the share icon always different? [duplicate]

Every site uses a different share icon here are some examples: Which icon is best for UX and most obvious to the user that it is a share icon?
6
votes
4answers
753 views

Archive of iOS / android app icons?

In creating an iOS app icons, it'd be great to see if I'm getting too close to anything that is already out there... but is there any good way to check? I haven't come across any archives out there ...
0
votes
1answer
66 views

Icon conventions for “Ignore” and “Ignore All” [closed]

Does anyone know if there are conventionally used (best practice) icons for "ignore" and "ignore all" (for example, like in spellcheck). Thank you.
3
votes
2answers
115 views

Action buttons in data tables

Please consider the following two options: Just an edit button in the Caller ID column. Edit and remove buttons in the Caller ID column. Removing a caller ID will seldom be done. You would do it ...
4
votes
2answers
53 views

How to distinguish between a tab widget and a table using Material Design?

An example... Huh? How can there be stats for Republicans voting for the two Democrats? I see this in most all flat icon design. It takes me a few seconds of comparing the different elements to ...
1
vote
4answers
107 views

What's a good icon to represent Rewards Points? [closed]

I'm working on the design for a loyalty program (points-for-rewards system) for a startup. I'm thinking of treating the points as a form of currency. Some companies prefer to append the $ sign to the ...
7
votes
1answer
100 views

Hiding a form element behind an icon

So Inbox, by Google, hides checkboxes for multi-select behind a message icon: I am personally not a fan of this approach, since I find it a stretch for a user to try and discover if images or icons ...
0
votes
1answer
69 views

Has anyone come up with a Match Case icon? [closed]

I have noticed that many major applications, such as Firefox, use the literal text Match Case (in English) on UI buttons in order to allow the user to specify that the Find function should match the ...
212
votes
23answers
23k views

Save icon, is the floppy disk icon dead?

This Twitter post sparked me to ask the question: totally! RT @damienguard: Dear UI designers everywhere. Stop using floppy disk icons for save. Too many people have no idea what it is now. ...
2
votes
3answers
71 views

What is the best way to display results of a user satisfaction survey?

I have a user satisfaction survey with 3 'emojis' as options. They display 'sad', 'neutral' and 'happy'. I'm looking for a way to display the results of those in a dashboard. Are there any things I ...
1
vote
1answer
562 views

Best user friendly option for buttons and icons placement

I have created below UI controls... but I am not sure if they are really user friendly or not... so overall they should look good as well as user should be able to understand moment they see that ...
5
votes
2answers
170 views

Icon size inside a button [closed]

Is there a correct size, or relative size, to use on an icon within a button with/without text? I've seen this being used a lot of times but didn't found any source about choosing the proper icon ...
0
votes
3answers
43 views

How to differentiate not mandatory and highly suggested for an add icon? [closed]

I have a report design where I need to show: A plus icon (with some opacity) to invite the user to add a new record but it’s not mandatory A plus icon to strongly invite the user to add a new record ...
0
votes
3answers
81 views

Draggable canvas

I have a draggable canvas, in the way that the user will have to navigate by dragging the surface, but how do I inform the user that it is actually draggable? So far I have an open hand when not ...
1
vote
2answers
60 views

Order status indicator color [closed]

I am creating an android app from which user can order goods. I am using an price tag with various colors to indicate the order status. The statuses are OPEN - Immediate status after ordering, ...
5
votes
1answer
115 views

Where lies the origin of the common media buttons, play, stop, pause, …?

There are these play, pause, stop, forward, backward, record buttons everywhere. According to Wikipedia there is also an iso about them (ISO/IEC 18035.). But where did they originate from? What was ...
2
votes
4answers
137 views

Editable Field Icon Placement?

I have a form for uploading attachments (PDFs). After uploading them, there is a section (as seen in the image below) allowing you to rename the attachment, view it, or delete it. The edit icons seem ...
1
vote
1answer
104 views

UI to “change user interface language”?

How would you provide an UI to change user interface language? Say we have an web app that supports 20 languages and has fully localized user interface for all those languages. How to represent the ...
1
vote
1answer
59 views

Creating an icon by mixing existing icons [closed]

I'm trying to design an icon which will be mixed of two different icons. for example, a camera icon and video icon together in one single icon. Are there any design principles, ideas or links for ...
59
votes
8answers
10k views

How should you show that an accordion is expanded?

When you have an accordion, you need some way of showing the current state is expanded. There are a number of different ways of handling this, and each is used by a number of respected websites and ...
8
votes
2answers
444 views

Do users like icons on an input field?

Icons on input field Input field without icons Do icons really matter on an input field? Do they encourage users signing up?
3
votes
6answers
448 views

What is the optimal placement for the RSS icon? is there any?

I think for all websites it would be a MUST to ensure the RSS icon is displayed in the address bar! But there are tons of pages, who don't care and even hide the RSS icon somewhere on the site. What ...
29
votes
7answers
25k views

Use up or down arrow to represent “sort ascending” at table header

To represent "sort ascending" (a -> b -> c -> ...) , my first sense told me that, I should use ↓ to represent it. This is because if I lay my data a b c It seems like thing is moving naturally ...
0
votes
3answers
185 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
1
vote
2answers
112 views

Should icons be based on what they do rather than the appearance of an object?

A lot of icons or universal symbols are showing their age, such as the telephone handset, or the thermometer images I have seen in recent questions. What if instead of depicting a device, the icon ...
0
votes
1answer
39 views

How do users like social media information displayed?

I've noticed there are three main types of social media information: text, circle and square. Text https://www.khanacademy.org/ Circle http://www.rollingpinbakehouse.com/ Square https://...
3
votes
3answers
2k views

What is the origin / meaning of the icon used for “database”?

I've never really understood what this icon, that looks like an oil drum and is commonly used to refer to a database, is actually supposed to represent. What is it? As a matter of fact, I've ...
2
votes
2answers
96 views

Intuitive representation of “increase priority”

IGNORE THIS BLOCK We have a grid, each row represent a pending download. By default, downloads will proceed top-down, first row first, second row after that, etc. We want to put a column ...
18
votes
3answers
7k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
3
votes
1answer
66 views

'Open with' icon, is this symbol actually used for it? [closed]

Picking good icons is often a hard task and as much as possible I try to follow 'official' iconography. In the app I am currently working this is primarily the Material Design philosophy and when I ...
1
vote
3answers
96 views

Is there a preferred location for Expand / Collapse?

I'm in the process of designing a form that contains both required and optional groups of information. We currently use group section headers throughout the application so I've leveraged them here ...