Questions tagged [icons]

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.

Filter by
Sorted by
Tagged with
0
votes
1answer
83 views

Icon to tell listener that answering the question would make a harmful sound [closed]

I have a speech impairment (when I pronounce most letters 'S' they cause harm to the listener). I need an icon to be able to hold up, to a listener, who presumably knows either me or the icon, that ...
0
votes
1answer
558 views

Icon/Symbol to Represent “Done” when the user may or may not have completed an action [closed]

I have a question very similar to this one. I'm designing a music player, and one of the screens is the Queue (or "Up Next" as other apps call it). I'm trying to figure out how best to allow the user ...
16
votes
3answers
2k views

Icons in table head - good practices

When to use icons instead of texts? Are there good practices related to the subject? Ex:
1
vote
1answer
111 views

Best practice for grid of status flags?

We have a status page that shows users a set of predicate properties about devices in a system. It's a simple table with a bunch of ticks used to indicate the true state. Of course, over the years ...
3
votes
1answer
273 views

Why are Progressive Web App Icons circular compared to their App counterparts

Working on a PWA (progressive web app) and coming up with the app icon for it. There aren't many others around since it's pretty new but it seems a lot of PWAs use a circular icon to differentiate ...
0
votes
1answer
284 views

Where can I find the “waving person” icon from Google's Material Design Icon set? [closed]

This icon is beautiful and would be useful to us, but I can't find it in their icon set. It's referenced in two places in their documentation: https://material.google.com/style/icons.html#icons-...
5
votes
6answers
3k views

Is it better to use “i” or “?” for tooltip/help content on mobile [duplicate]

Right now the interaction is that when you click the small "i" icon next to a questions, additional text displays for clarification. (Shown in the example "Carrying anything that makes it heavier?") ...
1
vote
2answers
198 views

Can solid and hollow icons be used together?

As far as I know mixing solid and hollow icons is a bad practice. Why Apple does it then in iTunes desktop software? Are there any iconography principles that allow mixing of these two icon styles? On ...
-1
votes
3answers
200 views

Another word for “History/Comments”

We have an application that shows the routing history (for a workflow) of a document, as well as comments that a user might have made at any point of that documents workflow. For example, a workflow ...
0
votes
3answers
200 views

Icon for “submit and close” [closed]

I have a mobile app with a series of task that users accomplish through several screens. User performs an action, taps on the bottom-right icon ">" and goes on with subsequent tasks. On the last ...
-1
votes
4answers
362 views

What's the difference between these two pins? [closed]

See attached picture. The two types of pins all come from the keyword "pin" on google search. For me, the first one (without black line) is more related to existing shops on a map while another is ...
24
votes
2answers
5k views

In RTL mode do icons need to be mirrored?

I am working on a website that has both an English and Arabic version, and the site has a lot of icons. Can I flip all images in right to left direction for the Arabic version as shown below?
0
votes
2answers
111 views

How to visually indicate statuses in a matrix of information?

I'm designing a web app to help users track the status of several products over a 6 month period. We need to show a product's status for each month. A product has 1 of 5 statuses for each month. I'...
2
votes
1answer
1k views

Google Chrome's setting/option icon a variation of the hamburger menu?

I noticed on a recent Google Chrome update that the setting/option icon changed from the wrench to three dots, which I thought was interesting as this seemed to related to the 'more' symbol but turned ...
0
votes
3answers
246 views

Tabs with icons

A recent usability test suggested that users had a hard time finding how to complete tasks, mostly because they couldn't find the buttons on a ribbon UI (like Office). My first reaction was to ...
48
votes
10answers
11k views

At least one is mandatory. How do I make this clear?

I have a list where the user has to select some items. Sometimes none of them are mandatory, sometimes one is mandatory, and sometimes at least one out of two is mandatory. But how do I show this? ...
1
vote
3answers
233 views

Representing a vehicles speed and velocity as a map icon

I am writing a web application that displays vehicles on a map. Currently it's displayed like so, but I'm looking to see if anyone has any better ideas on how to improve it, it currently feels a ...
1
vote
2answers
91 views

How to visualy distinguish large set of products (no photo)?

Background I'm working on this iOS / web service, which sells analysis focused on petrol market, its companies, research and other stuff. The main screen of the app is basically a list of documents (...
2
votes
1answer
568 views

What is the best icon to communicate the “Show Details” link? [closed]

What would you use as icon to expand a box including some details (i.e. regarding a product specification)? Would you use the same icon to expand details about a single datum in an array of data (such ...
21
votes
4answers
3k views

Icon for adding/removing from favourites: indicating state vs. action

Lets say that we have a mobile app that allows users to search for favourite artist and follow add them to their favourites. While searching for new artists, probably some of them are already to the ...
2
votes
2answers
262 views

Consistency vs Better Ux? Redesign Actions in a datatable

I am redesign a business oriented site with many data tables. In the first column of each data-table, I have the Actions. However as you can see in the image, where I have 3 different data-tables (the ...
-1
votes
2answers
49 views

Suitable Won, Lost, Tied Icons [closed]

So I am using bootstrap glyphicons on my website site. I am currently using glyphicon glyphicon-star for 'Won', glyphicon glyphicon-star-empty for 'Lost' and glyphicon glyphicon-fire for 'Tied'. I ...
1
vote
2answers
590 views

Common place symbol that means power or strength [closed]

In the gaming community, both digital and physical, we all recognise that a heart symbol represents 'health' or 'life', but which symbol is common use for 'strength' or 'power'? For my specific ...
17
votes
6answers
5k views

Why was the “Airport” icon chosen to mean: “radio emissions on your device are disabled”?

I am amused as I drive around nowadays and see "Airport" icons on blue informational signs and I have cause to think: "Well, no WiFi or Bluetooth there!" That is probably what children are thinking. ...
0
votes
2answers
126 views

What situations should we provide an Error icon?

I develop a monitoring system that continuously monitors remote hosts and provides a real-time report about the status of some components of this remote host. For each component, I provide one of ...
2
votes
1answer
767 views

Removing an item from a list: Trashcan Icon vs X [duplicate]

Below I have an example image of a list with two separate icons. I am curious which one conveys the best action of removal from the list, either a trash icon or a closing x. Specifically, this is ...
1
vote
3answers
172 views

Representing real-world spatial position allowing user selection

Problem I'm currently designing a UI of which will eventually control real world machinery. Due to this, a portion of the controls will eventually represent real world positions of the starting ...
4
votes
2answers
528 views

Using buttons with no icons or text

The Google Chrome "New tab" button is not labeled (see the top image). It contains no icon and no text (besides hovertext). There seems to be extensive discussion on using text vs. icon, but I can't ...
3
votes
2answers
238 views

Shouldn't there be a standardised icon for notifications?

Why isn't there a very common icon for messages which activates notifications window? I mean wouldn't it be better to place a bell icon as it better associated with notifications? For example, ...
0
votes
1answer
116 views

Save filters - should we use an icon and what should it look like? [closed]

We are adding a save filters functionality for our mobile application. When the user clicks the save filters button we keep all of the currently selected filters so he can then use the same filters in ...
1
vote
2answers
378 views

Are outline icons problematic for visually impaired people?

A current trend is for many websites and mobile apps to use an outlined icon style. Do visually impaired people find it hard to recognize these icons? See for example this screenshot from iOS.
2
votes
7answers
1k views

What is the better way to show these icons selected?

These are the icons we have made for one of the product and these ones are the finalized ones. . But we have a problem as we are unable to get a better way to show the selected ones. One way to do ...
0
votes
1answer
133 views

Has Chrome browser chosen the wrong icon for 'Clear'?

I know right or wrong is subjective but the developer tools for Chrome (accessible by pressing CTRL + Shift + I) has a Clear button to delete all values listed. This button is represented with ...
1
vote
2answers
515 views

What symbol conveys “save”? [closed]

I have a text input field where the user enters an address. I am adding the ability to save the address to an address book. What should the icon look like to save? This is for smartphones so space is ...
2
votes
2answers
18k views

What is the best static icon to represent “work in progress”? [closed]

I have a list of human work task, which each row has an icon on the left side to indicate if the task on the row has already finish or still in progress. For finish, I have no problem with the icon ...
0
votes
1answer
809 views

Why do app icons on force touch popups not appear consistently in the same left or right spot

On the iOS home screen, if I force touch on the second icon the popup icon stays on the left side of label. If I force touch on the fourth icon the popup icon stays on the right side of label. Why ...
1
vote
1answer
62 views

Icon for a mix of different things [closed]

I have a setting activity (window) in my android app where I can configure different things. Each setting category has an icon. I have these categories Filter settings Territory settings Report ...
2
votes
4answers
294 views

Icon for “upgrade” [closed]

I'm trying to come up with an icon that would be understood to mean "upgrade" - the user should click on that icon if he wants to upgrade his application/subscription/whatever to a "premium" level. I'...
6
votes
2answers
783 views

Modern UI icons vs traditional icons

I need to choose icons for the UI of a Windows Store application, and am debating between the modern ones such as these (first result for images of "segoe mdl2 assets") and the traditional ones. I ...
14
votes
2answers
1k views

What do the three bars in old installers mean?

Quite many old setups look kind of like this: I always wondered what the three bars in the bottom left-hand corner mean. I really have no clue.
1
vote
2answers
102 views

What is appropriate icons to report something bad? [closed]

Another UI question: User should be able to report unusual activities to the system admin what icon can i use for that youtube uses "Flag" but I don't see any meaning there.
2
votes
2answers
722 views

Is the cognitive load of using both vertical dot and horizontal dot menus worth hinting at how the menu will appear?

For overflow and more menus, Google Material Design seems to favour vertical dot menus, see Apple seems to favour horizontal dot menus (see http://imgur.com/BH2NioE). On desktop applications, ...
2
votes
3answers
4k views

Icon only vs. text and icon

Im working on a project now but I'm not sure if an icon alone is accessible (AA) or if it needs to be accompanied by text? Which would meet the WCAG AA standards?
2
votes
2answers
165 views

Using native iOS / Android icons on another App expecting users to understand it

I'm facing an impasse with a colleague of mine regarding the usage of native iOS / Android icons on one of the apps we are currently building. This very app offers the users the possibility of finding ...
1
vote
3answers
89 views

Read/Write from device icons

I want a read and write to device icons -- in this case RFIDs but that should not matter at all. There generally tends to be an arrow to (write) and an arrow from (read) but what about specific ...
3
votes
4answers
415 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 ...
4
votes
3answers
151 views

Mark items far away from each other as grouped (connected)

I have a tree structure with items from different trees that I need to "group" (or really, mark as grouped). Like so: It is mandatory for the user to select a few of these items to carry on to the ...
3
votes
3answers
1k views

Is a plus symbol without button text sufficient to denote adding of an item?

Let's say I'm using Bootstrap panels and I have these two choices: Option A) Option B) Which option is better from a UX perspective? Is a plus symbol without button text sufficient to denote ...
37
votes
13answers
5k views

Down arrow and up arrow status

I have to make an iOS app, where there are categories and I have to show the decrease and increase in status of particular category. For decrease I used a red down arrow. For increase I used a green ...
58
votes
3answers
6k views

Why is the share icon always different? [duplicate]

Every site uses a different share icon here are some examples: Which icon is best for UX and most obvious to the user that it is a share icon?

1 2 3
4
5
15