Stack Exchange Network

Stack Exchange network consists of 174 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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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.

1
vote
0answers
33 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
57 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
194 views
+50

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
83 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
65 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
66 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
49 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
61 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
48 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
150 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
587 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
48 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
44 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
55 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
118 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
304 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
184 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
91 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
66 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
88 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
159 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
45 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
99 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? ...
7
votes
2answers
4k views

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

What the difference (if there is any...) between the 2 menu icons? 1) 3 lines (a.k.a burger icon) 2) 3 dots (a.k.a kebab icon)
1
vote
1answer
113 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
145 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
340 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 ...
2
votes
1answer
216 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 ...
4
votes
2answers
147 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 ...
0
votes
2answers
92 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 ...
0
votes
2answers
53 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 ...
0
votes
0answers
44 views

What is the best location for an icon on an expandable textbox?

In our software we have multi-selects where the user can select one or many options. As they select more and more options the rel-estate of the textbox fills and it will expand vertically. There is a ...
0
votes
0answers
31 views

Options to change how a grid is displayed?

I have a set of resizable, togglable grids the user can set both the dimensions (how much screen space it takes up), the number of columns and switch between multiple grids. This is the current '...
0
votes
2answers
172 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 ...
3
votes
2answers
225 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 ...
0
votes
2answers
450 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 ...
4
votes
2answers
109 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?
1
vote
3answers
988 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
2answers
475 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 ...
1
vote
1answer
115 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 ...
3
votes
5answers
5k 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 ...
2
votes
2answers
204 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? ...
3
votes
4answers
1k 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:
1
vote
3answers
135 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. ...
0
votes
2answers
114 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 ...
0
votes
2answers
75 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 ...
0
votes
2answers
152 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?
3
votes
2answers
437 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 ...
-1
votes
2answers
111 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 ...