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)

0
votes
1answer
86 views

Can the information ( i ) icon be used to define a field name?

What's the best UX when it comes to using the 'i' (information) icon when defining a field name? Currently I have the field name defined above the field; before and after the the input field itself, ...
12
votes
6answers
1k views

full-color icons vs. greyed-out icons in menus

Icons in menus are often full-color. Even though the page an icon/menu item controls is not active, the icon still appears in its normal hues. To distinguish the icon which is active, a designer will ...
2
votes
2answers
92 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 ...
8
votes
3answers
288 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 ...
3
votes
4answers
217 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 ...
2
votes
2answers
178 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) ...
1
vote
3answers
263 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 ...
-1
votes
5answers
474 views

Which icon in a native iPhone app's footer menu bar resembles 'sign-in'? [closed]

I'm looking for an icon that will live in an iPhone's footer menu bar that resembled 'sign-in'.
1
vote
3answers
444 views

What are best icons to identify/distinguish TCP and UDP connections [closed]

I have a desktop application that serves as a smart, software-based router. Each of multiple nodes in the GUI can be either a UDP or TCP connection. We have the following status icons for the node: ...
14
votes
5answers
983 views

Show/Hide Password Icon - Eye/ Closed Eye? Is the “Eye” icon offensive to any cultures?

I am on a project where we are implementing show/hide password functionality, and after significant research I discovered the 'Open Eye'/ 'Closed Eye' to be fairly standard. Once this was implemented ...
2
votes
4answers
256 views

“This is Old” state icon [closed]

There are entities that have a state. The states until now are: New (plus) Valid (check) Canceled (X) And now I'm trying to introduce the "this is Old" state. How can I easily tell this to the ...
31
votes
4answers
2k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
6
votes
3answers
683 views

On log in form, what should a password unmask button look like and say?

On the log in form, I want to give users the option to unmask the password field so they can see what they type. The phrase "unmask password" is too technical and its purpose may not be apparent to ...
23
votes
7answers
2k views

What is the reasoning behind grayscale icons?

Quite a few web applications have started utilizing gray(black) scale icons, for example Github,new Google Analytics, etc. Even applications like Firefox 4, Chrome, IE9, iTunes, Mac OS, have dropped ...
7
votes
3answers
2k views

What unicode symbol should I use for EDIT?

I'm trying to keep a very light payload on a wordpress plugin I'm writing. Users will be able to: add - + refresh - ⟳ edit I'm thinking of using the pencil glyph: ✎, but I'm not sure about it. ...
8
votes
2answers
208 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 ...
5
votes
3answers
566 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 ...
0
votes
3answers
267 views

Icon for “title” and “subtitle” [closed]

I am creating a template for TV programme details. For each programme, I have a title and a subtitle. Instead of writing "Title" and "Subtitle" in full, I was thinking of using an icon. What icon ...
1
vote
4answers
329 views

Is there a reason to use this icon with a confirmation message?

This is the message Sharepoint 2010 gives as a confirmation message for requesting access to a particular site you do not have access to. I am quite confused by the icon - to me this looks like a ...
9
votes
6answers
1k views

Floppy disk icon for “Save” [closed]

It's funny that we still use floppy disks icon for save operation association while floppies have long been outdated, unused and many computer users nowadays don't even know how floppy disks actually ...
6
votes
5answers
1k 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 + ...
2
votes
1answer
819 views

What's an in between for a big red X and a big green check mark? [closed]

I'm trying to find ideas for a good, iconic, or not so iconic but still works, in between of a big red X and a green check mark. The context is in a feedback popup to a short 3 - 5 question quiz that ...
1
vote
1answer
72 views

Is there any good idiom for 'real time' or 'live' data? [duplicate]

The floppy disk is a good idiom for 'save', is there any good one for 'real time' or 'live' data? I haven't found much on the interweb: 'fast text', this is meant for IM A LOT of clocks in ...
16
votes
7answers
3k views

The psychology of everyday shapes

We know a lot about colours and how they affect people, but what do we know about shapes? When choosing icons or logos, how do the shapes in them affect their perception? Does anyone know of any ...
8
votes
3answers
5k views

What are two good unicode characters I can use to represent “Likes” and “Dislikes”? [closed]

I'll be displaying YouTube Like/Dislike ratings for videos in a text-based format, so I'm using unicode's vast icon codepages as a way to display various things (such as star ratings, using U+2605 ...
10
votes
1answer
118 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), ...
2
votes
5answers
260 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
1answer
186 views

Appropriate Icon for a Subscribe or Subscription [closed]

What would be an appropriate Icon that could be used for Subscribe or Subscription. A subscription meaning; where a customer must pay a subscription price to have access to the product/service.
0
votes
2answers
67 views

How should I denote that one price has been replaced with different one?

I'm working on some retail software, for trade use. It lists a catalogue of items and the prices that the retailer should be selling them for. Occasionally, however, the retail price in the system ...
7
votes
4answers
2k views

Best resources to make great reusable UI elements (icons/buttons/etc)? [closed]

I'm new to "crafting UIs", but I've been doing User Experience / Interaction design for a while. Being unable to design my own graphics has been a serious handicap for my work as I'm dependent on ...
5
votes
3answers
117 views

How would you distinguish “Sets” from “Folders” in a collection of tiles?

I'm displaying both Sets (which contain Cards) and Folders (which contain Sets) on the same page. Ideally they'll both be tiles. I'm not sure how to make it easy for the user to tell the difference ...
2
votes
4answers
102 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
1answer
228 views

What is the use of a play icon with line next to it

We got a few general music player icons for playing and manipulating playlists. > = play tune >> = hold to move backwards in tune (or skip to next tune) << = hold to move forward in ...
1
vote
0answers
49 views

Should Social Media Icons Hold Present Color Value? [duplicate]

When designing a website should social media icons keep their established color value or can they be restyled to associate with your website's theme? Can changing the icon colors impact the user? ...
-1
votes
3answers
287 views

Any ideas for a 'Today' icon? [closed]

I'm working on an app at the moment. I'm trying to replace the text with icons to allow easier transition to international markets. One icon I'm struggling with is a 'today'. I've thought about a ...
5
votes
2answers
194 views

Icons and colors on menus

I wonder when (if at all) it is appropriate to use icons next to menu entries (drop down menus, right click contextual menus etc). I have noticed that pretty much all of the menus I have seen only ...
-1
votes
3answers
226 views

“Out of stock” and “In Stock Again” indication [closed]

I've been asked to design something to indicate when an item is "out of stock" and "in stock again" and I really don't want to use "cross" and "tick"... Do you guys have any ideas? A quick note: ...
3
votes
2answers
286 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 ...
6
votes
3answers
65 views

How do I mark a package download if the individual items (within the package) are listed beside it?

We are having a dilemma and I thought to ask the experts. We offer video, xml and package (< video plus XML) downloads. If the user downloads the video, a green marker appears showing that it has ...
24
votes
3answers
8k 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 ...
2
votes
3answers
275 views

Small icon: incoming vs outgoing

Up to now we use the following ascii art to show the difference in our mail/ticket system: --> means "incoming" <-- means "outgoing" But some users complain, that it is not immediately clear ...
4
votes
2answers
361 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 ...
1
vote
1answer
110 views

iOS 'Append' Symbol/Icon [closed]

I am working on a calculator app for iOS. I would like to know what an acceptable 'Append' symbol / Icon would be - would it be a downward pointing arrow? A curved arrow? Anything helps, Erway ...
9
votes
6answers
899 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 ...
1
vote
2answers
302 views

Symbols to represent dynamic items

This problem is not new to me. An user can have multiple interests, so he will check some items that is presented to him. For this example. Ten items of interest. So he will mark as interested in ...
4
votes
4answers
502 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
2answers
181 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
123 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 ...
5
votes
4answers
719 views

Is there any value in using “irrelevant” icons

I'm currently wireframing/"UXing" and doing the front-end dev work on the rebuild of a reasonably big intranet app with lots of data in various sections. To make things easier for the users to pick ...
0
votes
2answers
247 views

Different ways to show photo being selected with tag

I am trying to do a UI that show a photo (or box) being selected and tagged. For example: http://behance.vo.llnwd.net/profiles/59549/projects/3012199/8c0a114a08fa35bfbb0e6bc32936a525.jpg Original ...