Big question! As you correctly assumed, the icons can be used to improve the speed of site navigation, such as web design is a search problem.
The Nielsen Norman Group eye tracking investigation states that users tend to scan a web page in a pattern & # 39; F & # 39; horizontally first (the top bar of the F), down a little on the page, then a short horizontal distance (the bottom bar of the F), to finally scan the left side of the page vertically.
The F-shaped scan derives from users' desire to minimize their interaction costs, which without realizing it increases their chances of losing potentially important information. A good design will reduce the F-shaped scan and any other scan pattern.
As web designers, what approaches could we use to make the discovery of important information harmless to users?
An effective approach is the conscious use of iconography.
The icons serve as effective visual aids. An icon placed before the text of a button will save users the cost of reading more than they want, thus improving the ease of scanning the page and ultimately contributing to a pleasant experience for your session.
However, there is a warning (There is always a warning). The icons that appear after the text are not always purely decorative, but are status indicators on the labels or explicit signifiers on the CTA buttons.
* A great general rule that helped me is Think of the icons as bullet points. Both share some equally important purposes:
- Call attention to important information
- Improves the ease of scanning information
- Disseminate information effectively and efficiently
To read more, click here or here