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)

30
votes
13answers
3k 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
37 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 ...
3
votes
3answers
149 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 ...
0
votes
0answers
20 views

Icon for selecting related data [on hold]

I am working on a web application that includes a feature to export some data. When exporting this data, there are 2 types of entities that the user can select: Type A and Type B. Type A is its own ...
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
747 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
57 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.
0
votes
0answers
23 views

Icon for 'Mulltilingual' [closed]

I am not sure if this is the right place for this type of question, so please feel free to move it to the right place. I am wondering what icon can be used to represent 'multilingual'. For example, ...
3
votes
2answers
95 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
42 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
95 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 ...
6
votes
1answer
96 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
60 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 ...
210
votes
23answers
22k 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
56 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
555 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
149 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
36 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
63 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
30 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
108 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
133 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
90 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
55 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 ...
58
votes
8answers
9k 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
427 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
429 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 ...
27
votes
7answers
23k 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
170 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
104 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 ...
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
94 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 ...
18
votes
3answers
6k 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
61 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
72 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 ...
3
votes
1answer
47 views

Mandatory icons on the Windows desktop?

I manage IT for a medium-sized VA hospital. My users seem unable to use the Win 7 program groups effectively. Despite the fact that they need dozens of applications to do their jobs, there is a ...
24
votes
2answers
2k views

Do Samsung's Marshmallow skin Quick toggles have enough contrast?

I recently updated to Marshmallow, and I'm not happy with the blue over white scheme in daylight conditions. My question is if it's just me, or if this is documented and studied somewhere? If so, how ...
3
votes
2answers
102 views

Monochrome or Colorful Icons for the Toolbar of a Desktop Application?

I'm going to create a new icon theme for Libreoffice (a word processing application that runs on Windows, Mac and Linux), but I still need to make some decisions regarding the style of the icons. The ...
1
vote
1answer
126 views

Icons vs Icon colors

I would like to know if there is any specific studies regarding color vs iconography in differentiating and identifying icons. Differentiating and identifying, defined as being able to make a quick ...
2
votes
1answer
110 views

Is this clear enough for the user?

I am working on a program where many options have sub-options, and it is possible to have different values, or a 'master' value. Currently there is a checkbox dedicated to it, but I was planning to ...
2
votes
2answers
108 views

more details icon with or without labels?

i am working on the product details (PDP) page for ecommerce website , in the Information Section on the PDP (to the right of the main product image)for some information i need to add more details ...
8
votes
4answers
3k views

Why is the settings icon either associated with gears or a wrench + screwdriver

I was wondering what the association between gears and settings is because the symbolism/iconography is not clear to me. I can see that in the old days people might have used the wrench or screwdriver ...
0
votes
2answers
15k views

Why does Android not show an icon in the overflow menu?

After Android introduced the action bar after 3.x, I found that its native API hides all icons if the menu item is shown in overflow (three dots (ellipsis) on a MENU-button-lacking device, or after ...
1
vote
1answer
56 views

How do I use different versions of an icon from same PNG file? [closed]

I've seen in many websites, that they store multiple versions of an image, whether it is an icon, or a button, or anything else, in the same PNG file. I even stumbled upon a PNG, where there were 24 ...
22
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 ...
316
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
96 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
27 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
943 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 ...