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
4
votes
2
answers
971
views
What is the preferred shape of a messaging/chat icon? [closed]
As stated in this answer, an elliptical speech bubble is more commonly seen than a rounded (rectangular) speech bubble. This is perhaps true of comics, but not in messaging/chat services; it makes ...
- 41
1
vote
2
answers
114
views
How to graphically symbolize quantity of items (vs weight)? [closed]
Im making something similar to a grocery store app. There is a field for the name of the product, and its quantity. Some products are naturally enumerated in weight (5 KG of cucumbers, 200 grams ...
- 371
4
votes
1
answer
73
views
I am now finding some research to provide the argument below "Comparing to Realistic icon, Simple icon can speed up user's recognition of the icon "
I am now finding some research to proof the argument below
"Comparing to Realistic icon, Simple icon can speed up user's recognition of the icon "
i found some argument with same point of view in NN/...
- 41
2
votes
2
answers
153
views
Is social sharing needed for every page of a B2B website?
I know this question has been asked previously. There are some more details in my case.
I work with a technology company that makes software for insurance. The products are all B2B. We have social ...
- 41
1
vote
2
answers
451
views
Is the skill of icon design required for a good UI/UX designer? [closed]
I sincerely apologize if this question is way too amateurish but I really could use some opinions on this.
I know there are places and ways to get icons online, but a) those options at times are ...
- 13
2
votes
1
answer
74
views
Using @ to denote responsibility
Would it be easily recognized if we used @john.smith at the beginning of the task description be used to denote "the individual responsible for the task"? Like in:
[@John.Smith] Do the paperwork
Or ...
user112490
2
votes
1
answer
510
views
Why do Photoshop and Krita use grayscale icons? [closed]
The toolbox in both applications use icons that have no colors. What's the reasoning behind this? What are the pros and cons? I've heard that some people can get overwhelmed by colors... is that it?
...
- 123
57
votes
5
answers
107k
views
What is the difference between these 2 menu icons: 3-dots (kebab) and 3-lines (hamburger)
What is the difference (if there is any...) between these 2 menu icons?
3 lines (a.k.a burger icon)
3 dots (a.k.a kebab icon)
- 849
2
votes
1
answer
699
views
Should read-only fields hide or disable icons?
Throughout our system we have different input-field types that have icons tied to them.
Examples:
Time field with a time icon - when clicking the icon it will fill in the current time.
Date Field ...
- 493
1
vote
3
answers
515
views
Icon for a button to move a list item. Not scroll [closed]
In our software we have a dropdown menu. The dropdown menu has listitems which represent columns for a table. Via two buttons in the list (on the left side), the position of the listitems can be ...
- 595
3
votes
1
answer
773
views
Changing icon for toggle menu button [duplicate]
Currently, I have menu button for toggle purpose. User can switch between original web view, or striped down mobile view.
Currently, we are in original web view
On action bar, I'm showing a phone ...
- 1,679
3
votes
1
answer
2k
views
Meaning of magic wand icon
What is the origin and meaning behind the magic wand icon? I've seen it in a bunch of programs and they all seem to have different functions.
In Photoshop it is used a:
tool that selects ...
- 7,361
4
votes
2
answers
181
views
Organization of 500+ items
Our team has to work with a very large number of image resources (over 500). We're struggling to figure out how best to organize these items such that they are easy to work with. We're specifically ...
- 417
1
vote
2
answers
162
views
Using distinct icon metaphors to support both create and add actions
For common functions, icon metaphors are well known and used quite consistently across OSes. Example, cloud icon with down arrow to indicate that data is being downloaded from a server/cloud/online ...
- 356
1
vote
2
answers
80
views
button face for setting default value (e. g. speed) [closed]
In a user interface, push buttons are used for increasing and decreasing a value. Is there a commonly accepted/comprehensible button face that indicates return to the (non-zero) default value?
So far ...
- 111
1
vote
2
answers
651
views
How does colour affect usability of check marks, check boxes and radio buttons?
Colour is used in other UI elements to drive usability, such as green for "positive". However, it seems that color isn't used in check marks, check boxes, and radio buttons, possibly due to other ...
- 11
4
votes
2
answers
842
views
What is the relationship between Material.io/icons/ and Materialdesignicons.com?
The first seems to be entirely owned by Google. The first only has about 900 icons, but the second seems to have about 2100. Only the second has social network icons like Twitter/Facebook. They are ...
- 797
4
votes
4
answers
6k
views
Help Identifying "Up Left Arrow" Android / Material Design Icon & Usage
Could someone please tell me the name of this "up left arrow" icon used in Google / Chrome mobile search bar list? (Icon highlighted in image) I looked around but couldn't find any info.
Also, does ...
- 51
4
votes
2
answers
269
views
How should a grid of apps rotate when the device is rotated?
How should an app grid rotate when the user's device is rotated?
Should each app rotate individually and stay in the same spot, or should the entire screen be rotated?
- 791
2
votes
3
answers
1k
views
Is it mandatory to show user name next to the user icon?
The application requires a person to login to the system. When logged in, there will be an icon on the top right of the header which will have a context menu.
Now I've decided it to look in the ...
4
votes
2
answers
1k
views
High contrast/visible colors for google maps
I am creating some custom markers for an application that uses google maps
They stand for a tow truck and a broken car.
An important constraint is that they must contrast with the map bellow, in ...
- 155
2
votes
1
answer
169
views
Indentifying bullet point based on content using icons, text or other means [closed]
I am working on revamping a Word report for the so healthcare industry for patients. At the moment it is very detailed and wordy, but I can condense it a lot by stripping out unneeded commentary and ...
- 223
10
votes
5
answers
41k
views
Vertical and Horizontal three dots icon button usage
Despite the Material Design has great guideline documentation, I'm confused about vertical/horizontal dots icon for a Web App since for mobile, the vertical solution is a stablished pattern.
I found ...
- 111
3
votes
2
answers
340
views
Graphic Scale for Rating the Truth level
Imagine you have a text of characteristic/description about you. But this text is truthful to some extent (from 0 to 100%).
What is the best UI/UX way for a mobile user to rate this truthfulness?
...
- 131
6
votes
5
answers
12k
views
What does an folded corner (earmarked page) represent to a user?
I'm designing a user interface where the user will be editing letter templates. I'm wondering what a folder corner (earmarked page) represents in UX design. Thanks!
Like so:
- 163
2
votes
3
answers
195
views
Can I use icons to indicate state?
I am working on a web product that deals with music education. Teachers can give assignments and attach instructions to that assignment.
Not every assignment will have instructions attached to it. ...
- 207
1
vote
2
answers
214
views
How can I visualize deviation from the standard as a badge?
I have an icon-button on my website. When clicking on it, the font size can be increased/decreased.
I want to visualize that there is a deviation from the normal font size when the user clicks to ...
- 441
1
vote
2
answers
116
views
What is the value of providing context-specific icons over a generic icon in a dialog?
Background:
Need to design icons for Dialogs in a medical enterprise application.
These icons(non-actionable) will be used in Dialogs like Error, Warning, Alarm etc.
Question: What is the value of ...
- 113
1
vote
2
answers
286
views
Icon vs Text Editing Table
In the context of a table in which each row represents a user, what is better to use? An edit icon at the end of each row, or the Edit text underlined as a hyperlink?
2
votes
2
answers
1k
views
Buttons containing icon & text VS. Buttons containing icons, with text below
I'm designing an e-commerce product page that needs a Product Video button and a Try This Ring On button.
I've tried a few different methods and have researched best practices for this, but haven't ...
- 63
-1
votes
2
answers
144
views
UI elements indicating correctness of textual user input
Which symbols are suitable to indicate that something is "verified" or simply correct? As far as i know, a (green) tick is the obvious choice. An alternative is a thumbs up-icon which seems to be ...
- 99
0
votes
3
answers
1k
views
Close icon + text button on modal? [duplicate]
Is it a good idea to give exit/close icon to top along with close button text after the content ends on a modal
If answer is not a good idea, please explain
- 266
1
vote
2
answers
196
views
Is it useful for users to have different UI of side menu in each page?
This is what I got today while navigationg agoda.com
Here you can see same content but different presentation.
Does this help user?
- 3,678
0
votes
2
answers
110
views
Why are web interface icons either flat or vectors, and not 3d?
To enhance the user experience with a surprising icon set, I was thinking of using 3d icons, but most icons are small, flat, and generic. I understand convention is important for recognition, but is ...
- 161
0
votes
1
answer
156
views
Changes in a base color of an admin page
I am changing a support page of my company to make the employees more happy and comfortable with the support page. I came with a question. Can a redesign really change the way users feel or will big ...
2
votes
1
answer
100
views
Color vs. Monchrome menu items
I'm working on an app that is a bit limited in functionality and the menu is simply a group of icons on the initial landing page. Although the app interface is limited, it does allow for custom icons. ...
- 21
4
votes
6
answers
13k
views
Whats the difference between "dropdown/caret" icon and "unfold more" icon?
I usually see this on tables or forms where some are using dropdown and some are using "unfold more" icon. Is there any difference or each icon has its own meaning?
OR
Other Reference:
- 1,332
1
vote
2
answers
797
views
Is there a standard UX icon for "select all children" [closed]
I use a tree viewer outline control to manage the data in my application.
Some folders in the outline may contain many 10s of child items. For some operations a user will wish to select all of the ...
- 111
1
vote
2
answers
148
views
How to represent 2 buttons that cannot be enabled together?
We debate a lot with our ui designer in regards to the following so I wonder whether you can help us make a decision.
We have a game screen with 2 options, where a user can either select only one of ...
- 119
7
votes
3
answers
25k
views
Defined used for the icon: three vertical dots
Is there a defined use(s) for the icon
I have seen various uses for it, but I would like to know if there is a standard purpose for it - or if it can be used as a shortcut for any function needed ...
- 502
4
votes
2
answers
618
views
How to design inclusive icons/images representing different gender identity/preferences?
These days there is some consensus around how to address people with different gender preferences apart from male, female and other. The term GLBT has been used to provide some differentiation to ...
- 26.1k
31
votes
2
answers
10k
views
Gear icon vs. ellipsis (3 dots)
I always see these icons on settings or data tables. Can both icons have the same value or meaning? Is it a trend or standard?
Gear icon:
Ellipsis:
- 1,332
10
votes
3
answers
16k
views
Is there a common or typical icon for an external link to a company web site?
I am building a web site directory that lists thousands of companies. Each company has a external company web site, and several social sites, such as Facebook, Twitter, and Instagram. I have a nice ...
- 318
1
vote
2
answers
1k
views
Most intuitive accordion action icon
There's a lot of buzz and fuzz about the icon usage for an accordion header (state changing button).
After a short research, I came to the conclusion to use up and down arrows and I was wondering if ...
- 113
1
vote
1
answer
121
views
Circled plus as both Open and Add/Create?
Is it a big problem in the UI, if "plus in a circle" is used for both Open and Create on the same web-application page (circled plus is mostly accompanied with the descriptive text)?
If it is, what ...
- 223
9
votes
1
answer
3k
views
Flag or report?
When should you use flag or report, or is there a reason to always use one or the other?
In my current situation I will be using icons, let's say these two:
But if there are only studies based on ...
- 413
8
votes
1
answer
301
views
Best practices for figurative, non semantic iconography
O'Reilly uses figurative illustrations that have no topical/semantic connection to the subject matter for their programming books:
I'm assuming this is beneficial both for building their brand but ...
- 390
5
votes
1
answer
705
views
Should I show a row icon on hover?
I have several rows of content, with small font icons to the right of each row for actions to take.
I feel these icons clutter up the look of the page, so I am considering a default opacity of 0 on ...
- 305
6
votes
3
answers
723
views
Is an edit button necessary for a row of data?
If we have a data table, each row is clickable to see more details (and is editable from there).
But for affordance purposes, should we explicitly include an edit icon / button for each row even ...
- 4,208
4
votes
2
answers
2k
views
Why do the "reply" and "reply all" icons point to the left?
I was working on an Android app set of wireframes and then tried to add the reply and reply all icons from Material Design Icon Font. I browsed up and down to find out the common arrow for reply or ...
- 35.1k