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
0answers
56 views

Icon Challenge! [on hold]

"A picture is worth a 1,000 words" We all know that using icons effectively in our applications can… - Transcend language barriers - Help users better understand & interpret information - ...
2
votes
2answers
53 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
67 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 ...
4
votes
3answers
60 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
186 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 ...
35
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
64 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
113 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
45 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
104 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
67 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
40 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
68 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
44 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
159 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
111 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
98 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 ...
2
votes
4answers
135 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
107 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
435 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
95 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 ...
3
votes
1answer
64 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 https://...
1
vote
3answers
82 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
53 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
66 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
111 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
133 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
113 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
115 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
59 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
104 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 ...
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 ...
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 ...
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 ...
15
votes
6answers
987 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
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. ...
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 ...