We’re rewarding the question askers & reputations are being recalculated! Read more.

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
23
votes
7answers
2k views

Are grayscale buttons with icons usable and effective?

The image here is old gmail new gmail, when no mail is selected new gmail, when mail is selected new delicious To me, the buttons are unlabeled and tough to discover. I don't believe the icons do a ...
22
votes
2answers
4k views

In RTL mode do icons need to be mirrored?

I am working on a website that has both an English and Arabic version, and the site has a lot of icons. Can I flip all images in right to left direction for the Arabic version as shown below?
22
votes
2answers
25k views

What the difference between the 2 menu icons: 3-dots (kebab) and 3-lines (hamburger)

What the difference (if there is any...) between these 2 menu icons? 1) 3 lines (a.k.a burger icon) 2) 3 dots (a.k.a kebab icon)
22
votes
6answers
9k views

How to best indicate navigation menu on mobile

What's the best way to indicate the navigation menu on mobile devices? I see this three-bar icon being used a lot, but do users really understand what it means? Wouldn't a button simply saying "...
21
votes
4answers
3k views

Icon for adding/removing from favourites: indicating state vs. action

Lets say that we have a mobile app that allows users to search for favourite artist and follow add them to their favourites. While searching for new artists, probably some of them are already to the ...
21
votes
2answers
4k views

Why do websites use a graphic instead of the HTML entity `≡` for the menu icon? [closed]

Every time I see a website with a menu or a navigation bar, i see the three dash menu button?. And they always use an icon, .gif, .png etc... But there is an HTML entity for that: ≡ -> &...
21
votes
5answers
12k views

The Hamburger Icon - menu or drag affordance?

There seems to be a difference in meaning for this icon emerging: For some it means 'menu', for others it represents 'draggable item' (in preference to the small dots used in GMail for instance). Is ...
20
votes
8answers
19k views

Symbol for “Swipe Left” [closed]

I'm working on an app that displays a list of ten items (text items) on the screen at a time. If there are more than ten items, the user should be able to "swipe" from right to left to see the next 10,...
20
votes
8answers
4k views

Icon for “factory reset” [closed]

I'm having a hard time finding an appropriate icon for "factory reset". At the moment, I have a "warning" icon, but I am looking for something less aggressive and more to the point.
20
votes
5answers
14k views

Do shapes connote differing degrees of hazard?

I'm working on designing an icon set and experimenting with a few different styles. One style would involve every icon being the same color. However, color is really good at differentiating things ...
20
votes
7answers
4k views

The psychology of everyday shapes

We know a lot about colours and how they affect people, but what do we know about shapes? When choosing icons or logos, how do the shapes in them affect their perception? Does anyone know of any ...
19
votes
11answers
4k views

Is it ok to use arrows to indicate money movement in & out of an account?

I have seen numerous examples of banking applications that use arrows to indicate money in and out of an account. However the direction of the arrow is a bit problematic, specifically in which ...
19
votes
1answer
695 views

Is the question mark “?” internationally recognised as an icon for help?

I'm looking to use "?" as my help button icon in a desktop application but I'm unsure how universally recognisable this will be. I can localise this for different culture if necessary. Any ideas?
18
votes
7answers
3k 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 ...
17
votes
6answers
5k views

Why was the “Airport” icon chosen to mean: “radio emissions on your device are disabled”?

I am amused as I drive around nowadays and see "Airport" icons on blue informational signs and I have cause to think: "Well, no WiFi or Bluetooth there!" That is probably what children are thinking. ...
17
votes
5answers
3k views

Show/Hide Password Icon - Eye/ Closed Eye? Is the “Eye” icon offensive to any cultures?

I am on a project where we are implementing show/hide password functionality, and after significant research I discovered the 'Open Eye'/ 'Closed Eye' to be fairly standard. Once this was implemented ...
16
votes
3answers
2k views

Icons in table head - good practices

When to use icons instead of texts? Are there good practices related to the subject? Ex:
16
votes
11answers
10k views

“Tool” or “target” on vacuum cleaner pedal?

I always get confused by the icons on my vacuum cleaner pedal. Take a look at the upper icon. Is that icon representing 1) The tool. I.e. "Your now using the pedal without the brush" (ergo, on a ...
16
votes
4answers
3k views

Why is everything becoming flatter? [duplicate]

Things in the design world seem to be getting flatter! I can produce infinite examples; iOS7, Windows 8 (and everything else in Windows 8), Pepsi, the Dropbox logo, even things outside the computer ...
16
votes
4answers
992 views

How to tell the user that an input box is autocomplete-enabled?

Is there a good graphical sign which tells the user that a particular field on the page is autocomplete enabled? For instance, the field name says "Document author". When you start typing in that ...
16
votes
5answers
3k views

How to represent level of difficulty while selecting a game?

I am working on a menu to select from various (3) game variants shown from top to bottom, each variant offering different difficulty levels. The difficulty will be selected by swiping (touch input ...
15
votes
6answers
855 views

Consistent UI experience

Shouldn't a user interface be as consistent as possible? I believe when a user uses an interface, he experiences certain behavior from the interface, and tries to couple those experiences to the rest ...
15
votes
7answers
9k views

How should the filter feature manifest itself in google material design tables

I've checked the material design documentation but there is no clear indicator that I can see to tell me what happens if I click on the . Here's the icon in situ. I want to know what the interface ...
14
votes
4answers
2k views

Are 3D icons better than 2D?

I've seen an increase of 3D icons in the recent past. I am not convinced they are better. Instead they may actually be worse because space is taken up by the projection. Is there any evidence as to ...
14
votes
3answers
3k views

Best practice for Navigation usability? [closed]

I'm currently working on a social network type system, and was wondering about the best practice for navigation. Would it be better to use Icons or Text? I was thinking a mixture, icons for some ...
14
votes
1answer
1k views

Using wheelchair symbol in CAPTCHAs?

More and more websites that use CAPTCHAs have started to cater for visually-impaired users who cannot solve a visual (text-based) CAPTCHA by providing an audio CAPTCHA. What I find bizarre is that ...
14
votes
6answers
2k views

Icon for cancel action to distinguish from delete icon [closed]

I'm dealing with a space sensitive environment where I have a Save/Cancel actions that need to be icons. In the same area the user can also delete items, using something similar to the one in this ...
14
votes
2answers
1k views

What do the three bars in old installers mean?

Quite many old setups look kind of like this: I always wondered what the three bars in the bottom left-hand corner mean. I really have no clue.
13
votes
5answers
2k views

How do we represent that a search feature has “intelligent” capabilities?

My software company is beginning to implement "intelligent" query capabilities to the usual search boxes for our customers and I think that this necessitates the need to evolve from the old standard ...
12
votes
5answers
1k views

Icon for “Remove All” getting confused with “Remove” - how to fix? [closed]

Our application has a button to Remove (removes selected item) and Remove All. Currently the icons are right next to each other and look similar; therefore users accidentally have been clicking ...
12
votes
4answers
1k views

What's the tradeoff for using an icon driven navigation?

It seems a common theme these days for the UI design of many web applications to use icon driven navigation (so fixed sidebar on the left consisting of only icons for navigation) Wondering why this ...
12
votes
6answers
2k views

full-color icons vs. greyed-out icons in menus

Icons in menus are often full-color. Even though the page an icon/menu item controls is not active, the icon still appears in its normal hues. To distinguish the icon which is active, a designer will ...
12
votes
1answer
2k views

What's a good alternative to flags for depicting internationalisation as an option?

Are flags a bad idea? In various comments on How to design a multi-language website?, several designers voiced their concern for the use of flags as a symbol to represent language switching on a ...
12
votes
4answers
4k views

Do iOS / WP users recognize the Android share icon?

I've been assigned the task to add an icon / CTA to enable users to invite people to our application from their contact list. Due to width restriction, especially with localization, one of the ...
12
votes
1answer
2k views

Microsoft Visual Studio 11 - why would they use uppercase in UI?

Microsoft has been very transparent with their updates to Visual Studio 11. It includes a huge change to the UI design of the entire IDE, most notably colour themes, icons and capitlization. In their ...
12
votes
6answers
2k views

Alternatives to the “play/pause” button

I've never been happy with the old 'iTunes' model ("flip-flop" buttons; see this question) where the play and pause are the same button, with an icon showing what state you can go to (Play when you're ...
11
votes
3answers
2k views

Which accordion Identifiers work best?

which accordion identifiers make more sense? plus and minus OR up & down arrow chevrons I'd be very interested to see if anyone has any analytics or proofs on these concepts. As always, ...
11
votes
6answers
3k views

Multiple choice with Yes, No and 'No answer'

I am working on a Quiz Application for Multiple Choice question. Instead of normal Multiple Choice Questions with the two answers yes and no. I am working on one that allows a user to abstain to a ...
11
votes
5answers
3k views

What symbols should be used for YES and NO when the user can't read?

This is a non trivial problem, as demonstrated by this blog entry. There are problems with all the obvious options: Check and X : we're already using that as "correct" and "incorrect" Thumbs up/...
11
votes
5answers
6k views

What symbol to use to represent feedback

When reading Which "Like" symbol is best to use I suddenly realised that the UX community may be able to help me solve a little problem: I'm working on a site which has just gone in to Beta and as ...
11
votes
6answers
4k views

Should map markers be called pins or markers?

For reasons I won't explain, I have to change the word 'issues' to something different in our UI. 'Issues' corresponds to the number of map markers on a user's map. Should 'issues' be changed to '...
11
votes
3answers
6k 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 been ...
11
votes
2answers
2k views

CRUD Operations icons vs. menu

What would you suggest the best practices for CRUD operations options. Consider the following design; Should i keep icons for each operation or create a drop down menu with all the options inside? ...
11
votes
1answer
6k views

What's an in between for a big red X and a big green check mark? [closed]

I'm trying to find ideas for a good, iconic, or not so iconic but still works, in between of a big red X and a green check mark. The context is in a feedback popup to a short 3 - 5 question quiz that ...
11
votes
2answers
1k views

Icon-only navigation bar for a desktop application?

I am working on a groupware application running as a desktop application (not in the browser). I wanted to keep the interface really simple and minimalistic so my users will not get distracted by a ...
11
votes
1answer
848 views

Has the ☰ (three horizontal bars) menu icon received much adoption outside of the western world?

A lot of web sites use to indicate a button that will trigger a navigation menu. It has, for example, been included in Twitter bootstrap (which is used at over a million sites). It is also used to ...
10
votes
5answers
2k views

Icons for Like/Dislike/Regular [closed]

Following the answers I got at this other question, where you guys showed me that 5 stars ratings are somewhat complicated for the users to chose an option from, I decided to implement a 3-options ...
10
votes
6answers
1k views

Floppy disk icon for “Save” [closed]

It's funny that we still use floppy disks icon for save operation association while floppies have long been outdated, unused and many computer users nowadays don't even know how floppy disks actually ...
10
votes
3answers
7k views

What are two good unicode characters I can use to represent “Likes” and “Dislikes”? [closed]

I'll be displaying YouTube Like/Dislike ratings for videos in a text-based format, so I'm using unicode's vast icon codepages as a way to display various things (such as star ratings, using U+2605 ...
10
votes
3answers
11k 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 ...