Questions tagged [icons]

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.

Filter by
Sorted by
Tagged with
7
votes
5answers
2k views

Is the hamburger icon a recognized navigation symbol? [duplicate]

Do you think the icon "☰" is enough for users to know that a menu is underneath? Medium.com doesn't even use an icon, it is linked from its logo on the top. Other websites just use the word "Menu" ...
7
votes
4answers
3k views

An icon indicating something has changed or been edited? [closed]

Any suggestions besides the obvious pencil or highlighting with colours? I am stumped, this was trickier than I thought. It is for a search function/filter if that helps but a universal symbol would ...
7
votes
4answers
2k views

Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]

I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
7
votes
3answers
2k views

Is a check mark a good way to indicate something that's approved?

In building software in which we compare products with environment requirements, we've had an internal debate on how to best show approved/disapproved in black/white print. I've been under the ...
7
votes
3answers
10k views

What is the correct usage for toggling triangle icons (down/up) on a click-to-reveal link?

I'm working on a UI where users can toggle a button to show or hide a div. On the 1st click, the div appears below the button with a slide-down effect. On 2nd click, the div slides up to hide. ...
7
votes
6answers
1k views

What's the best “show navigation” icon for limited screen space

I read through the article and comments on "We need a standard show navigation icon for responsive web design" by Andy Clarke and it got me thinking about the subject and I'd like to hear your opinion....
7
votes
1answer
654 views

Can I use the same share icon for different functions?

So, in a nutshell, our platform gives people the chance to edit maps and data. These maps can be shared through a link with other people (or embedded) with the use of some templates we created. We ...
7
votes
5answers
2k views

Triple-state toggle: 'turn on', turn off', 'auto turn on and off'

Currently I'm working on some software settings screen, and there are a number of features, that could be turned on and off manually, but also kept in kind of 'wait mode'. If a feature is in 'wait ...
7
votes
2answers
2k views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
7
votes
1answer
787 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 ...
7
votes
2answers
1k views

How to interpret wcag2.0 guidelines on contrast for buttons and icons

The accessibility guidelines from the W3C offer neat and usable guidelines for creating text that is readable for everyone. There are a number of very useful tools for checking contrast levels, so it'...
7
votes
1answer
111 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 ...
6
votes
5answers
2k views

Can an icon depicting two arrows pointing in opposite direction be used as an indicator for “Follow me”

I am making an icon depicting "Follow me" can 2 arrows pointing to either sides be used as follow me or any other suggestions arrows in a circle??? chain link...?
6
votes
3answers
806 views

Use UAC Shield icon to indicate (non-Windows) elevation will be required?

i am working on financial software where there are many times where a "supervisor" is required to authorize that the user can continue, e.g.: user wants to void a funds transfer user has a variance (...
6
votes
5answers
5k views

What does an folded corner (earmarked page) represent to a user?

I'm designing a user interface where the user will be editing letter templates. I'm wondering what a folder corner (earmarked page) represents in UX design. Thanks! Like so:
6
votes
3answers
31k views

Up arrow for increase, Down arrow for decrease, what for no change?

We have a web application that lists prices of a stocks and we have a requirement to indicate a movement. When there's an increase in price we add an up arrow, where there's a decrease in price we add ...
6
votes
4answers
689 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?
6
votes
4answers
282 views

How can I know an icon will relay the same meaning across all cultures?

I work for a multinational company with websites in about 40 countries. There is a mix of European, Asian, Pan Pacific, North and South American countries we serve. I have been asked to design a ...
6
votes
5answers
5k views

Should icons be used to represent “name” and “surname” in a form?

Maybe I'm wrong, but it seems to me that the use of icons inside form fields is becoming very popular, especially in signup and login forms: Now, for email and password fields, I can see that the "...
6
votes
2answers
1k views

What are the universally understood symbols for “remote computer” or “server” or “the internet”? [closed]

I've recently came across an idea that mobile device icons are growing into a pictographic language of their own. For example the floppy drive can be considered a universally understood symbol for "...
6
votes
2answers
2k views

Logical Operator Icons

I'm building a WPF UI for configuring some complex business rules; each rule can have many conditions, so I figured I would include a drop-down list of logical operators so that the user could have ...
6
votes
2answers
565 views

Is there a widely-understood visual metaphor for privacy?

On our profile page, we're giving users choices among three privacy settings for each field. The checkbox choices will not appear until a user highlights a particular field, but we do want to convey (...
6
votes
4answers
364 views

How do I display two notifications types on same icon?

What is the best way to display two notification statuses on one icon. Business has requested need to view escalated items as well as new items on first glance. I would like to know is if its proper ...
6
votes
4answers
399 views

How do I communicate the absence of settings?

A table in our web application contains items where one column specifies whether the item has a policy bound to it or not. This column can display three different states: Has policy : ACTIVE Has ...
6
votes
2answers
514 views

When is the appropriate time to use the “i” icon in an app?

I am currently debating if: The "i" icon should only be used when the target page\view only displays additional information. (help text, credits, about, terms & conditions, etc.) The "i" icon can ...
6
votes
2answers
355 views

Why would a battery indicator display a battery with open perimeter?

Here's how a Nikon D80 camera battery indicator can look like (depending on charge state) You see, it's a usually looking "battery cylinder" symbol, but the "cylinder" perimeter is open - the lower ...
6
votes
4answers
2k views

Is there any value in using “irrelevant” icons

I'm currently wireframing/"UXing" and doing the front-end dev work on the rebuild of a reasonably big intranet app with lots of data in various sections. To make things easier for the users to pick ...
6
votes
3answers
146 views

How would you distinguish “Sets” from “Folders” in a collection of tiles?

I'm displaying both Sets (which contain Cards) and Folders (which contain Sets) on the same page. Ideally they'll both be tiles. I'm not sure how to make it easy for the user to tell the difference ...
6
votes
2answers
408 views

Where can I find guidelines on when to use the red octagon with exclamation mark icon in Mac OS?

This icon is shown under Mac OS when a disk is unmounted without being ejected first. It is sometimes also used by other applications. Can someone point me to a place where the acceptable uses for ...
6
votes
2answers
764 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 ...
6
votes
4answers
595 views

Handling inactive notifications icons

With our app, there's currently a list of notification icons in the left side of the page. This are to alert you to events or things to do (e.g. you haven't contacted customer x for 30 days, you have ...
6
votes
2answers
640 views

What menu strip items and other controls deserve their own icon?

I'm creating an application which has buttons and menu strips everywhere. I have icons for nearly object (from icons to menu strips). The problem is, I want my application to be professional and I'...
6
votes
2answers
879 views

Hover over icon

Along the lines of visual clues when hovering over a hyperlink, doesn't the same apply to icons? I ask this question since I noticed none of the SE sites I know of have this behavior when hovering ...
6
votes
3answers
1k views

On log in form, what should a password unmask button look like and say?

On the log in form, I want to give users the option to unmask the password field so they can see what they type. The phrase "unmask password" is too technical and its purpose may not be apparent to ...
6
votes
3answers
1k views

How to Find the Best Icon to Represent a Concept?

I am developing a visual programming language, and after reading this paper it looks as if icons are a very good solution to improve the language and increase understanding. But since I am a ...
6
votes
3answers
101 views

How do I mark a package download if the individual items (within the package) are listed beside it?

We are having a dilemma and I thought to ask the experts. We offer video, xml and package (< video plus XML) downloads. If the user downloads the video, a green marker appears showing that it has ...
6
votes
4answers
339 views

How to show a score without numbers?

Context : I'm working on a telematics app for an insurance company. Drivers have to drive correctly and the AI calculates their global score vs their trip score. The score can vary (increase or ...
6
votes
2answers
1k views

What should a toggle switch do when using a multi-select?

When an item in a list has one of two possible states, how should the toggle switch behave when items have been selected that have different states? Neither action is dangerous, but it may act on ...
6
votes
4answers
852 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 ...
6
votes
1answer
1k views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
6
votes
2answers
23k views

Cool/heat and sun/snowflake display on A/C and other machines

This question has been bugging me for years. I remembered it when I read this: Toilet flush buttons In A/C most of the times is easy. Generally there is a snowflake for cooling mode and a sun for ...
5
votes
8answers
2k 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 with ...
5
votes
2answers
2k views

Does Computer mean Desktop and Laptops?

I'm creating a step-by-step chart which specifies to users that we suggest them to be on a desktop (or laptop) to properly use our system. It's a web browser system, and it uses extensive text input, ...
5
votes
8answers
896 views

Is using a house-shaped home icon deprecated? (for mobile)

I'm working on a mobile site and am wondering if a small icon in the shape of a house is sufficient to function as a "back to home" style link. This feels very "web 1995" but I still see it today and ...
5
votes
6answers
1k views

Icon to “Reset camera view” [closed]

Imagine you work in some 3D application where you can control the camera and view data graphs from different points of view, controlling camera position and direction. Sometimes you might get lost in ...
5
votes
5answers
9k views

Email address/app icon : is “@” sign still relevant today?

I have a doubt about the appropriateness of using the @ sign on an icon, to mean something related to email. For instance, a project I am involved into uses it the following ways: On a contact ...
5
votes
4answers
386 views

Generation dependent icon set?

When I started my computing carrer in the 1980s the tool we used were very different from those used today. At first there was no possability to even save ones work. You had to write down your code on ...
5
votes
4answers
231 views

Rearranging icons by most recently used

I am looking for some studies that examine how users perceive controls (e.g. navigational icons) that are rearranged based on most recently used. Also it would be interesting to see how rearranging ...
5
votes
3answers
2k views

Icons for username and password [closed]

I have login page with two input boxes, one for username and one for password. On the left of these input boxes, I want to put descriptive icons. I think the profile of a bust, and a key, would be ...
5
votes
3answers
918 views

Best icon to represent transparency? [closed]

What would be the best image/icon to represent transparency? It should be as compact as possible and fit in a 13x11 area. I see that I should add more information. I need this image/icon to be placed ...