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.

Filter by
Sorted by
Tagged with
2
votes
1answer
140 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 ...
7
votes
5answers
24k 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 ...
3
votes
2answers
262 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? ...
6
votes
5answers
7k 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:
2
votes
3answers
170 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. ...
1
vote
2answers
186 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 ...
1
vote
2answers
97 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 ...
1
vote
2answers
193 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
2answers
817 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
121 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 ...
0
votes
3answers
682 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
1
vote
2answers
176 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?
0
votes
2answers
98 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 ...
0
votes
1answer
155 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
1answer
87 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. ...
4
votes
6answers
4k 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
vote
2answers
660 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 ...
1
vote
2answers
117 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 ...
5
votes
3answers
19k 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 ...
2
votes
2answers
471 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 ...
31
votes
2answers
8k 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:
4
votes
2answers
4k 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 ...
1
vote
1answer
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 ...
1
vote
1answer
104 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 ...
8
votes
1answer
2k 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 ...
8
votes
1answer
262 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 ...
5
votes
1answer
561 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 ...
4
votes
3answers
280 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
votes
2answers
492 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 ...
3
votes
3answers
502 views

What makes for a “good” app header/footer icon

Consider the header bar shown below To my eye the first three icons "look good". The other three appear to lack something. I am not really a designer so I tend to get there with a great deal of ...
0
votes
1answer
173 views

Header/Footer Icon usability

Consider the two screenshots shown below The context here is an "offers" mobile app with the icons serving the following functions Drop down "refine" results list (top left) Configure/Settings (top ...
0
votes
1answer
103 views

How social icon color impacts usability?

My question is not about changing social icon color to get a good looking UI, that question was answered here: Changing Colour of Social Media buttons to match Colour Palette, it's rather about ...
13
votes
5answers
2k views

How do we represent that a search feature has “intelligent” capabilities?

My software company is beginning to implement "intelligent" query capabilities to the usual search boxes for our customers and I think that this necessitates the need to evolve from the old standard ...
5
votes
1answer
567 views

social sharing ui/ux on mobile. actionable text + icons or icons only [duplicate]

We trying to implement decent social sharing module for our app and have 2 question, which are pretty much related: Is it important to have visible text which directly say to user what to do, like ...
0
votes
1answer
264 views

icons representing 'ABOUT' and 'CREDITS' [closed]

I have three tabs of ABOUT, CREDITS and LICENSE like below: I have selected an icon for LICENSE, but I'm not sure about ABOUT and CREDITS. Any help would be appreciated. Eventually, I came up with ...
1
vote
1answer
3k views

What is the thought behind veg and non veg icons?

My cousin always looks for this little green icon before she buys anything that is eatable. I was wondering what is the thought behind these icons. To be specific these don't pictorially depict veg ...
5
votes
4answers
3k views

Actions (icons) in table

I'm working to redesign our application and we are unsure where the table actions should be (in the left side of the row, right side, with or without submenu, etc). Please help us to define with would ...
1
vote
1answer
86 views

Affordance for small image/icon removal

I have a stacked collection of images/icons that look similar to the following when placed in a relatively narrow column: These can be removed one by one, and currently the way I do this is similar ...
0
votes
1answer
53 views

What is the most suitable icon for a “Purchase Document” button? [closed]

I am designing an interface for a legal document ordering system, and I want to use an icon for the ordering button, but I don't want it to be the standard shopping cart icon, as it's not really an ...
1
vote
1answer
1k views

Line Icons / Filled Icons

When to use line icons and when filled icons ? Is it something related to personal choice or it depends on the visual balance of the screen.
1
vote
1answer
288 views

Is there a standard, or widely accepted icon or glyph for 'copy to clipboard'?

A commonly used interact is clicking a button to copy a long or hard to select string to the clipboard. Github uses a small clipboard and an entering arrow on the right. Gumroad uses a document ...
2
votes
1answer
210 views

Icons color Accessibility testing - Tools and process

We have a repository of old icons which are flat,gradient,simple,compound icons for win32 and win64 applications(basically legacy software icons). Currently we are trying to do color accessibility for ...
2
votes
3answers
71 views

What's the best way to indicate that certain tracks in a list are instrumental?

I'm creating a music player for a web site. All of the songs have words and music (i.e. you can pull up lyrics or sheet music for a song), but some of the recordings are only the music. How can I ...
0
votes
1answer
524 views

How can we represent the word “Action” with an Icon [closed]

I personally think that "Action" itself represents all other actions. Since it's so vague, there can't be a representation. But this is needed, to be used in a tooling application UI. Please help ...
84
votes
20answers
24k views

I'm designing a no-data USB cable : How should the end be marked?

I'm specifying a dedicated USB cable for a product, but it won't be a full cable, it will be missing the center conductors. In other words, it is functionally equivalent to a "charge only" USB cable. ...
4
votes
6answers
283 views

Indicate a device is turned off?

I have an iOS app that connects to a bluetooth device. Part of the functionality of the app is that it can turn off the device. I want to be able to indicate the on/off state within the app with clear ...
0
votes
1answer
348 views

What is the “view_module” icon for?

The Material icons are Google-designed, apparently with a view toward what's standard or meant to become standard, recommended by Google for use in Android apps. In order to use them in a way that is ...
2
votes
4answers
490 views

Introducing navigation icons with labels, then removing them

In Meng To's Design+Code book, he says the following while referring to icons with labels in navigations: "Pro tip: If you don't want to always have text next to the icon, introduce it first and ...
1
vote
2answers
201 views

Icon for viewing document that's easy to understand [closed]

The page contains a table and each row's last cell contains a hyperlink which redirects the user to a document. What icon would be best suited in replacing this link to a document? I was thinking ...
0
votes
1answer
83 views

Icon to tell listener that answering the question would make a harmful sound [closed]

I have a speech impairment (when I pronounce most letters 'S' they cause harm to the listener). I need an icon to be able to hold up, to a listener, who presumably knows either me or the icon, that ...

1 2
3
4 5
15