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

Is it better to place text above or below icons?

This UX.SE question discusses the use of text above vs. below images & videos, and in general the answers say to put text below images. I'm thinking that it must be different with icons, since ...
10
votes
11answers
714 views

Showing which direction a value should go towards

I have an interesting UI challenge. I have a ratio that I am showing in two ways: one using a percentage surrounded by a circumference pie chart, and the other showing a status bar. In some cases a ...
10
votes
7answers
2k views

Best Icon for minimize [closed]

I'm always struggling with choosing the correct icon for minimizing action. For ex: In accordions menu or on panels that can be minimized what would be the best icon : An arrow that rotates like in ...
10
votes
4answers
1k views

For a web-app, how to differentiate “cluster” marker icons from normal icons on a map?

We have a map with around a dozen different kinds of markers, and there are too many to display at once so we're using cluster icons to represent multiple markers that are close together. What ...
10
votes
5answers
4k views

What is the best way to graphically display item's position in a ranking?

My app has a table containing a list of financial securities. One of the columns is the security's position in a list of all available securities ranked by performance. For example: security XYZ is ...
10
votes
8answers
1k views

Placing icons next to numbers - to the right or left?

In our system, we have many places where we show number values, and next to them we show an icon indicating whether the value is good/mediocre/bad. Before I joined the team, there was no guidelines, ...
10
votes
4answers
966 views

What symbols can I use to represent different levels of probability? [closed]

I have an app where I need to show how likely an item is, e.g. "very likely", "quite likely", "not very likely". What kind of icons could I use to show this? I don't need any pre-made icons, I would ...
10
votes
6answers
1k views

Colliding icon meanings

In the interests of fitting in with design guidelines and not wanting to endlessly push icon pixels, I try and use Android's1 built-in icons as much as possible. Occasionally, that means combining ...
10
votes
5answers
2k views

Do icons need labels on mobile apps?

There have already been studies that prove labelling icons enhances usability on desktop applications. This is why Microsoft Outlook started labelling its icons. Does the same logic apply to mobile ...
10
votes
5answers
2k views

Visualize a “reset” functionality in a toolbar icon [closed]

We have a 3D model viewer application. The user can scale, rotate and translate the model. We want to add a toolbar button that allows the user to bring the model back to the original position, scale ...
10
votes
1answer
194 views

Marking contact as primary?

Currently in the application that I am designing, we are displaying just a short amount of contact information, which means that if the contact has 4 different numbers (i.e. mobile,home,work,fax), ...
10
votes
3answers
682 views

App icons borderless or on a button?

In an app, when using icons, we can have place it on a button, or have the icon borderless. I would think that having it on a button gives better affordance, but it seems that many reputable ...
10
votes
5answers
6k views

Best way to display plus/minus or pros/cons short sentences

I have information in short sentences (bullet list) and each bullet could be pros/cons or plus/minus toward a product. What is the best way to display it nicely? For example: + Price is cheap + ...
10
votes
3answers
32k views

Icon for unmasking passwords (open or closed to begin with)? [duplicate]

What is the convention for showing toggle icons to a user? This question is specific to password unmasking, but it can easily be used in "on / off" icons et al. In our situation, we have an unmask ...
10
votes
1answer
2k views

Are the Metro UI icons poor for usability?

While looking at Metro UI styles I thought about one of the unique aspects of the icons. Their placement inside circles. E.g. I can imagine that this provides a target like effect, emphasising the ...
9
votes
3answers
14k views

Battery - what percentage range to use for each color?

I need to display battery with 3 colors: green, orange (or yellow?) and red. This device's battery (like iPad, iPhone etc..) with a battery life of up to two days. What percentage range to use for ...
9
votes
6answers
460 views

How to layout an icon, text and number within limited space?

If I have limited space, typically narrow enough that I cannot just spell things normally like "4 Strength" or "Strength 4", as this shrinks the font to nearly unreadable. How can I layout an icon, ...
9
votes
7answers
2k views

How to indicate a form-field error?

I have two candidates for indicating that a form field is in an error state. Option 1 Option 2 Should the error icon be in the field, or next to the label? Or something else? Or does it not matter?...
9
votes
5answers
665 views

“Locked” and “secure” icons in one interface

In case of a need to show both "locked" and "secure" icons on one element in an interface (let's say it is one of many tabs in an internet browser, where 'locked' and 'secure' refer to different ...
9
votes
2answers
19k views

List icon vs menu icon

As of Ice Cream Sandwich, the new standard icon for menus is three vertically aligned squares as such: Before that, the menu expansion was three horizontal lines like this, but without the triangle: ...
9
votes
4answers
706 views

How can I avoid placing a legend on top of the table to tell the user what each icon means?

You can see an example here: As you can see, I am stuck with having to tell the user what each icon means. I also mention what a functionality does, such as "Click on a feature to filter out ...
9
votes
3answers
10k views

What's a good icon/paradigm for a “show/hide” toggle button image? [closed]

I need to give an option to show or hide certain detail. What's a good pair of icons for "show/hide"? Sorry, let me clarify. I am going to use it in a MS Office Ribbon style navbar at the top. The ...
9
votes
3answers
2k views

Does it matter which direction an icon faces?

Is there any research done on whether the direction an icon faces matters in the recognition of the icon representation? In other words and with a specific case: Would a left oriented search icon (...
9
votes
2answers
373 views

What design principles and/or guidelines we should use for vote-up/vote-down and counters?

Several times I have clicked the icons next to the counters totals (vote-up/vote-down) on YouTube while trying to vote up or like a video. What are the design guidelines and/or principles for placing ...
9
votes
2answers
845 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?
8
votes
5answers
4k views

Why are icons on mobile phone menu screens square or rectangular but not circular?

If you take a look at the app page of any mobile OS, for example iOS, Android, Ubuntu, Win8, BADA, etc., they all have square icons, either with rounded corner or sharp corners (shown in the first ...
8
votes
7answers
809 views

More Intuitive Search Icon - Maginfying Glass or Pair of Binoculars? [closed]

I'm busy redesigning our main application's UI and we're adding a search feature. In your experience, between an icon of a magnifying glass and a pair of binoculars which icon is more intuitive? I ...
8
votes
9answers
1k views

Do many spinners on a page look good?

Our engineers are making some changes to our RESTful service calls, so on one page we are making many calls to get different contents through different AJAX calls to fetch small amounts of data, ...
8
votes
5answers
4k views

Appropriate icon for “change” [closed]

I would like to change an icon symbolizing change with something more appropriate. Currently the icon is a star. After giving it some thought I realized that I didn't have a good concept of what ...
8
votes
1answer
745 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 ...
8
votes
3answers
3k views

Should a logo always be square? [closed]

I want to create a new logo for myself. Because I love typographic logos, I'll create such a logo. The most of the logos I see are square, but for a typographic logo it is sometimes hard to create a ...
8
votes
7answers
2k views

Search Icon vs Search Input Box - Both Require One Click/Touch: Which to use?

I'm working on a mobile site of a rather large site. There are quite a few iA and navigation hurdles already, so I'm pushing to use a search icon instead of a traditional search input box. My ...
8
votes
5answers
1k views

It's really a bad thing to have the same icon in distinct functions?

My team and I are developing a web-application ERP, and as communly in softwares of this kind, we have a lot of CRUD views in our system. We use the Font Awesome 4.7 icon pack as our main font of ...
8
votes
1answer
1k views

Flag or report?

When should you use flag or report, or is there a reason to always use one or the other? In my current situation I will be using icons, let's say these two: But if there are only studies based on ...
8
votes
3answers
748 views

Speed of Users Understanding Symbols / Icons

I'm looking for some research that tries to establish how quickly a user will recognize or understand symbols / icons that they: Have Seen Before Have Not Seen Before Obviously a user will be able ...
8
votes
2answers
1k 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 ...
8
votes
3answers
396 views

How to differentiate icons for *client* from *server* IT services (mail, web, filesharing and so on)

I need to design a UI that includes widgets to control a server computer, and a client computer. This means I'll be doing similar pairs of icons for mail (mail program vs mail server), web (browser ...
8
votes
2answers
2k views

What is a good icon image for “Apply All/Remove All”? [closed]

I guess I'm not looking specifically for an icon, just an idea of what I could use for imagery. I'm having issues today (probably that double cappuccino) imagining what kind of image i could use for ...
8
votes
10answers
1k views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
8
votes
5answers
623 views

How to indicate AND and OR in a search form

I am designing a search form where the user has to indicate if the field is required or optional, this will affect the way the query is built. For example if the user marks the field as required, in ...
8
votes
1answer
258 views

Best practices for figurative, non semantic iconography

O'Reilly uses figurative illustrations that have no topical/semantic connection to the subject matter for their programming books: I'm assuming this is beneficial both for building their brand but ...
7
votes
5answers
2k views

Recommended Icon for Dashboard [closed]

Can you recommend me about the icon for the dashboard, I have been looking at http://findicons.com/search/dashboard but get the icons like in the picture below. I feel it's more like clock instead of ...
7
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 ...
7
votes
2answers
5k views

How should I mark “Mandatory” and “Optional” fields in a form?

I'm making a web app and in the admin panel there is in one place a list of items where (among other things) the administrator can select which items will be mandatory for the users, and which will be ...
7
votes
3answers
1k views

Good icon for “suggestion” [closed]

I have a feature which, given the information entered so far, suggests a more complete version of what the user is entering. I'm thinking that when I have something I can suggest, I will show an icon ...
7
votes
3answers
2k 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.
7
votes
5answers
390 views

Where's the best place to put an icon in a checkmark / label question?

The checkmarks ask what food you want and the clock asks if you want it fast. Where is the best place for the icons to go in this example? The icon basically acts like another "yes/no" checkmark. ...
7
votes
7answers
2k views

What icon could be used to mean 'notifications'? [closed]

As part of a web-based application, we have a toolbar at the top of the page. The toolbar contains buttons that consist of small (30x30) icons with a single word underneath (for example, a search ...