一个icon它的首要的任务就是传达正確的预示炫酷和个性化的设计确实能让人眼前一亮,但设计如果不能将其预示准确传达给用户那么icon也就丧失其存在的价值。用户在长期使用智能设备中对某些icon代表的含义达成了共识用户一眼就能判断这个icon背后的功能和内容。但依然存在设计师经常会出于“不想抄袭”“个性设计”等理由,设计出一些认知负荷高的icon如果不顾用户的认知习惯做出个性化设计,将导致用户的学习成本增加不友好的体驗可能导致用户放弃你的产品。
举个栗子:以下三个图标设计我们一眼就能明白其背后的含义齿轮代表“设置”;小房子代表“主页”;放大镜代表“收索”,这些都是长期积累下来达成的共识反人类的设计需要付出极大的成本,尊重用户的使用习惯是对设计师的基本偠求
Icon底下带有文字描述是对其背后功能内容的概述,尤其是一些新的功能性icon还没普及的情况下文字提示给用户更好的预示,有助于用戶快速获取信息降低学习成本。
UserTesting关于“icon带不带文字描述”做了一项调查发现:
带文字描述的icon,88%的用户能够在点击之前成功的预测到这個icon意味着什么
不带文字描述的icon,这个数字降到了60%而对于那些代表着这个app独有功能的icon,也就是说用户可能以前从来没有见过类似的icon这個数字锐减到34%。
我是这样设计icon的
那么既然要符合用户的使用习惯又要让设计显得独特,怎么才能让这两者的有效结合呢除了一些常用嘚功能性icon已经成为用户的标识外,随着不同行业的出现和发展越来越多的新功能的出现,对于这种新的功能性icon的设计应该怎么考虑呢設计来源于生活,对于icon这种有着特殊含义的设计来说比较有效的方式就是将生活中与其功能相关的元素抽象成我们设计图案,结合以往鼡户对某些元素的认知将这些元素有效表现出来。
以下的两套功能性icon(互联网金融和移动医疗两个领域)我以有限的经验和想法结合叻各自领域的特点和元素进行的设计,也借鉴以往的一些经验有哪些不当的地方还请各位前辈批评指出!
另外一套是系统icon,这一套是我借鉴无印良品的一些色彩元素进行设计的在颜色搭配上采用一种简单素雅的调性,没有拟物化的浮夸更加轻质扁平。