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.
778
questions
3
votes
1
answer
294
views
What icon should Restore (previously deleted file) button have? [closed]
I have a button with a bin icon that deletes a file. What icon should the 'Restore' button have? The restore button simply undoes the file deletion.
- 131
5
votes
3
answers
196
views
If decrease in time represents a better score, should I show an up or down arrow?
I've created a Rubik's cube timer web app, and each time a user uses the stopwatch, their time is added to a table on the webpage.
With each attempt, an arrow is shown informing the user whether ...
- 151
0
votes
0
answers
45
views
How can "exit" mean "continue"?
When you press Exit button on remote controller while using Kodi, this player won't stop playback. It will exit to one of the menu pages that you've been browsing before playback, but will continue ...
- 119
0
votes
3
answers
481
views
How can "down arrow" mean "increase"?
I've been 30+ years in IT and for me down arrow always mean: decrease (volume, value), subtract, move backward etc. Pressing the down button on the left or right side of any mobile device means volume ...
- 119
0
votes
2
answers
38
views
Use open_in_browser icon or open_in_new icon inside native mobile app
In a mobile app having a menu entry in the navigation drawer which points to a URL being opened outside my app, in the user's default browser, I msut add an icon to the right of the menu item, I got a ...
- 101
0
votes
1
answer
56
views
Color for Completed Stage Icon
Currently I'm designing a web where there is a progress bar. It have 3 stage. When stage 1 is completed, the icon will change to green, the remaining icon for stage 2 and 3 will remain grey-ish color.
...
0
votes
1
answer
151
views
icon left or right side the button?
Why is the icon placed on the right side of the button in some designs and on the left side in other cases?
0
votes
3
answers
213
views
How to visually represent 4 state checkbox
I'm trying to represent 4 states:
Not started
In progress
Submitted (uploaded)
Approved
Update: these are display only. Not clickable or changeable. (Program changes their state after other actions ...
- 1,538
1
vote
2
answers
52
views
How to add relevant visual interest to an online course listing?
A company sells online courses in the US that are state-specific. The course names are often very technical (due to state requirements) and the average user doesn't know which course they need until ...
- 41
0
votes
1
answer
88
views
What should I do when I have 2 diferent edits for the same "object"
So in my use case I have a list of objects in a sidebar and the rest of the screen is a grid with different elements in there. I can modify them with the edit mode. There is one icon for every object ...
1
vote
0
answers
37
views
What is the correct way to represent annotation to a numerical value in arabic
I was watching Apple's 2022 video "Design for Arabic". In their weather application example, I found that they had two different representation of Degree symbol refer the image below.
I ...
- 111
16
votes
3
answers
3k
views
Does Material Design 3 recommend an incorrect icon style?
I was looking at the Material Design 3 Icon design principles and they have an example that seems like bad UX to me. I'm sure I'm wrong but I'd like to know if (and how) the "Do" is better ...
- 173
1
vote
1
answer
66
views
Confirmation messages
For a newsletters management page, when the user subscribes to a newsletter and clicks on the relative icon to subscribe (in this case an empty circle), is it necessary to push a pop up message ...
0
votes
1
answer
97
views
Arrow indicating alphabetical sort points down but arrow indicating price ascending arrow points up
I've recently run into a dilemma while searching for icon ideas for sorting UI elements. The issue is that the icons for sorting items in ascending order by price and ascending by name (alphabetical ...
- 3
0
votes
3
answers
497
views
Accessibility of Icon Buttons?
I have a challenge: I'm working on a project and I used icon buttons. Someone said icon buttons are not accessible because they don't have labels.
ARIA and some HTML techniques can achieve ...
- 846
1
vote
3
answers
52
views
How to properly test hierarchy and order of the toolbar?
We are improving our toolbar in our web app. We are planning a tree test or similar to test the tools out.
A bit stuck on how to properly test the hierarchy and order of it. Any available methods or ...
- 343
0
votes
1
answer
135
views
What is the symbol to start printing called?
What is a common term used to describe the symbol that is used on printers, photocopier and fax machines to start printing? It is square standing on one of its corners with a vertical line inside ...
- 101
2
votes
1
answer
182
views
Best icon for linking to a different page on the same website? [closed]
Below is the current icon I'm using (top right of boxes). I'm worried that it looks like an external link.
Is there a standard icon used for internal links? I was thinking about something similar to ...
- 121
2
votes
2
answers
207
views
Icons for indication vs. icons for action
I'm working on some tables that use both non-clickable indication icons (the R and the Repeat icons on the left) and clickable action icons (the dollar sign and printer icons on the right). I think ...
- 11k
0
votes
1
answer
206
views
What is the best practice for an icon placeholder?
I'm designing a bunch of eCommerce themes which come with a design file - the file is a low fidelity version. In the high fidelity design there are various times when icons are used, for example:
...
- 1
0
votes
2
answers
92
views
Is there a recommended distance between an action icon in the toolbar?
See example from Outlook.
I know the answer may vary, so I'm looking for an answer which is backed up (not sure if anyone researched it). I want to show my team and try to convince them of the current ...
- 982
23
votes
9
answers
6k
views
What are some good alternatives for using a lot of icons in software?
This is my first time posting here.
The company I work for uses A LOT of icons (100+) in every color to specify the meaning of a specific table row. See the image below for clarification:
I've been ...
- 231
2
votes
1
answer
247
views
Is it acceptable to use the same arrow icon style for two different functions on the same web page?
In this scenario I am using a chevron type icon for left/right navigation in a carousel to move through content. At the same time I am also using the same chevron inside buttons alongside text to ...
- 123
0
votes
1
answer
284
views
Which type of icon could represent "active/inactive" [closed]
I did the translation to English on relevant parts only
This is a table that informs a user about a Tag (Physical device) status, and now we are changing the "Last transmission" column for ...
2
votes
2
answers
113
views
Search results iconography - is it needed?
I'm trying to make a case to add iconography to our company's predictive search results. For instance, a magnifying glass next to each query, or a timer icon next to recent searches. How do I ...
15
votes
3
answers
5k
views
Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean?
Does the icon of arrows shaped as triangles pointing up and down have a name and what does it mean? I'm not sure if I can use it.
- 151
4
votes
2
answers
571
views
How do I subtly show that an element in large collection of elements was recently changed?
I have a large collection of elements displayed in a calendar-like grid. These elements represent entities that can change over time, but many won't. The elements are rendered like cards, evoking a ...
- 143
0
votes
1
answer
97
views
Can we have two type of alerts in an application?
In my application, I have two types of information in the content
1.Critical Alerts
2. Alerts that require user attention - may be or may not be critical, totally depending on the need.
I planned to ...
- 3
0
votes
1
answer
61
views
Icons for Install / Download / Downgrade / Update / Delete / Block / Retire [closed]
I need icons for the following set of actions that appear together.
Install / Download / Update / Downgrade / Delete / Block / Retire
However, I find it hard to find distinct icons, particularly for ...
- 401
2
votes
3
answers
541
views
Icons to "create new cart" and "add items to cart"
For an app where it is possible to have multiple shopping carts (like an aggregator), I am considering icons for making a new cart and for adding items to cart.
Does it make sense to use the cart icon ...
- 601
6
votes
2
answers
986
views
Define non-standard wine sizes (ie 375ml) to standard
Advice on how to clearly distinguish non-standard wine bottle sizes (ie 375ml) to standard on e-commerce ui cards. Below is what the card is looking like now. Icon placement is for shipping, offers, ...
user148053
1
vote
1
answer
112
views
To Number or Not To Number
Here's a portion of a display from an iOS app that allows users to connect to a Wireless Valve Control device.
UPDATE: My question is regarding the -42 dBM and 2.97V labels.
As a code implementor, ...
- 187
6
votes
4
answers
400
views
Why google material design has Import icon which is used as export in other design system?
When my teammate and myself were discussing the Import option for our application which adopts Material design Icons & Components.
We founded that there is a slight variant of the Import Icon is ...
- 141
4
votes
1
answer
204
views
Icon consistency in buttons
I am designing a page for apps. This page will show apps available for integration.
Question
Should I make them all text only buttons or it's fine that some buttons are icon+text?
Default
All apps ...
- 613
0
votes
2
answers
123
views
Iconic colors from content-type
I have a web application that includes a file browser. I have a little database that associates a FontAwesome icon to a variety of content-types (i.e. images, word/lowriter files, excel/localc files, ...
- 103
0
votes
1
answer
225
views
Hamburger menu icons - Recent trend of moving away from three full-width lines to having two full-width lines and a shortened line?
Some examples in various iOS apps:
US Bank
RentCafe
Uber
The first two kinda reminds me of the icon for aligning text justified left.
I'm quite curious about the reason for this change. I couldn'...
- 103
2
votes
2
answers
249
views
Icons - clear way of presenting export and import action [closed]
I'm looking for a clear way of presenting "import jpg", "import svg", "export jpg" and "export svg" actions.
I want to make it clear by icon look, what is ...
- 494
0
votes
2
answers
51
views
Icon representing VAT number [closed]
What icon would you use to represent the VAT number of an EU company? That is, one that would fit nicely with @ for e-mail, map for physical address, etc., for example on a contact page.
- 1
1
vote
2
answers
163
views
Should the "open new window" icon ever be the only way to click a link?
I have a request from a user to remove the link from the text and ONLY have the "open new window" icon be what is clickable for that link.
The reason is that the text is something he wants ...
1
vote
1
answer
74
views
Is it weird to create a text button instead of an icon for notifications?
I'm designing an app aimed for older generations. In that sens, I've decided to use a text button instead of an icon button for the notifications. I find it easier to identify what that button do if ...
- 11
3
votes
4
answers
235
views
How should I provide the “select nothing” option in my icon picker?
I work on a desktop application that lets people create visual scripts. They can add properties to objects, and every property can have a user-defined icon for easy identification. I have added a ...
- 1,627
0
votes
3
answers
155
views
How to inform user that an action will launch another app (in mobile)?
I'm very familiar with the visual cue of a link launching a new website as is used in wikipedia:
However I'm not sure of how this works on mobile apps, for example I have this situation:
Question
...
- 405
0
votes
1
answer
210
views
Vector or raster graphic for UI elements? [closed]
Which type of graphic should I use for UI elements in web and mobile?
If I need to create @5x image size and then just reduce it or I need to create 1 vector image (like a button or icon) and just use ...
3
votes
2
answers
532
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
47
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 ...
- 101
0
votes
2
answers
117
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
36
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
90
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