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
2answers
113 views

How to deal with elements in a list forming a distracting vertical pattern

I'm using a list to display information. Each row needs to display two thumbnails, and a string. I noticed with this implementation that the layout of icons seems to resemble two columns. which may ...
3
votes
5answers
158 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 ...
1
vote
1answer
56 views

Windows desktop icon guidelines

Are there any modern guidelines for how icons should look in desktop Windows? I'm particularly interested in toolbar icons right now, but I'm hoping for some general icon guidance. The Windows ...
0
votes
1answer
53 views

Icons that represent same languages / different countries? [duplicate]

We're re-building this app for a client and he already has several language choices, including: English (US), English (UK) and English (AU) as well as Spanish (Spain), Spanish (Latin America). Of ...
1
vote
0answers
25 views

Android icon to unlock premium features [closed]

I'm working on a multimedia Android app and I'm not sure which icon to use for unlocking the premium features of the app. These are 1) adding text to images, 2) disabling ads plus 3) disabling the app ...
0
votes
1answer
6k 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 ...
170
votes
22answers
17k views

Save icon, is the floppy disk icon dead?

This Twitter post sparked me to ask the question: totally! RT @damienguard: Dear UI designers everywhere. Stop using floppy disk icons for save. Too many people have no idea what it is now. ...
7
votes
2answers
259 views

What is an appropriate visual metaphor for time units?

My app displays time units, such as [minute, hour, day, month, year]. There will be no magnitude associated. They convey the information "About how long will this action take?" (Think TODO list) Is ...
0
votes
1answer
24 views

Do I need to include an info icon on my links that fire a lightbox?

I'm building a multi-step checkout process and I have a bunch of links within each step that provide additional information for the user about specific input fields. The input field/and links are ...
0
votes
3answers
76 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 ...
2
votes
2answers
49 views

Displaying a “waiting to download” message within an iPad app

I am designing an app that will require data to be pulled from our main servers, and upon the first use of the app, there is one screen that will take a few minutes for all data to load. I've been ...
0
votes
1answer
67 views

What is the best icon to show that something can be dragged and reordered?

I am using jquery UI sortable to allow rows in an html table to be sortable. I want to use an icon for a handle and I am trying to figure out what is the best image / icon that would best illustrate ...
0
votes
2answers
58 views

What's the best way to choose between twisty and plus/minus icon?

When designing collapse and expandable rows, are there certain ways to choose between using a twisty icon vs a plus/minus icon? Below are examples I've taken from google search --- With a twisty ...
16
votes
6answers
2k views

Which share icon is most appropriate for web?

Now days there are multiple viable share icons available, but they are mostly mobile OS specific (iOS, WP, Android...). I wonder which icon should I use for the web that most of the users would ...
2
votes
3answers
115 views

Icon to convey “New,” to be placed next to new features in a web-based app. Any successful precedents/examples? [closed]

I am needing to create an icon to flag new features in our site (such as proprietary search filters, to start). We'd like this to be consistent and recognizable for all kinds of new feature roll-outs ...
0
votes
7answers
93 views

Does a lock icon show the user is logged in or needs to log in

I am working on a device where the admin can require the user to log into the device into order to use it. The developers originally used a closed lock to show that a user is is "locked out". For ...
75
votes
6answers
12k views

When to use icons vs. icons with text vs. just text links?

Are there any rules on when to use icons vs. icons with text vs. just text links in a web application? For example: vs. save vs. save Extra question: Is save -or- save preferable?
2
votes
1answer
51 views

Better options to show Open and Save option for each file in a list

A list of all input files is shown. User can click ‘Create Output Files’ to create output files for each input file. Now when all output files are created, ‘Create Output Files’ button becomes ...
0
votes
2answers
208 views

Login icon vs global icon on mobile

I'm working on a mobile website and have hit on an uncommon problem. The global site menu uses a hamburger menu (I know there's documentation we shouldn't be using this anymore - but that's another ...
1
vote
1answer
126 views

Pagination icons for next set of results?

Our search results page has pagination. We have links with the numbers one thru five to let the user navigate to the second, third, fourth, or fifth page of search results. After the number five, we ...
-2
votes
4answers
147 views

Is the 'magnifying glass search icon' right-handed because most people are right-handed? [closed]

Edit: one of the answers shows an set of icons, and 85% of them are right handed. Wiki data and other studies tend to agree with those numbers. But maybe this is only coincidence? Edit 2: Since ...
13
votes
5answers
6k 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). ...
5
votes
2answers
437 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 ...
0
votes
0answers
55 views

Sorting Button for E-commerce Listing Page

I'm working on a responsive project for e-commerce platform. For the XS view we will provide at the top of the list the tools to arrange and sort the list. I designed 3 drop-downs Categories, ...
0
votes
3answers
50 views

Embedded link in text or small link icon next to it in document?

In a document which has so many links (e.g. this CV), where the blue is overwhelming the black, and the whole sentences/groups of words are links, not just some words in the middle, should we use a ...
2
votes
4answers
97 views

Selected state of two icons--clarity

We are designing a site that has list and grid views. We are having a heated discussion about which design shows more clearly that the grid view is selected. So I turn to you: Which version shows ...
2
votes
2answers
64 views

Workflow and icon status [closed]

I'm designing a new web app for my company. This web app allows the users to check some orders. For each order, we envisage to have the following status : I wonder which icon we should use to ...
0
votes
5answers
74 views

Best way to differentiate “downloading content” and “downloaded content”

I'm working on an iOS app that lets users download and watch video content. In the playlist section I'm trying to find a way to clearly show what titles are being downloaded, and which ones have been ...
0
votes
1answer
138 views

Why is Apple using the settings icon for showing more options?

What could be the reason for Apple to use a gear-wheel in its Finder to show more options when everybody else seems to use this icon for "Settings"? Even Apple uses it again for the System ...
23
votes
10answers
968 views

Ways for a company to organize common/shared Icons Images and Graphics

Are there any common tools that are used to store Icons Images and graphics for a company wide audience? As a programmer I would store everything in git so people could update it and track the ...
3
votes
4answers
383 views

How should content of right slide menu be designed?

I have two options for displaying content in a right sided slide menu but am having a disagreement with my co-founder on which to use. Neither one of us is a designer but we're trying to figure this ...
0
votes
2answers
64 views

General symbol for randomization

I'm working on a tool that has multiple options to use "random" values. For example, you can place down images, and you can have them Offset from the grid. But you can also check a ...
276
votes
20answers
20k 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? ...
27
votes
3answers
10k views

Is Apple's or Google's meaning of the three-horizontal-bar icon more popular?

Apple and Google are going head-to-head to define meaning of the three-horizontal-bars icon: In iOS this icon means "drag me to rearrange items in a list" while Google Chrome's version means "click ...
1
vote
3answers
142 views

Should mobile slideout menu close icon indicate direction of view change or UI movement?

Building a responsive site for a big consumer brand, and we're using a hamburger slideout menu from the right. This slideout will move the content off screen to the left, rather than sliding out over ...
0
votes
1answer
100 views

Is the button placement in Linkedin's new invitation dropdown correct?

Accidentally I deleted one of the invitation in Linkedin. The problem there was the delete invitation button is aligned to the icon which opens new invitation drop down. Is it a right UX practice? ...
27
votes
12answers
3k views

Will using “X” for both “close” and “remove” cause confusion

I'm working on a shopping cart design. I'm currently using "X" to mean both "close" and "remove" in the interface. As shown in screenshot below. Will this cause unnecessary confusion? For quick ...
2
votes
3answers
200 views

Should I use a separate icon if the response will be slow?

I'm currently building the UI for a webapp where users can refresh various bits of content. The speed of this refresh depends on the type of content. In most places this is a very quick operation (max ...
2
votes
2answers
175 views

Is it ok to have two buttons with similar functionality?

I am currently working on a system that involves removing sections of an application and rows in a table. Do you think it acceptable to have one remove button and one cancel button (x icon) which do ...
2
votes
4answers
117 views

Indicate recently answered question

I am working on an web-application form which represented as table rows. These table rows hold item information and can be checked or unchecked. When saved, all checked items are set to be seen by ...
2
votes
2answers
62 views

ECommerce design: Collective price display vs No. of items

Often on sites of an ecommerce nature, a shopping cart icon will display in the site header/toolbar together with a quick summary of the users activity. This will usually be in the form of either: ...
1
vote
1answer
315 views

Hamburger Icon/Android Iconography Guidelines

I have the Hamburger/Menu icon in the top left corner of the app in the Action Bar. I know that the normal action bar items (which are on the right) have specific rules about size and opacity (like 60 ...
20
votes
2answers
3k 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: ≡ -> ...
2
votes
1answer
62 views

How to indicate a control's value is pending submission

In the application that I'm currently working on, the user is allowed to make changes to a subset of data from an external data source. Changes are made using basic or custom controls such as Toggle ...
2
votes
4answers
214 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
3
votes
2answers
277 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 ...
41
votes
11answers
6k views

Has user testing found that the “three horizontal bars” for main menu on mobile is commonly understood?

"Three horizontal lines" aka "hamburger icon" seems to be becoming a convention for the "main menu" button, especially on mobile sites: Has anyone done any user testing of this convention, or got ...
4
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, ...
14
votes
2answers
1k views

Info Icon vs Question Mark

We're debating inside our team on whether to use a question mark icon, or an "i" icon for prompting a tooltip that reveals more info. Which do you say conveys the message better? Or, how do they ...
0
votes
2answers
111 views

Which icons can best represent “portfolio”, “process”, “motivation”, and “reflection”?

I'm building my portfolio website. On the navigation bar, there are 3 links: Home, About, and Portfolio. I plan to use icons with them. Home would be while About is Which icon should "portfolio" ...