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)

4
votes
4answers
254 views

Icon/asset catalog for development

A friend of mine currently is going through process of face-lifting existing application and it's nightmare when it comes to icons for buttons. For example there are five different icons for ...
4
votes
4answers
189 views

How to indicate a user is a full member or just a regular member?

I'm looking for some nice ways to visualize whether a user is a full member or a regular member. Assume a Facebook-style website with full membership option. The profiles will be displayed as blocks ...
4
votes
2answers
241 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
4
votes
4answers
476 views

User navigation icons or text based

I am working on a web based hosted CRM personal project which I will release to public ones it is done. My goal is to create a CRM with absolutely zero to none learning or training requirement. To do ...
4
votes
8answers
728 views

What Is the Best Approach To Minimalist Buttons (Icons)?

My web app, like most, is trying to utilize as much space as possible by trying to use an icon as a button to perform specific tasks. I have quite a few that would make for a pretty obscure button, ...
4
votes
2answers
426 views

Icon based buttons or Color based buttons which is more UI attractive and Friendly

I am seeing websites increasingly switching to color based buttons and interaction elements rather than icon based is this a trend or do they have reasons behind the switch? For example see the ...
4
votes
2answers
121 views

'Liking' Sensitive Events on Social Media: Contextual Icons and Words for Approval/Agreement

Prompted by recent events. The use of a Like icon (whether thumbs up or otherwise) is fine on social media for lots of things, but certain subjects and events should not be "liked" or use such a ...
4
votes
3answers
410 views

Icons, their Cognitive Effect and Scientific References

As part of may daily intake of UX vitamins, I was questioning myself the following. We use pretty much icons in our everday activities. We use them on computers or in cereal boxes, and we expect them ...
4
votes
4answers
172 views

How to explain best that there is more to a headline? (Icon, Text, etc)

We want to show "news headlines" within a google map (the news where it happend). The news will show up in speech bubbles. Only the headline will be shown first. If a user want to read more, he has ...
4
votes
2answers
451 views

Icon for collapsing/expanding left side panel on tablet [closed]

I'm struggling to find a good icon to represent to users that while reading an article or something similar, they can click a small icon to reveal a left side panel to show additional options. I've ...
4
votes
3answers
162 views

Search results - representing/showing parent/child records

I have a couple of questions which relates to how to best show parent/child records on search results. An example first: If you have digitised 300 individual pages of an illuminated manuscript, then ...
4
votes
1answer
98 views

Photo galleries for profile photos

Has anyone seen or can anyone envision a good way to sort many (50+) photos which are profile photos of staff members? This is different from a traditional photo gallery because the emphasis isn't on ...
4
votes
2answers
167 views

position of lens icon in auto suggest field

Can some one suggest which is the best place for keeping lens icon for auto suggest/ auto complete field from usability point of view? I have seen most of the sites keeping it on the right side of the ...
4
votes
2answers
199 views

Symbol for additional content present in a passive display

I have a digital signage application in which a portion/row can show a max of 3 blocks of information at a time. The number of total blocks vary from 2 to 6, in which 90% will only contain 2 or 3. On ...
4
votes
1answer
247 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 ...
4
votes
2answers
434 views

Opens in a new window icon placement

When using an icon to represent a link I believe the standard convention is [icon] [Link]. A colleague has raised the point that for links that open in a new window, the icon should appear after the ...
4
votes
2answers
331 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 ...
3
votes
4answers
447 views

Appropriate icon for score [closed]

I'm designing a quizz with jQuery. It has 4 counters: "correct answer", "wrong answer", "timer" and "score". Each counter has a little icon describing the counter. I have found good jQuery UI icons ...
3
votes
3answers
253 views

Is there a standard icon for web accessibility?

The International Symbol of Access is a standard icon for building and parking access for people with disabilities. Has this icon, by itself, gained acceptance as a standard icon for web ...
3
votes
5answers
547 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 ...
3
votes
1answer
89 views

Should icons in a toolbar reference an action or the object?

When deciding on which icon to use in a toolbar is it better for an icon to reference the action or the object? Example: Action = Export data to excel. The object in this case is Excel (destination ...
3
votes
8answers
238 views

What is the best wording to describe an item that is selected to be more important?

I have a list of insurance quotes that are being displayed in a table. The users will be able to select which quotes are more important by clicking on a "star, flag, etc" which will allow them to ...
3
votes
3answers
328 views

Icons for clearing / canceling / deleting? [closed]

I have to design set of icons for 'clear search results', 'delete', 'close' and 'cancel' that due to specifics of the app might be sitting on the same toolbar side by side. Also the size is 16x16px ...
3
votes
4answers
789 views

Icon for “More”, like more results [closed]

I need an intuitive icon which represents "more" ITEMS (or "more items like this") (or other "similar" items to this item). I have space constraints on the screen, so I can't exactly use a label.
3
votes
2answers
176 views

What term or icon to use for marking an item for quick access later on? [closed]

If there is an item (web-link or document or image) that you use very frequently or find very useful, should you 'star' it (as in Gmail) or 'favorite' it? Are 'marking as starred', 'liking' and ...
3
votes
3answers
542 views

Icon position in side menu left or right

Is there any recommendation or best practice when positioning icons in side menu? Most of the side menus put the icon to the left and then the text. Any thoughts? Left or right?
3
votes
5answers
238 views

What's a good icon for a compilation process? [closed]

I'm building a tool that wraps around an automated compilation and testing process; the user selects one or multiple versions they want to test and instructs the software to either start the process ...
3
votes
9answers
235 views

How to test icons with users?

In an web-app we have a bunch of command functions, each represented with an icon and a label. We've done usability testing of the UI as a whole, and taken note that a couple of icons are a bit ...
3
votes
3answers
278 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 ...
3
votes
4answers
215 views

Positive connotation Icon for number of errors

We have a game where we need to count number of errors as performance criteria. We are looking for a way to positively note the scores. One idea was to make an association to golfing by naming it ...
3
votes
3answers
214 views

Why does the upload icon have a down arrow on cPanel?

As you can see on the image below (i am on a mobile device) the upload icon has a down arrow. Shouldn't the icon have an up arrow instead meaning that the file is going up instead of down?
3
votes
2answers
546 views

Is a Spinner right for this UI?

On Android, I want to create a drop-down menu of buttons activated on touch on the right of the screen, with a 'close' button to return to original closed state. Is a Spinner the appropriate UI ...
3
votes
6answers
654 views

What icon for advanced options? [closed]

I am working on a public transit app for Android. Look at the screenshot - the button with a wrench icon opens advanced options. In advanced options you can set which transport mode to use (bus, tram, ...
3
votes
1answer
68 views

What is the best way to convey to a user a reason for failure using an icon?

I have a scenario where the user needs to test a connection by clicking on a button. Once clicked, they will be provided one of the follow results: successful (check mark icon) and failed (red x icon) ...
3
votes
3answers
169 views

Is it better to use generic icons for 3rd party branded software or system specific icons?

I am developing a program that saves Word documents. We develop on Mac OSX (in a Virtual Machine) and as such the Word Icon we have used is the Mac-specific word icon (which makes no sense when ...
3
votes
1answer
147 views

Something not quite right with my design [closed]

There's something not quite right here, and I'm not sure what. Should "Blog" (the title of the page) be bigger? If so, why? It seems too small, yet it's not incredibly important either. Additionally, ...
3
votes
1answer
89 views

Where did the term 'copy to clipboard' originate? Why is it a Clipboard?

I've always been interested to know where the term 'copy to clipboard' originated, and do we use it because we've grown familiar to it? I'm assuming this phrase originated a while ago when we used ...
3
votes
3answers
1k views

Are <,> or “Previous,Next” buttons better for form navigation in iOS 7?

Before iOS 7 form navigation in iOS 6 Safari was handled by a "Previous,Next" segmented control just above the keyboard. But with iOS 7 they are replaced with arrows "<,>". However in the iOS ...
3
votes
4answers
156 views

User interactions with file systems

I was in a meeting the other day discussing file formats with my colleagues. I was not happy with the outcome. Long story short, the key point made was that you cannot trust a user to keep the file ...
3
votes
2answers
94 views

Changing a visual object as it is dragged

Imagine that you have an interface with two principal panes: a map and a timeline. We want to enable our user to be able to select a job displayed on the map (for instance, "repair washing machine at ...
3
votes
3answers
247 views

Signal Strength or Connection Speed icon [closed]

We have a stand alone application on our site that uses realtime video/audio. We are in the process of adding a connection speed icon but it seems we have some disagreements on the icon that should be ...
3
votes
3answers
372 views

How best to describe ranking and prizes using icons?

I have a site with an online game, there is a ranking of players. For each game the player gets points which are summed up in their ranking. During the game I want to show how much the player won ...
3
votes
4answers
250 views

Display temporary action in table

I have a table with a bunch of data in it that needs to be reviewed by a manager. The requirement is when they review a line of data (ie, a customer order), they can click something to indicate ...
3
votes
2answers
703 views

Best uses of ? (help) and i (information) icons in UI

What are the best standards of usage for the help and information icons? (I'm unable to post an image because I am a new user, but the icons are either a ? or an i in a circle, most commonly) The ...
3
votes
3answers
143 views

Does having different functionality for the same button on different screen cause a usability issue?

Within two different screens of a product I'm designing I would like to use an icon for a secondary action. In both screens using an icon with an X in it seems the most logical choice, although the ...
3
votes
1answer
74 views

Which unicode symbol can I use to symbolize a task needing feedback? [closed]

Unicode provides check marks ✓ and ballot ✗ symbols that can be used to mark a task as having ended with success or with an error. I am wondering which icon, if any, could be used as for a task to ...
3
votes
3answers
169 views

Is a hover tip with a slide out drawer that reveals labels enough to consider the cognitive load hit acceptable?

I'm exploring using icon only navigation for tasks/sub-nav on an education app. The interaction would provide a hover tip and also an arrow at the bottom would expand the menu to show the icon text. ...
3
votes
4answers
548 views

Where can I find an official set of iOS (specifically iPad) icons and stencil sets? [closed]

Android have an official set of icons, fonts, colours and stencils, that can be downloaded from their website. However, I have come to design for iPad and I can't find an official download. Do I need ...
3
votes
3answers
391 views

Represent mandatory/recommended/optional relationships between items

I've got a tree structure where the relationship between the parent and the child can be marked as either mandatory, recommended, or optional. This structure can be up to 3 levels deep. For example: ...
3
votes
2answers
92 views

Tooltip Verbage: “This will prevent changes” vs “Currently allowing changes”

I have a series of inputs used to allocate a large budget into smaller groups. Once a group is changed, the rest would auto-complete with the remaining budget percentage. We would like to be able to ...