KNOWLEDGE NOTES

Knowledge Notes

Explore curated knowledge, course notes and methods, with their existing content and sources preserved.

This index lists complete English editions. Additional Chinese notes and bilingual updates remain available in the Chinese index.

350knowledge notes
Product Design & UX / Other Product, Design and Learning Materials

Icon Design Research: Digital Icons That Work (Icon Association Survey: 10,700 Responses + Design Principles + High-Risk Icon Checklist)

Highlights from a large-scale Icon Association Ranking survey: 107 U.S. participants × 100 icons = 10,700 open-ended responses, covering the primary associated meaning, recognition rate percentage, and 95% confidence interval for each icon when presented alone, without text or context. Core finding: There is no such thing as a "Universal Icon" — no icon is consistently understood across all systems. Recognition rates fall into three tiers: 65–100% (high consensus, e.g., trash can = delete 98%, shopping cart = checkout 98%, pencil = edit 96%, envelope = mail 95%, circled question mark = help 91%, house = home 91%) / 50–64.9% (medium consensus, e.g., hamburger menu = menu only 59%, funnel = filter 53%) / 0–49.9% (weak consensus, e.g., share arrows, sparkles for AI, lifebuoy for help, AR cube). Coverage: survey methodology (two-stage testing: out-of-context vs. in-context) / three icon types (resemblance/metaphorical/arbitrary) and cognitive distance / 10 design principles (follow convention, single concept, consistent meaning, appropriate metaphor, etc.) + real-world counterexamples (Reddit wrench, TripIt star upgrade, Rippling heart for insurance, Lyft golf cart for shopping cart, DoorDash lifebuoy for help) / 8 factors affecting comprehension (consistency, interaction frequency, prior experience, proximity, text labels, orientation, placement, cultural background) / when text labels are mandatory / why emerging icons all fail (AI sparkles 0% recognition, heartbeat for data, lightning for charging 37%). Audience: product managers; jargon explained in plain language; every section includes Why + numbers + counterexamples.

Icon designUser researchUsabilityEnglish edition