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)

4
votes
1answer
74 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 ...
0
votes
0answers
34 views

Need suggestion for selecting icon for this menu [closed]

I need some icon for this bold titles. I can,t find any icon idea for some titles. I have a accordion menu, look,s like this:     Settings           ...
2
votes
5answers
122 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
77 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
415 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?
1
vote
3answers
50 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 ...
3
votes
6answers
427 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 ...
25
votes
7answers
22k 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
162 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
102 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
92 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
59 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
66 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
41 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
94 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
112 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
107 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
97 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
2k 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
14k 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
50 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 ...
20
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 ...
312
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
93 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
25 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
905 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 ...
4
votes
8answers
964 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 ...
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 ...
1
vote
1answer
99 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 ...
1
vote
2answers
67 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
59 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 ...
6
votes
4answers
597 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
2answers
64 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. ...
24
votes
5answers
11k 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 … ...
38
votes
5answers
5k 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 ...
2
votes
2answers
101 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
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
396 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
62 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
7k 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 ...
6
votes
3answers
688 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.