Questions tagged [icons]
An image or pictogram is 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.
798
questions
3
votes
2
answers
629
views
How to group multiple buttons on mobile
I'm working on a game website for desktop and mobile and one of the pages has 5 action buttons:
Edit (no text, just pencil icon)
Share (no text, just standard share icon)
Play (just text)
Compare ...
1
vote
1
answer
51
views
Personal Assistant Prompt Form UI
Thoughts on contextual options for when a chatbot avatar could be invoked from a mobile app.
I notice many chatbot user assistance on laptop UI can be launched from a chat icon visible the lower left ...
- 111
0
votes
2
answers
125
views
Icon library for UI Design [closed]
I am starting the UI design for a large scale project for which I need a good library of icons.
Looking for suggestions on good icon packs (free/paid)
- 3
31
votes
6
answers
4k
views
Using cross marks to indicate benefits
Posting this here as there's no marketing SE, but it seems marketing is topical here given that Marketing = UX.
Say you have a product with six benefits, three of which indicate lack of negative ...
- 461
24
votes
5
answers
4k
views
Preventing users from accidentally deleting items
From an icon's appearance, and from its position relative to other icons in the toolbar, I want to make it clear that its action is risky.
I added a vertical separator which visually separates the ...
- 494
0
votes
0
answers
37
views
Indicating that a select box has new values
The desktop version of my site has a select box (Angular Material) with a list of client names. That list gets updated (new clients added or clients have new info) and I would like to draw the user's ...
- 123
0
votes
1
answer
111
views
Live app icons on smartphones?
One thing on my iPhone that always makes me wonder is the Clock app icon. As far as I know, it is the only app icon that is actually "live" (constantly changing state to show the current ...
- 368
1
vote
3
answers
508
views
How to display unavailable items with icons?
I need to display information about what a venue can provide or allow for its guests. The information if an item is available is of the same importance that it is not (e.g. it's important to know that ...
1
vote
1
answer
737
views
How a "disable animations" button should look like?
As it I've been asked to add a button to disable animation on my website, according to the WCAG animation criterion (https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html).
The ...
- 123
22
votes
6
answers
9k
views
Is the "filter" icon widely recognised by users?
Note: I'm NOT asking for an icon suggestion.
I'm designing an online menu for users to order their food at a restaurant. I'm also including a filter so that they can apply their dietary preferences. ...
- 10.6k
0
votes
1
answer
87
views
"Partial" icon in a comparison table
I'm making a table comparing the features in different offerings, using checkmarks and blank spaces to denote whether a feature is available or not. There are a few edge cases where there's partial ...
- 2,749
0
votes
1
answer
431
views
Best Practice for placement of Help / Save / Cancel icons
I'm designing a UI where sections will become editable, and there are also quite a few help icons for users to get further information about each section.
Originally, I put the Help icon in the top ...
user139342
1
vote
3
answers
92
views
What's a better way to Indicate flights in operation when booking flights
I'm designing a flow that will reduce the likelihood of users getting zero results when they search for a flight. When looking at examples of how other airline apps do this, I came across the ...
- 10.6k
2
votes
1
answer
248
views
Which is the most "shareable" icon out there [closed]
Our company have three main platforms, the web, Android and iOS.
It's based on listings where you can perform some actions, one of them being sharing, since I saw this question in '15 (Which share ...
- 921
2
votes
3
answers
180
views
What icon intuitively represents making comparisons? [closed]
I want to make an app which involves repeatedly giving users two options and having them select the one they like better. Is there any icon or symbol which would intuitively represent this concept, ...
2
votes
4
answers
114
views
Provide icon set for customisable dashboard
Background
We're providing a dashboard to our users, where they can set up their most important features. It is possible to show certain metrics (business figures), have widgets for quick actions, ...
- 1,345
0
votes
1
answer
65
views
Confirm and Completed Icon in dashboard simillar
I am working on UX for the dashboard as we have booking progressing as our step for a booking system
one thing I'm not sure with this 'CONFIRMED' and 'COMPLETED'
Confirmed as the user is confirmed to ...
- 113
0
votes
3
answers
122
views
Should every line in a grid have edit icons?
We have an application with many grids. The current design is that only the currently active row shows the edit and delete icon. Is this a good practice, or should every line have the edit/delete ...
- 111
4
votes
1
answer
318
views
Circle = warm, filled circle = cold?
The water tap in my bathroom can switch between cold and warm water. To indicate which lever direction is cold vs warm, there are two symbols: a filled circle and an unfilled circle.
Is there any ...
- 141
0
votes
4
answers
111
views
How can I better convey the idea of "message sent"?
Currently, I am designing a mobile screen where the user can send a message to their friends.
In order to show that their message has been sent, the upper right hand corner check-mark goes from black ...
- 145
4
votes
5
answers
706
views
How consistent should icons be in sizing?
New to UX and confused about size consistency.
I know icons that belong in the same group are supposed to have the same visual weight, but what if there's different groups of icons on the same page or ...
- 51
1
vote
2
answers
94
views
Would you understand a 3rd state for a "like" action if it's using the same icon? [closed]
We're having a usability debate: would the user understand what the 3rd state means, without text or tooltips, if all he is presented with is an icon in different color, in a different component?
...
- 111
2
votes
2
answers
257
views
Icon alternative for items per page [closed]
I've below pagination select input for choosing the number of records to be shown per page.
I'm looking for an alternative icon that represents the text Items per page
So that instead of showing text ...
- 121
1
vote
1
answer
1k
views
Nomenclature of icons e.g. Kebab, Meatball, Hamburger
Is there any logic behind naming icons in UX ? e.g. Breadcrumbs, meatball, kebab, hamburger, doner.
Possible logic of the name "breadcrumbs": It helps the user find a "page's location" similar to how ...
- 106
3
votes
1
answer
238
views
What are the most commonly understood signs/icons for chat interactions?
I'm designing an in-app chat feature where users get can live support from chat agents.
What are the most commonly understood signs/icons for chat receipts like
sending
sent
not sent
delivered
not ...
- 10.6k
1
vote
1
answer
68
views
Should empty state use a universal symbol or specialised?
Hye,
Im wondering is it better to have a universal icon/illustration for the empty states. Means that the same message like 'There's nothing here' with X icon on all screens during empty state.
Or ...
- 643
4
votes
1
answer
211
views
Best horizontal order of icons for list-based operations (e.g. edit/delete or delete/edit)
we are redesigning a web-based application that handles a lot of lists, where every line represents a single item. Like a list of emails or a list of books.
Every item offers 3 functionalities: delete,...
- 41
0
votes
2
answers
310
views
When using a Pencil icon is it necessary to add "edit" next to the icon? [duplicate]
I am working with a new designer who feels strongly that when you use a pencil icon signifying edit you must also add the text "Edit" next to the icon. This is not consistent with how our other pages ...
- 1
2
votes
1
answer
75
views
How to display icons for Service Locations on Maps?
I'm working on displaying icons on maps, there are 3 types of icons:
Pick up point(s): The location that the vehicle should be navigated to
Point of Service: The location that the service will be ...
2
votes
2
answers
140
views
Is there any research about the information icon font?
There is a small debate in my project weather we should use the serif or the sans serif version of the font for the "i" on the icon and it is something we clearly can't test.
I personally prefer the ...
- 783
4
votes
2
answers
164
views
Communicating that something is clean
I am building a Website on which the status of different machines will be displayed. System Status: ON/OFF/CLEANING/etc. and Cleaning Status: CLEAN/DIRTY/WARNING. The system status is communicated ...
- 43
3
votes
1
answer
859
views
Why there are 3 lines in all types of menu icons?
I have noticed that all types of menu icons are using three lines or dots.
From a UI/UX perspective, does it matter the number of lines/dots?
For example if someone decides to use only one or six ...
2
votes
1
answer
93
views
Need feedback on displaying tabs with icons
We're building a GIS application for the Police Department.
I have a widget called "Camera" and in that widget, we've added multiple camera locations as per their geo-ids.
The camera widget ...
1
vote
1
answer
91
views
What is the standard way of showing the user that a context menu is available in a user interface?
In the picture below, the same icon is used for two different actions. The ones to the right expand and collapses the section, whereas the ones to the left open a classic context menu.
I find this ...
- 271
4
votes
2
answers
3k
views
Should icons be trailing or leading in a button with icon?
What is the best practice for using both icon and label in a button should it be before the label or after ?
- 590
3
votes
3
answers
988
views
Position of the number on notification icons [closed]
The number in notification icons is generally displayed on the right side of the bell icon, what is the reason behind this?
Is there anywhere you have seen the reverse where the numbers are on the ...
0
votes
2
answers
89
views
How many Options / Icons / Actions on a screen/list/bar
I face a hard decision when designing an interface for a windows fat client.
Do you have any good articles or answers to the following question:
When having a lot of options for a certain context - ...
1
vote
1
answer
200
views
Suggested icons for the status of downloading content [closed]
We are designing the UI for the downloading of content for offline mode in a PWA app.
We will use the solid and/or light download icons to allow users to download the content (which which they will ...
- 129
1
vote
1
answer
498
views
File type icon colours
We're currently designing a new "Document Management" feature for our application, and I've come to the part where I need icons for the file types. I've gone down the route of doing something custom, ...
- 171
1
vote
3
answers
286
views
Best way to indicate secondary list items within an expandable list will lead to a new screen? iOS mobile app
I'm designing a page with an accordion list (not a sidebar menu) in a financial iOS app. I'm trying show that eacg primary list item is expandable/collapsible (indicated by up-down chevrons), and that ...
- 13
1
vote
1
answer
1k
views
Symbol for current, ongoing event [closed]
In my app I need to display an icon for an event which is currently ongoing. It's a forecast app for forecasters, where they can issue a forecast in certain time window (event). I'm currently using a ...
- 189
1
vote
2
answers
53
views
Typography for arrow-linked list on several lines
I’m working on a text-based UI (no graphics other than text) which lists food items ordered one after the other. These food items are connected one another with an arrow symbol. For example:
“Food A -...
- 13
2
votes
1
answer
314
views
Iconography: How to define the "lexical level"?
With respect to symbols or icons, the conceptual level is defined as the viewer's mental model; the semantic level is the meaning it conveys; the syntactic level is attributed to its esthetic quality ...
- 33
0
votes
1
answer
280
views
Alternative way to represent to open or close a dropdown?
I'm doing some animation icons for a recent product and I'm playing with some alternative to the standard dropdown toggle. Typically, it's a arrow pointing either down or up...
Is there any reason ...
- 1,189
2
votes
2
answers
314
views
Filter icon for "include null"
I'm designing an e-commerce site that allows for filtering on items based on attributes such as weight, size, price, etc. The problem is for certain attributes, like "weight", some items have data, ...
- 121
3
votes
3
answers
156
views
How to inform the user that the number shown in a list is incomplete or might not be current?
Consider this card shown below:
It's a card with a list view showing the total income by teams. Now most of these teams have secondary teams under them. And many times the actual number of one of the ...
- 642
0
votes
1
answer
1k
views
What is the difference between a 9 dots menu icon and a 7 dots? [closed]
What does it possibly mean? Can it be used as 'go back to menu'?
https://cdn1.iconfinder.com/data/icons/social-media-vol-3/24/_dots-512.png
- 1
23
votes
7
answers
5k
views
Based on what criteria do you add/not add icons to labels within a toolbar?
Some toolbars have icons for each label, and some toolbars do not have icons for any label. There is enough discussion about that.
However, some toolbars will attach icons to label selectively, and ...
- 371
2
votes
1
answer
124
views
Tri-state icon convention?
I have to design a report with validated information about the data entered. In some fields I have a typical triple state.
Imagine a file. That file belongs to a report model file. When uploading it, ...
- 108
2
votes
3
answers
5k
views
What is the best location on a form for an information icon?
I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
- 131