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)

2
votes
4answers
136 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 ...
2
votes
4answers
1k views

Icon for ascending-descending sort [closed]

I'm trying to come up with two icons to represent ascending-descending sort order which would allow the user to sort the members ('bars') of a chart/visualization. The control will be a toggle ...
2
votes
4answers
80 views

Link to article using a 'download' or 'view online' symbol?

I would like to have a way for people to download an article from my document, and I thought of adding a hyperlink to the title of the article as follows: But I guess it could be done in a better ...
2
votes
5answers
294 views

What is a sheet of UX elements called?

The Microsoft Ribbon is a like a tabbed "sheet" of UX icons. It's basically an iconified, horizontal version of an always-open menu. Is there a general name for a group of UX buttons or icons, that ...
2
votes
7answers
414 views

Icons to indicate Usage and Dosage [closed]

Looking for suggestions for an icon on our website to indicate correct dosage and usage of medication.
2
votes
2answers
2k views

What are the best icons for cancel, delete and close? [closed]

What's best icon for cancel, delete and close? (i want define 1 icon per situation in my application) i found 1,2 is cancel action what's different between 1,2? / or \ is right? I have ...
2
votes
3answers
1k views

Icon for “show image in lightbox” button (pictogram style) [closed]

The context is an image properties dialog in a CMS backend. Here the backend user has the option to let the website visitor see (a full-size version of the) image in a lightbox when clicking it. ...
2
votes
3answers
270 views

Good icon for configurable products [closed]

I have an eshop that has configurable products, what icon would be best suited for marking the products that have configuration in the category listing. My curent choice is this:
2
votes
4answers
517 views

What is the best way to show complexity or difficulty rate?

We have a list of missions on one page. We want to highlight difficulty level so the user can choose depend on his skills or how much time do they have. Right now we have stars there. But it is more ...
2
votes
3answers
8k views

iOS UIBarButtonItems for navigation and sharing

I am creating app and I need in detail page for item add some bar image buttons to rightBarButtonItems of navigation bar. I know that there are several predefined styles but I am not sure which images ...
2
votes
4answers
118 views

Is it acceptable to implement abbreviated elements and will users know what they mean?

More websites are including icons and visual elements over text allowing for more space and cleaner design. Elements like social icons (FB, Twitter), views, likes, favorite, comments, etc don't ...
2
votes
3answers
334 views

In a desktop application, what are best practise methods to provide a menu of functions

I have a .NET Winforms application that hosts controls to provide different areas of functionality. My normal method in providing a menu to switch between these controls has been a TreeView or a List ...
2
votes
1answer
886 views

What symbol(s) can represent difficulty level in the context of a game?

In short: How to indicate that a numeric display represents the difficulty level? I'm looking for a symbol that represents the concept of ever-increasing difficulty level, in the context of a casual ...
2
votes
4answers
859 views

Alternative method of displaying notification alert to user with awkward icons

Due to the awkward nature of my notification icon, I've been forced to settle with a red dot near the notifications icon, which seems less than ideal from a UX point of view particularly because it ...
2
votes
3answers
269 views

What are your thoughts on using iconography to represent complex ideas?

I think we're all aware that iconography is most effective when communicating simple/established/conventional ideas that can be understood without any words at all - like search, print, share, etc. ...
2
votes
2answers
264 views

Is there really no better icon for a “company” than a building? [closed]

I want to show the location of different companies within a Google map with icons. Most of the time you see "buildings" used as a company icon. Do you have an interesting alternative?
2
votes
1answer
1k views

Icon for rename button [closed]

To add some context to this question, I am currently developing an iOS application and need some advise on the interface. What is the most suitable icon for a 'rename' button? When this button is ...
2
votes
3answers
140 views

Best way to show that a screenshot continues on the next page?

I'm working on a presentation and need to show that a screenshot continues onto the next page. For some reason I'm having trouble finding the icon that is normally used - I feel like it's sort of a ...
2
votes
4answers
141 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
4answers
125 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
3answers
271 views

Best way to incorporate a call-to-action on an icon (on mobile)

I'm designing an interface to ask for user evaluation on data submitted by other users and I'm stuck on designing simple and effective call-to-action on a counter icon. Context: The favorite is a ...
2
votes
2answers
139 views

Clarifying unfamiliar tools in a toolbox

If you use Adobe Photoshop to edit your images, there's this toolbox, from which you can select the tool you want to use. I'm designing a similar program than manipulates blueprints instead of ...
2
votes
2answers
219 views

Using icons as checkboxes?

How unusable is it to use icons as checkboxes? It's a cool concept when it is implemented, however I am worried that it is not obvious that the icon is clickable. What are people's opinions about a) ...
2
votes
3answers
692 views

Are there any commonly used icons that don't internationalize well? [closed]

I am a UX designer for a software company, and our product has been translated for the following: French German Italian Spanish Romanian Japanese Chinese Are there any icons that are commonly used ...
2
votes
2answers
115 views

I want to create an icon for increasing/reducing coversize [closed]

So I'm displaying a bunch of book covers from our library catalog (new additions), and I'd like an icon (well really two), that suggests changing the cover size. My other thought would be to have the ...
2
votes
2answers
183 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 ...
2
votes
3answers
211 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
2k views

Icon/Symbol to Represent “Done”? [closed]

I have a quiz-based application where users can leaf between questions and select answers. When they're done, there's a "done" button they click. I don't really have polished graphics skills, so I ...
2
votes
4answers
363 views

What icon to use for archive and for restore? [closed]

In our web-app there is a message centre with a time-line of communications. We let the user move instances of these into what we are calling an archive. On each of the listed messages there appears a ...
2
votes
6answers
698 views

How do I tell the user a filter is active

I have a button in my interface that when clicked show a listbox so the user can apply a filter by those items she has selected. It looks like this: My question is: How do I tell the user there is ...
2
votes
4answers
68 views

What is the easiest way to represent “history” menu?

I have been testing a mobile application (iOS) that allows you to access past actions. I'm currently using an icon like this https://cdn1.iconfinder.com/data/icons/material-core/21/history-128.png to ...
2
votes
2answers
117 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 ...
2
votes
2answers
532 views

Is 24dp rule applicable for all type of icons in material design

According to https://www.google.com/design/spec/style/icons.html#icons-system-icons, icon size should be 24dp. This size is pretty elegant looking, yet doesn't make icon recognition difficult, as ...
2
votes
2answers
103 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, ...
2
votes
2answers
192 views

Vertical position of icons in buttons

Software interface design: What is the correct vertical position of an icon in a button? Either at the bottom line to the text or centered with the text?
2
votes
2answers
259 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 ...
2
votes
2answers
667 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 ...
2
votes
4answers
310 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 ...
2
votes
2answers
379 views

Verbiage and Icons for Delete vs Remove

In the application I'm working on, we have two forms of getting rid of an item. Delete: Permanently deleting an item from the system. Once removed, the data is gone. Remove: Removing a linked item ...
2
votes
2answers
204 views

When to circle a symbol

I was wondering, if you have any basic rule whether to use a symbol, e.g. +, just plain or in a circle, e.g. (+). One example is the star (★) to favorite this very question (on the left hand side), it ...
2
votes
1answer
260 views

Travel Info Related Icons

I have developed an Android App and have chosen the icons as shown below. I am not quite sure if everyone can understand these icons and their relevance. Is there any way I can make them more relevant?...
2
votes
3answers
284 views

Navigation for a Web Comic - Icons, or Thumbnails?

The typical webcomic navigation is usually: First | Previous | Next | Last Which is about how my comic's current navigation looks, give or take some wingding icons for good measure: There's ...
2
votes
1answer
160 views

Icon for internal search vs web (google) search [closed]

I'm designing a book reader, where I need to search functions: Search inside the book, and search on Google. How do I differentiate the icons without using Google's logo?
2
votes
1answer
1k views

Mouse usage pictograms

Is there a set of standard pictograms to explain using the mouse to navigate the interface? I would like to have icons for dragging an object, scrolling the mouse wheel above the object and similar. ...
2
votes
3answers
2k views

Detail disclosure button for non-iOS devices

On iOS devices, Apple uses a Detail disclosure button for additional details that are aside from the main list navigation. The image below is taken from the iOS HIG. Another example of this can be ...
2
votes
3answers
286 views

Which symbol to use for switching to the english version of a site? [duplicate]

Possible Duplicate: How to graphically represent a language We are currently in the process of introducing an English version of a website which used to be just German. Current version of ...
2
votes
2answers
96 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 column ...
2
votes
1answer
113 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
568 views

Vertical Icon Side Menu

I am planning to have a vertical Icon Menu in my website containing about 12 icons. I am planning to have the icon either like http://codepen.io/nikhil/pen/sicrK or http://codepen.io/EduardL/pen/...
2
votes
1answer
858 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 ...