The pencil icon can mean to create something new or to edit/update something that has already been created. At times, the meaning of these icons may overlap. Authoring iconsĪuthoring icons indicate that the user can create or edit something. Below we will look at the most common ones and their meanings. There are many icons used in different situations. Sometimes the kebab icon is used instead of the meatballs icon. As the available space decreases, the icon links will get moved into a dropdown menu. The meatball icon (also known as the horizontal ellipsis or more menu icon) is used when all the buttons or links can’t fit into an area. The links in the dropdown menu should only be used for actions relevant to the page they are on (i.e., not for global navigation). Tapping a hamburger menu icon (also known as the bars or menu icon) typically opens up a drawer or side navigation containing global navigation links.Ĭlicking a kebab icon (also known as the vertical ellipse or options menu icon) will reveal a list of options that the user can select from. Depending on what the links do or where the menu is, they may act differently. On small screens or components, links are often hidden behind a menu icon. In these feedback messages, an icon will often be used to communicate with the user visually. For example, when you tap a heart icon, you may be “liking” or “unliking” something, and when you click the eye icon in a password field, you may be toggling between “show” and “hide”.įeedback is when the system needs to communicate something to the user. When you click or tap an icon toggle, it will change its appearance and turn something on or off. This is so that first-time users still know what will happen when they press the link and to them to learn what the icon means.Ī toggle is a user input that switches between an “on” and “off” state. Because of this, icons are often used to navigate through an interface.Ī common practice nowadays is to make the text labels really small so that they fit below the icon. On small devices such as phones, large text labels won’t always fit into the available navigational space. Icons also give the user a visual cue as to what will happen when they click on it or what it is for.ĭepending on how generally understood an icon is, it may also be used as a standalone button without a label. Icons are often added to buttons, links, text inputs, and other user inputs to make them look more attractive. These icons make the page look more attractive and aren’t necessarily interactive. When trying to highlight features of a product or service, icons may be used to represent the feature visually. Most products and platforms use icons to represent an idea or interaction.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |