工业设计师告诉你按钮设计:是图标还是文字?

发布时间:2022-03-27 作者:admin 0
【文摘】人类文明的进程从图像转向文字,现在倾向于用符号代替文字。 图标和文字,该如何选择,值得深思。 本指南:从“用户是否容易理解”开始,分析不同层次的设计,一起看看吧。
 
工业设计师告诉你按钮设计:是图标还是文字?
 
“为了更好地传达信息,作为工业设计按钮采用文字还是图标? ”
在这个问题上,无论谁知道,答案大部分都偏向于选择“图标”,理由也十分统一。 生动、容易理解、容易扩散……
但是,在具体使用图标的过程中,确实有很多优点,但由于图标的这些优点,忽略字符看起来有点单方面。
文字和图标都有自己的特征。 对于该如何选择,只需要遵循“用户是否容易理解”这一准则,在具体应用该准则时,需要从多个层面进行更全面的考虑。
一、透过现象看本质——信息
从本质层来看,文字和图标的本质相同,是“信息”,但在对“用户是否容易理解”这一标准进行本质判断时,需要关注的不是具体表达的选择,而是对不同表达背后的“信息”的判断
那么什么样的信息更容易被用户理解和接受呢?
我们在判断时,应该遵循什么标准?
1 .详细
人脑对一个图标、单词的认知过程,是一个对比的过程。 需要认知的信息是实验组,人脑长时间存储区域的现有信息是对照组。 通过试验组与对照组比较,大脑判断当前信息,一般判断结果有3种:忽略、替代、补充。
2 .无视
比较大脑后发现,长时间记忆区域中没有与之匹配或相似的信息。 面对这种情况,大脑自然会选择无视该信息,自动跳过。
3 .替代
大脑比较的结果表明,长时间记忆区域中有与之相同的信息。 此时,人脑直接将两者关联起来进行置换,置换后,我们得到对该信息的认识。
4 .增补
大脑比较后发现,该信息是“相似”的信息,不能直接置换。
在这种情况下,大脑将启用长时间存储区域中的现有图形,以补充此“相似”信息中的模糊。
人脑处理信息的过程表明,信息同步率越高,人脑消耗的认知能量越少,信息越容易被理解。
因此,在设计按钮的时候,为了让用户更容易理解我们想传达的信息,应该尽可能保证想要认知的信息和人脑中现有信息的高度匹配。5 .准确无歧义
评估信息时,最基本的方法是保证信息传递的正确性,避免用户收到该信息时出现认知模糊。
以下三个图标:
所有三个图标想要传达的消息,单击返回主页。 前两个图标可以方便地获取到用户想要传达的消息点,而第三个图标的表达样式简单,但传达的消息不明确、不准确。
用户需要调用大脑中现有的图式来加工处理该信息,但最终加工处理的信息很可能与最初想传达的信息不同,给用户的理解带来了模糊。
这是“起点阅读”书库页面的首页菜单。 单纯只靠顶级菜单,没有与之对应的页面。 对于“胶囊”这个按钮,大家能理解想传达的信息点吗? 如果按钮和对应的页面合并了呢?
本页面的主要功能是展示短篇小说、短篇故事,而用“密封舱”的概念抽象概括短篇小说、故事。 这超出了用户对“封装”概念的普遍认识,因此用户需要调用大脑中现有的图式来补充“封装”与短篇和小说之间的关系,这只会增加用户的理解成本。
二、具体问题具体分析——图标和文字
从现象层看,图标和信息是信息的两种不同表现方式。 这两种表达方式都有各自的特点,在设计过程中,要根据具体场合选择合适的表达方式。
1 .图标
图标作为现在常用的信息表现方式,具有以下特征。
1 )节省空间
在同等空间中,图标传达的信息量会变大。 移动设备的屏幕大小本身有限制。 因此,在同等空间中,为了信息传递的正确性,可以优先考虑图标这样的信息传递方式。
2 )快速定位
图标的图像容易引起用户的注意,用户可以在短时间内位于图标所在的位置。
3 )通俗易懂
大脑便于处理图像信息,符合人类认知规律。
注意事项:
是否有普遍共识
图标必须是用户有普遍共识的图标。 根据国家和文化背景的不同,用户对同一图标的认识可能不同,但通过多年来训练用户的使用习惯,一些图标已经在一定范围内的用户心中有了共识。
以下图标:
这些图标在文字输入的情况下,在用户中已经形成了共识,因此在设计时,可以直接选择使用对应的图标,而不用担心用户是否能够理解。
防止丢失图标清晰准确的——信息除普遍共识外,还需要保证图标传递的信息的正确性,防止因信息缺失而产生用户理解的模糊。
图标简洁——防止信息冗长化
充满大量信息的图标不一定保证信息传递的正确性。 冗馀化的信息很可能会导致用户的过度理解,产生歧义。
简单的位置图标其实可以传达“定位”的意思,但是工业设计仅仅增加一个位置信息图标不仅不容易让用户理解,而且会增加用户的理解成本,可能在用户理解的过程中起到额外的作用
2 .文字
1 )准确性
文字与图标相比,最大的特点是信息传递的准确性高。
人脑在识别文字时,首先将其转换为大脑中与之对应的图案,然后理解记忆。
每个个体大脑中的图案可能有差异,但这些图案本身是个体唯一的,这唯一的确定性保证了文字信息传递的正确性。
2 )缺乏美丽
文字相对于图案,传达的信息量很少。 多用文字的话,会显得相对死板,缺乏一定的美感。
3 )不具有普遍性
因为地方不同文化也不同,所以文字也不同。
具有不同文化背景的用户在短时间内无法理解其他文化背景下的文字。
所以在制作海产品的时候,在文字的使用上要非常小心,进行本土化的反复。
3 .文本图标
工业设计按钮时,理想的做法是使用简单的图标和文字,将信息清晰地传达给用户,但实际上往往很难达成。
所以在实际的设计中,可以将图标和文字组合起来。 使用图标更生动地传达信息,用文字说明图标。
如何加强图标设计的细节? 总结了12个重点!
应该使用图标还是文字?
文字信息在界面设计中的运用
 
$(document).ready(function () { $.get("/index.php?s=floating", function(data){ $("body").floating(data); }, 'json'); })