Home
Bookmarks
Leagues
LEARN
Courses
Career Paths
Assessments
Tutorials
Arcade
Glossary
GROW
Certifications
Log in
Glossary
Log inSign up
Courses/UX Design Foundations/Icon Terminology/
Exercise #3

The Icon-With-Label Usability Rule

Extensive usability testing by Nielsen Norman Group establishes that icons accompanied by a clear text label consistently outperform icon-only interfaces by over 40% in first-time task completion rate and recognition speed:

  • Icon Alone: Forces the user to decipher the visual metaphor, leading to trial-and-error clicks.
  • Text Label Alone: Slower to scan, but 100% unambiguous.
  • Icon + Label Pairing: The gold standard. The icon enables rapid visual recognition during fast scanning, while the text label provides instant semantic certainty.

Topics

The Semiotic Triad: Icon, Index, and Symbol
Universal vs. Ambiguous Metaphors in Interface Icons
The Icon-With-Label Usability Rule
Optical Centering vs. Geometric Bounding Boxes
Stroke Weight, Grid Systems, and Icon Scalability
Accessible Icon Implementation and ARIA Attributes
design
UX Design

From lesson

10

Icon Terminology

Level 3 · Elements of Design II

Top contributors

Community contribution details will appear here once real learner activity is available.

Share