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
3k views

Why android not show icon in overflow menu?

After android introduced the action bar after 3.x, I found that its native API hides all icons if the menu item is shown in overflow (three dots on MENU-button-lacking device, or after pressing Menu ...
0
votes
2answers
68 views

Alternative icon for email attachments [closed]

The email attachment icon seems to always be the same in every client, a paperclip. There are dozens of examples, and I've included some below: My question: is there a different symbol that could ...
0
votes
2answers
66 views

Navigation items with only icons, icons and words, or only words for a website? [duplicate]

Like on for example a header, would having only icons be confusing for the user, or would having words and icons take up too much space? I think that the icon only design is really clean, but don't ...
1
vote
0answers
98 views

Is there an icon for following/followers? [closed]

It appears most places apps write those words out. Am I blind, or is there not yet a commonplace icon that conveys "Number of Followers" or "Number Following" without those words? Note: I am not ...
2
votes
2answers
184 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 ...
1
vote
3answers
65 views

Iconography for verbatim vs. paraphrase

The system I'm currently working on includes phrases which the operators (call centre) must read to customers. Some can be paraphrased (i.e. "Your installation will happen on 01/01/2001" may be ...
3
votes
3answers
280 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 ...
1
vote
1answer
500 views

Why did Microsoft make all the Office 2013 icons have such similar colours? [closed]

We've just been upgraded from Office 2010 to Office 2013. There's the usual assortment of UI rejigs, most of which are either the modern trends (ultra-flat icons and UIs), fairly neutral, or easily ...
0
votes
1answer
72 views

Need suggestion for icon for 'Unknown File Type' [closed]

I'm working on an attachment upload script for a professional / business website, which will display a list of all attachments with an icon representing their file type. I have icons for most ...
6
votes
3answers
138 views

How do I indicate that a subset of icons aren't clickable?

I have a row of icons with labels. The first three are clickable and are in fact nav elements for the content area. The last icon isn't clickable... how do I make the lack of clicking affordance ...
2
votes
3answers
228 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 ...
43
votes
11answers
4k views

When a button contains text and an icon, which should come first?

Assuming I'm optimizing for making it as fast and easy as possible for most users to find the button they need, what's the optimal ordering?
0
votes
1answer
171 views

slide menu locations and icon

what is the best location on the side slide menu? and lets say the app is localized to many different languages and its web app responsive to mobile , is it better to shift is place in each language? ...
7
votes
5answers
899 views

Is the hamburger icon a recognized navigation symbol? [duplicate]

Do you think the icon "☰" is enough for users to know that a menu is underneath? Medium.com doesn't even use an icon, it is linked from its logo on the top. Other websites just use the word "Menu" ...
3
votes
3answers
180 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. ...
1
vote
1answer
154 views

Should “delete” and “cancel” be icon or text in mobile application?

Designing an interface for an android app, I stumbled upon a paradox and I'm a bit confused about what to do and why to do. Context User wants to delete his/her post's comments.
3
votes
9answers
248 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 ...
2
votes
4answers
198 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
2answers
63 views

Generic action icons or icons per object?

I was wondering if there exist any user research regarding using a more generic icon set (e.g. "Create", "Delete" icons) compared to utilizing specific icons for each object ("Create X", "Delete X" ...
1
vote
4answers
85 views

View an object that sometimes is editable, but sometimes not editable

I have a problem where in a table row I have a set of buttons that defines actions of that specific table row. For instance "delete", "edit" and so on. However, in one instance some of the rows of the ...
1
vote
2answers
58 views

What icons should I use for “search” and “magnify” on the same page? [closed]

A website I'm building requires both the ability to search and the ability to magnify (scale the rendering of the video player). Both of these action are traditionally iconized with a magnifying ...
0
votes
3answers
115 views

How many icons are reasonable?

icons are a good way to improve people's ability to remember things. The question is how many icons are reasonable for an enterprise application. I talk about small ~16x16px icons. Currently the ...
2
votes
1answer
81 views

Creating an avatar that shows the accuracy/recency of the data to show map position where there are multiple user avatars

So the problem is a follows, I would like to show user's location overlaid on a map, but the geo data for each user is only pulled from the server every 5 minutes or so, thus there is a decrease in ...
0
votes
1answer
56 views

Showing New, Old and “Not Yet Emailed” in a table column through symbols/colours

We have table data displayed to clients where each record can be in one of three states: Not yet emailed Emailed in the last two weeks Previously emailed It's a dashboard system that gathers ...
1
vote
3answers
184 views

Icon design for “I´m going” and “I´m interested” buttons

I am developing an Android application to display a list of upcoming events nearby. When click on a list item, the application display some event info, and also two buttons: The first button ...
1
vote
2answers
160 views

Why do some games represent experience level with stars?

In some games, stars are used to represent a player's experience level. Does anyone know the origin of why people do this? I guess it might be because it represents reaching another milestone but I ...
3
votes
1answer
340 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 ...
2
votes
3answers
183 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 ...
2
votes
5answers
442 views

Should button icons enlarge on hover?

Context: I had done the creative for a web application and sent it to the front end developer to take care of. He took the initiative about 1 aspect that I'm unsure about how it effects users. I ...
2
votes
1answer
256 views

Why are those Sign-in/sign-out icon a convention?

I've been recently implementing a custom icon-font & I decided to use those icons for Sign-in/sign-out: My only real reason being that choice is that it seems to be a convention in all major ...
0
votes
3answers
2k 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 ...
1
vote
0answers
64 views

Icon that inverts the background [closed]

I am a Java swing programmer. I need to know if there can be an icon that shows the inversion of its background. The question might be ridiculous, but I don't want to shut myself up. Just want to know ...
2
votes
0answers
31 views

Should toggling icon indicate current status or new status? [duplicate]

I'm working on a data-mgmnt app and came across this deeply philosophical question: I have an icon to represent if a record is locked or not. And if the record is not locked, it can be locked by ...
7
votes
3answers
782 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 ...
0
votes
1answer
90 views

Best practice for indicating a live connection

I'm working on a project where we, amongst other views, have a grid displaying a list of units around the world and their last given status. Each unit can also have a live connection between itself, a ...
2
votes
2answers
141 views

How obvious does an icon need to be for young readers to click to “read more”?

I have a photoblog that I am building, the prototype is on CodePen. The focus in photos, but I also wanted to include a brief set of details. But I wanted this to be unobtrusive for power users that ...
3
votes
3answers
2k 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 ...
1
vote
2answers
508 views

Is using a partialy shaded sandwich icon more effective the solid sandwich icons

After a sudden realization my mobile banking app that I had been using for 2 weeks had a side menu I started to think about how the sandwich icon is used to indicate a side menus existence. At ...
5
votes
5answers
242 views

Triple-state toggle: 'turn on', turn off', 'auto turn on and off'

Currently I'm working on some software settings screen, and there are a number of features, that could be turned on and off manually, but also kept in kind of 'wait mode'. If a feature is in 'wait ...
0
votes
1answer
133 views

How to determine UI graphic style? [closed]

I'm trying to determine what graphics styles and design features are being used on some recent websites. I am not a UI developer but work with many front ends and I'm not sure how to describe certain ...
6
votes
3answers
270 views

Is a check mark a good way to indicate something that's approved?

In building software in which we compare products with environment requirements, we've had an internal debate on how to best show approved/disapproved in black/white print. I've been under the ...
14
votes
4answers
2k views

Why is everything becoming flatter? [duplicate]

Things in the design world seem to be getting flatter! I can produce infinite examples; iOS7, Windows 8 (and everything else in Windows 8), Pepsi, the Dropbox logo, even things outside the computer ...
0
votes
1answer
46 views

How can I show a traffic device modes? [closed]

I'm developing a software and need to show my device (a signal light controller) modes. The device may be in smart mode (automatically controlling signals based on sensors data and advanced ...
8
votes
6answers
278 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, ...
2
votes
4answers
278 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 ...
1
vote
2answers
173 views

Approach for designing iOS themed icons representing ranks

I am creating an educational web app for a desktop browser that looks similar to an iPhone app using the default web stack composed of HTML5, CSS3, and JavaScript. I am wondering if it would be more ...
10
votes
5answers
625 views

Icon for “Remove All” getting confused with “Remove” - how to fix? [closed]

Our application has a button to Remove (removes selected item) and Remove All. Currently the icons are right next to each other and look similar; therefore users accidentally have been clicking ...
0
votes
1answer
129 views

“Other/Miscellaneous” Icon Metaphor

We're designing an interface for task managament app for tablet and mobile app and there are two main category with "Waiting Tasks" and "Other Tasks". I once used three dot (...) icon metaphor for ...
2
votes
3answers
173 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. ...
3
votes
1answer
76 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) ...