Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
1answer
54 views

Material design: FAB icon with several different actions [closed]

Current situation: Under FAB button, we have several different actions - Edit element Add comment Issue: FAB's icon "+" seems to be inconsistent, not understandable, users get confused because they ...
0
votes
1answer
16 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. I'm wondering ...
3
votes
3answers
124 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 ...
3
votes
3answers
163 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
3answers
68 views

Are icons in business software helpful?

me and my team are working on a re-design for an internal software, that people within our customer service do use to track shipments in real-time. I am thinking about a way to efficiently show ...
3
votes
3answers
141 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 ...
6
votes
4answers
309 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 ...
5
votes
4answers
281 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 ...
-1
votes
2answers
40 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 ...
0
votes
1answer
27 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:
0
votes
2answers
60 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-...
0
votes
1answer
69 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 ...
2
votes
3answers
118 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 ...
0
votes
3answers
98 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 ...
0
votes
1answer
85 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
1answer
82 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. ...
12
votes
4answers
1k 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 ...
58
votes
11answers
10k 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 ...
0
votes
1answer
69 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 ...
1
vote
1answer
76 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 ...
1
vote
2answers
119 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?
0
votes
4answers
160 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 ...
1
vote
0answers
72 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 ...
0
votes
3answers
69 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 ...
3
votes
5answers
272 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 ...
0
votes
1answer
114 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'...
0
votes
1answer
230 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 ...
0
votes
1answer
74 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" ...
0
votes
0answers
53 views

Usability of 3D icons for 3D software

I'm experimenting with 2D interfaces for 3D design and spatial interfaces and I'm looking to know whether there are any studies on the usability for them? Note: I'm not talking about 3d icons in ...
0
votes
1answer
72 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 ...
0
votes
2answers
49 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,...
2
votes
1answer
326 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 ...
6
votes
1answer
628 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 ...
1
vote
1answer
61 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 ...
0
votes
1answer
52 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 ...
0
votes
1answer
60 views

Icon to represent computer generated model [closed]

I'm developing an application to hold translations. Users can submit their versions of translations, and for those translation I've chosen a "user" icon. But I also have computer generated ...
0
votes
5answers
128 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 ...
7
votes
5answers
1k 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 ...
2
votes
3answers
542 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 ...
3
votes
2answers
372 views

What is the preferred shape of a messaging/chat icon?

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 ...
1
vote
2answers
95 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 ...
3
votes
1answer
69 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/...
1
vote
2answers
97 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 ...
1
vote
2answers
186 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 ...
1
vote
1answer
46 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 ...
0
votes
1answer
132 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? ...
8
votes
2answers
11k views

What the difference between the 2 menu icons: 3-dots (kebab) and 3-lines (hamburger)

What the difference (if there is any...) between these 2 menu icons? 1) 3 lines (a.k.a burger icon) 2) 3 dots (a.k.a kebab icon)
1
vote
1answer
344 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 ...
1
vote
3answers
206 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 ...
3
votes
1answer
481 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 ...