Help

Best uses of ? (help) and i (information) icons in UI

Best uses of ? (help) and i (information) icons in UI
  1. What is the use of help icon?
  2. Where do I put the help icon?
  3. What are the 3 types of icon?
  4. What is the I information icon called?

What is the use of help icon?

To provide help for urgent issues, such as payments and refunds, place a Help icon in the app bar. Desktop apps may also place a Help icon in the app bar, as there is more space in the desktop UI.

Where do I put the help icon?

A help button, link, or icon relating to the whole form or screen function should be located on the top right corner of the screen but below the global header (see Figure 3). Help relating to the entire application or website, such as phone help, support numbers, or global tips, should be placed in the global header.

What are the 3 types of icon?

There are three types of icons: “universal,” “conflicting” and unique icons. Let's focus on each type and its impact on the user experience.

What is the I information icon called?

The lowercase i with a circle around it is formally known as the Information Symbol. It tells you when your connection to a website is not secure. When you connect to a website your browser uses the HTTP protocol or the HTTPS protocol.

Should scrollbars be integrated into the viewport width when content differs?
Does view width include scrollbar?Why does 100vw includes scrollbar?What does width 100vw do?What is viewport width 100vw? Does view width include s...
Hiding duplicate links with aria-hidden
Should I use aria hidden?How do I hide my aria-label?Does aria hidden apply to child elements?What is the difference between the following attributes...
Show/Hide Password
How to show hidden password in HTML?How to show and hide password using JavaScript? How to show hidden password in HTML?See Passwords Behind Asteris...