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
159 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
421 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
153 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
89 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
3answers
1k views

What is the correct usage for toggling triangle icons (down/up) on a click-to-reveal link?

I'm working on a UI where users can toggle a button to show or hide a div. On the 1st click, the div appears below the button with a slide-down effect. On 2nd click, the div slides up to hide. ...
4
votes
2answers
175 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
218 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
385 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
268 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
432 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
2answers
303 views

What should be ideal date on calendar icon?

I am designing a calendar icon for an app, I am putting a random date right now on it, what should be ideal date that I should put. Is there any usability research done on the same? I know the best ...
3
votes
5answers
468 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
86 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
218 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
298 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
723 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
167 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
451 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
230 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
3answers
243 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
211 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
206 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
528 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
610 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
59 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
166 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
3answers
522 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
138 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
90 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
216 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
345 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
241 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
3answers
136 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
4answers
389 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
273 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
153 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 ...
3
votes
2answers
89 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 ...
3
votes
2answers
455 views

Is there a generally accepted icon for the “Submit” button? [closed]

I'm developing an Android application that presents the user with a search form, then presents a list of matching results after the query has been submitted. The results will be displayed on a ...
3
votes
2answers
601 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
1answer
376 views

Internal Consistency vs. Consistency across the Industry

Does anyone have any recommendations on how to balance having styles/patterns/icons being consistent to a single website vs following recommended practices/patterns/icons that are popping up across ...
3
votes
2answers
193 views

Do icons need to be consistent across different themes?

I have to do some themes for this mobile app I am designing, the problems is after I sent the first preview of the themes to the client he came back saying that he wants different icons for each ...
3
votes
8answers
634 views

Most appropriate icon for user responsibilities? [closed]

What is the most appropriate icon for user responsibilities/roles (a.k.a. 'charges')?
3
votes
1answer
110 views

How does Windows 7 Aero taskbar determine button hover-state background colour [closed]

This has intrigued me for quite some time. Does anyone know the algorithm Windows 7 Aero uses to determine the colour to use as the mouse-tracking hover highlight on taskbar buttons for ...
3
votes
2answers
234 views

What happened to the animated taskbar icons?

I know that there are good reasons to abandon animated icons in a taskbar UI-wise. But good reasons never kept people from doing stupid stuff: So why are there no animated taskbar icons at all ...
3
votes
2answers
120 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
0answers
159 views

Universal Icon for Religion [migrated]

Is there a culturally-universal symbol to represent religion or a place of worship? I would like to avoid having an icon containing multiple religious symbols because that opens up a whole mess of ...
2
votes
3answers
222 views

Problem with repeated icons

What's the best way to avoid repeating icons on each row, it clutters the layout and takes attention from other important elements.
2
votes
2answers
214 views

What is the best symbol to use for currency?

I need a generic symbol to use for a currency icon. The US Dollar and the Euro symbol seem to be pretty equal competitors, but I know this can be a touchy concept and the selection of either could ...
2
votes
7answers
219 views

Why would a key icon not a padlock icon be used to indicate a device keypad is locked?

My cell phone when its keypad is locked (so that it ignores keypresses) displays a small picture of a key on the display. I find it rather confusing - IMO it should be a picture of a padlock which is ...