为什么不能在 UI 设计里滥用图标/icon?
#迷你设计课
现在不管是设计师开始开发者,都喜欢在 UI 设计里大量使用 icon,而且特别喜欢把 icon 当做点击的控件,来代替按钮、文字
这就在用户体验层面上,带来 2 个常见使用障碍:
- 看不懂 icon,不知道代表什么操作
- 看不清 icon,各种小 icon 分散在界面各个地方,看得特别累
看不懂 icon
主要原因是 icon 是一种抽象符号(symbol),不同的文化背景对这些抽象符号有不同解读
1,比如图一这组 MVP 概念图,大家可能对这些图标有不同的理解。其实这里画的是美国人很典型的汽车文化:
- 十几岁开二手车、家人淘汰的旧车(所以最左边那辆破车很容易抛锚,不得不下车推着走🤣)
- 以后改开好皮卡、更好的 SUV
- “中年危机”再买跑车
以前给我们装修的美国大爷就这样,闲聊时他说他上高中时开“烧机油比烧汽油还多”的破车,现在他工作时开皮卡,周末开图二那款道奇挑战者“地狱猫”肌肉车👏
2,又比如图三这一堆莫名其妙的鬼画符,其实是日本马桶行业协会制定的自动马桶按钮上的标准图标
实际意思如图四所示,你猜中了几个?
怎么设计更容易看懂的 icon
最主要的有三个技巧
1,按照受众的文化背景,用他们约定俗成的符号和形状来设计 icon
比如❤️是世界通用的符号,谁都能看懂;而🍩对中国用户而言就有一点小难度
2,避免过度简化、或者过度抽象导致 icon 不明所以
比如日本马桶行业协会的那些 icon,就属于高度抽象的设计,在没有概念的情况下,只能瞎猜它们的含义
3,为 icon 搭配文字
这个很好理解,现实世界里的日本自动马桶,按钮上至少会标注日文,对中国人而言,总能看懂一半🤣
回到标题,为什么不能在 UI 设计里滥用图标/icon?
看不懂的 icon 和看不清的 icon,会为新用户的操作带来阻力,或者增加老用户操作出错的机会
用户(包括我们每个设计师、开发者)其实都很懒
我们愿意花一整天在游戏里探索艰险的环境、我们愿意憋2小时看烧脑电影挑战智力、我们愿意每天花几十分钟在网上对根本不懂的问题大加评论…
但我们都不想在点按钮、点 icon 这种事情上浪费 0.1 秒
点击图片查看原图
点击图片查看原图
点击图片查看原图
点击图片查看原图