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)

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 ...
2
votes
3answers
145 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 ...
26
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 ...
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?
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 ...
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
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 ...
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 ...
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 ...
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
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 ...
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?
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 ...
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 ...
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 ...
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 ...
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 ...
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
101 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 ...
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 ...
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 ...
1
vote
1answer
102 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 ...
4
votes
8answers
980 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 ...
1
vote
2answers
71 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
64 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 ...
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 ...
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 ...
0
votes
2answers
68 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. ...
0
votes
0answers
63 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
431 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
64 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 ...
0
votes
1answer
75 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 ...