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
1
vote
2
answers
119
views
Native iOS icon sets
I've always found designing natively for iOS tricky - Google seems to just have everything there for you to look through and design exactly the same.
Whereas the Apple Human Interface Guidelines ...
- 15
2
votes
2
answers
96
views
Salesmanship: How to differentiate two fulfilment statuses when both should seem attractive
My client is asking me to design text labels, iconography and colouring for two «fulfilment statuses» (apologies if that's the wrong term). Both should seem attractive to a potential customer. The ...
- 390
0
votes
3
answers
779
views
What (FontAwesome) icon should I use for "count" operation? [closed]
We have a standardized paginated table template. We already use FontAwesome icons to represent paging operations
<< to go to the first page
< to go to previous page
Numbers to a specific ...
2
votes
3
answers
4k
views
Width of stroke in an SVG icon
I'd like to use the "material" icons -- https://material.io/tools/icons/?style=outline
They look a bit cartoonish to me, e.g. here they are on a black top-bar:
Their design guidelines say, ...
- 276
1
vote
3
answers
192
views
Correct way to show that software is connected to an instrument?
Let me start by saying that I am a software developer, not a ui/ux designer at all, but in my company I need to cover this role too.
I am developing a desktop software that manages some particular ...
- 113
0
votes
2
answers
1k
views
Which icons have matching width / height ? Material Design icons are uneven [closed]
If you look at the containing vector of Material Design Icons, this is what makes the icons match in size. However the vectors of the content inside are not all the same sizes and follow no standard, ...
- 195
4
votes
2
answers
436
views
How to present filtering items in a sidebar?
I have a site where I need to present filtering items in a sidebar. These items work as "filters" for the site's content on the right. The user can click these filters on or off (selected are ...
0
votes
5
answers
454
views
How to represent multiple positive buttons as CTA
We have an extension that has two different actions: Yes and No. But these two actions come in two different flavours. Yes for the current page and Yes for the whole domain, meaning Yes for the ...
8
votes
2
answers
3k
views
Is replacing icons with emoji a good idea?
I'm currently polishing an application I have built using fontawesome. Due to fontawesome's pretty huge (nearly 2 MB with the more accessible SVG + JS Version) footprint, I'm considering to utilize ...
- 240
0
votes
4
answers
126
views
Designing/ Using Icons for people over the age of 40
How does someone in the industry use the right icons and text together in order for age > 40 people to understand the functionality of the feature that they are clicking on. I have come up with a few ...
- 15
0
votes
1
answer
107
views
What kind of file icons should be used in web apps?
There are two approaches for file type icons—the official and non-offical versions. If an app chooses the official icon (E.g. latest version of Microsoft Word icon for .doc files) then the icons ...
- 147
0
votes
2
answers
699
views
Which is correct? Whether to use the icon after the label or the icon before the label? [duplicate]
To Use Icon after the label?
Ex:
(Or)
To Use Icon before the label?
0
votes
2
answers
1k
views
Availability of tooltip text for keyboard users
I am programming a desktop application and I use some icon-buttons without labels. I do not want to use Labels because of layout. So I set to every icon a descriptive tooltip text, because some icons ...
- 177
47
votes
9
answers
13k
views
Why do Radio Buttons not fill the entire outer circle?
My question is simple:
Why do most radio buttons not fill their entire outer circle?
Example of standard radio button:
(Unusual) Example of an entirely filled radio button:
Is this for some ...
- 7,361
0
votes
2
answers
296
views
Using detail disclosure buttons on section headers
My colleague is suggesting to add a detail disclosure icon to a section header in a mobile app. It seems rather cluttered to me given the density of info we already have on the screen.
Are there any ...
6
votes
4
answers
530
views
How can I know an icon will relay the same meaning across all cultures?
I work for a multinational company with websites in about 40 countries. There is a mix of European, Asian, Pan Pacific, North and South American countries we serve. I have been asked to design a ...
- 63
3
votes
3
answers
1k
views
The best icon for settings, wrench or gear? [closed]
While we were discussing UX at work, we stumbled across this question. Which icon is the best icon for settings, wrench or gear? We simply just need to figure out which icon is the best for settings ...
2
votes
4
answers
286
views
Are icons in business software helpful?
My team and I are working on a re-design for an internal software that people within our customer service use to track shipments in real-time.
I am thinking about a way to efficiently show different ...
- 71
4
votes
3
answers
182
views
How to arrange elements in a row with two distinct values?
I'm currently designing a CRM, and am wondering how to place a specific piece of contingent information in the table section.
As you can see in the attached snapshot, the top row is slightly different ...
- 533
6
votes
4
answers
467
views
How to show a score without numbers?
Context : I'm working on a telematics app for an insurance company. Drivers have to drive correctly and the AI calculates their global score vs their trip score. The score can vary (increase or ...
- 73
5
votes
4
answers
380
views
How do I succinctly portray the status of a filter, showing which options are enabled or disabled? [closed]
Suppose you have a todo list application with a filter bar (for searching and filtering what tasks to see in the list), and the filter bar has a status selection, thus:
The status filter can have one ...
- 3,174
-1
votes
2
answers
62
views
icons for open door lock (and lock again), unlock and keep unlocked and lock and keep locked [closed]
I am developing a smart home app. For the lock, there are three commands
Lock
Unlock it for 5 secs and Lock again
Unlock and keep it locked.
For these, I have to select icons. Can someone suggest ...
- 101
0
votes
1
answer
53
views
Icon for website [closed]
I'm looking for a good universal icon for website
Here are a few I found, but looking for something better:
- 1,548
1
vote
2
answers
412
views
Resize Cursor - Col/Row vs East-West/North-South
I have a website with 2 panels. The user can resize these two panel using drag-n-drop.
I want to change the mouse cursor, when the mouse is hovering over the edge of these two panels, to a Resize-...
- 849
1
vote
3
answers
440
views
Best way to Indicate a item is shared or copied
I have a tree on my webpage that is used to display some folders and within these folders some items; These items can be copied from one node of the tree to another and also shared. When copied or ...
- 111
1
vote
3
answers
727
views
Should I use a shopping cart icon? [closed]
We have a website that provides downloadable items for users. Those downloadable items can be found under different articles and series. So not everything you might want to download is on the same ...
- 283
0
votes
3
answers
539
views
Appropriate UI pattern for Expandable List Item in Data table?
I'm currently looking to find a solution for expanding a list item in a data table to display more information. One of the best solutions I've found thus far is done on reddit (see screenshot).
Any ...
- 53
0
votes
1
answer
223
views
Icons vs numbers progress tracker
My mobile application includes a 4 step process to create and publish a project
with each step start, the progress tracker increments(highlights next step)
as shown in the image below
currently am ...
2
votes
1
answer
449
views
How can I display chat widget on mobile without affecting other artifacts?
I want to know a best way to display user chat icons on mobile, as these widgets are overlapping with other artifacts of screen. In mobile due to lack of space, overlapping of icons is appearing.
...
- 37
12
votes
4
answers
2k
views
What's the tradeoff for using an icon driven navigation?
It seems a common theme these days for the UI design of many web applications to use icon driven navigation (so fixed sidebar on the left consisting of only icons for navigation)
Wondering why this ...
- 313
61
votes
11
answers
14k
views
Why is the file icon usually folded from the right corner?
I'm doing a bit of iconography which got me thinking about the standard icon for a document / file shown below:
Why do the majority of these icons have the folder corner on the right hand side? Why ...
- 7,361
0
votes
1
answer
120
views
Generic "get in touch" icon [closed]
I usually use the phone call icons, or email, sms, and so on.
But in my case we found the need for a generic "get in touch" icon, which will lead to either email, or phonecall, or sms, depending on ...
- 235
2
votes
1
answer
100
views
Functional animation in icons
We are all probably familiar with the use of animation in very specific scenarios when it comes to display of system states such as the loading animation.
However, the recent trend of animation in ...
- 26.1k
1
vote
2
answers
146
views
Which one is better for drag sign [closed]
I have checked some websites and found these two signs as drag symbol:
Which one is better?
- 250
1
vote
4
answers
1k
views
Should icons always be the same color as the accompanying text?
I'm designing a timeline in which certain "event cards" are interactive while others are not. I'm running into a problem where the icons on the non-interactive cards look very dark, and therefore ...
- 533
4
votes
1
answer
2k
views
How to clarify ambiguity of the left arrow in google search autosuggestions?
Until recently I found the arrow next to each of the suggested keywords are tappable and will prepopulate the string to the search box for users to further refine the keyword before performing the ...
- 115
1
vote
3
answers
89
views
Will a user be able to identify the relative "meanings" of separate cards on a timeline if the icons are located opposite from the card's title?
I'm designing a vertical responsive timeline for a health-tech company, and the timeline is supposed to show different "events" throughout a patient's physical rehab program, each being represented by ...
- 533
7
votes
5
answers
3k
views
How to show that an element has been previously modified
Note: I've been through the following questions and, while they do provide some useful insight, they are all really old (2010, 2012) and not really a duplicate of my use case → 1, 2, 3
I have a ...
- 123
0
votes
1
answer
143
views
Is UI simplification in Microsoft's products for the past ten years motivated by user experience? [duplicate]
Working mostly with Linux, I rediscover from time to time Windows and Microsoft's applications such as Internet Explorer/Edge. I also notice that the trend is not limited to Microsoft, although I don'...
- 3,698
1
vote
1
answer
1k
views
Filter icon on Android
Sorry for bugging you with such a simple question, but I'm wondering what your insights and experiences are in the usage of Android's defined filter icon.
Based on my personal experience, there's no ...
- 11
1
vote
1
answer
170
views
Icons for buttons - should the icon be for the action, or the result of the action?
So I'm going through a legacy product trying to establish some standards and one of the things I'm noticing is that there a ton of different icons for viewing things.
Is it better to have ONE "view" ...
- 11
0
votes
1
answer
185
views
What is the "opposite" of a grid icon? [closed]
I have a grid layout, and a list layout. I want the user to discover that they can switch between views -- i.e. no tutorial or anything.
A grid icon is pretty standard, so that can swap you into the ...
- 101
0
votes
2
answers
56
views
Access rights icons for web site [closed]
I have a customer with a search page for videos that displays filters to the left (elastic search aggregations).
Each of these filters are tags applied to different videos. When a user makes a search,...
- 103
3
votes
1
answer
3k
views
What is the difference between Hamburger icon and Ellipsis icon? [duplicate]
I'm working on an enterprise application with a possible responsive design in future. What is the difference between the hamburger icon (3 horizontal bars) and the Ellipsis (3 horizontal / vertical ...
- 31
7
votes
1
answer
816
views
Can I use the same share icon for different functions?
So, in a nutshell, our platform gives people the chance to edit maps and data. These maps can be shared through a link with other people (or embedded) with the use of some templates we created.
We ...
- 75
2
votes
1
answer
295
views
When's the right time to use a lock icon on a button?
A little background on the question: I've recently come across an instance where a user is submitting a form to check their status on something. I've used lock icons on buttons for shopping purchase ...
- 68
0
votes
1
answer
94
views
Navigation with icon to open page and open popover top
This is my first participation here so apologies if I am not doing this right.
My question is about about using icons for navigation.
For example:
All items are clickable
1) The first item (My ...
1
vote
5
answers
215
views
Icons - Differentiating between viewing the current 'item' vs selecting an 'item'
On a mobile app what would be the best way to differentiate between viewing a current 'item' vs selecting an 'item' using icons.
In my specific case, its for a religious app where the person counts ...
- 221
8
votes
5
answers
2k
views
It's really a bad thing to have the same icon in distinct functions?
My team and I are developing a web-application ERP, and as communly in softwares of this kind, we have a lot of CRUD views in our system.
We use the Font Awesome 4.7 icon pack as our main font of ...
- 183
3
votes
3
answers
3k
views
Pencil icon for create vs edit - Is there a correct answer?
I recently faced this scenario where I had to use 3 icons, for create, edit and add, respectively. The idea is that users will be able to create documents, add sections within the document and edit ...
- 265