编辑导语:能指是传达能量与能力关系的信息提示。比如交通场景中的红灯,就是禁止通行的信息提示。在本文中,作者从能指的类型和形式两个方面详细介绍了能指。感兴趣的朋友不妨看看。
今天我们要讲的是能指,它在日常与外界事物的互动中非常重要。
下面的话比较干巴巴,有些需要你仔细阅读,仔细思考,觉得难以理解的朋友可以联系我交流。
一、意符的类型与表现形式表示确定哪些操作是可能的,能指表示操作的位置以及如何操作。
设计师经常说我设计了一个好的方案。
它会告诉你产品的用途,用户却无所适从。虽然他们知道产品在那里,但是他们做不到,因为是模棱两可的。
比如我们最常用的人体工学椅,可以调节高度和斜躺角度,调节控制器是两个手柄。
如果没有能指,我们往往记不住哪个控制器控制斜倚角度,哪个控制器控制座椅高度,需要多尝试。
所以能指告诉我们和任何 的正确的操作方式说白了就是一个可以表达事物具体操作的符号。
还记得上一篇文章中的一个门的例子吗?
在日常生活中,双门通常出现在商场和大型会议场所。
由于人多,门上会出现推/拉两个字,防止两边人同时推或拉,引导人们正确通过。
我们可以用推/拉,但不能用“按”,因为我们无法通过“按”的交互来控制门的开关。
如何判断一个设计是否优秀,那么我们就观察它的能量和所指传达的是否自然。
如果能指过于刻意或多余,那就是糟糕的设计。比如在两扇透明玻璃门上加推/拉标志就有点多余了。
比如切换短视频和翻页的电子小说,我们不会用翻页键而是用滑动来示意切换。
我们在设计全屏内容的时候,要考虑现在显示器的意义,不要画蛇添足。
好了,它的意思大家都清楚了,那么数码产品中的能指有哪些类型和作用呢?他们能帮助用户解决哪些问题?让我们看一看。
二、意符的类型1.文本
词能指是最常见的类型,用词描述来解释如何互动。
但汉字博大精深,不同的描述给人完全不同的理解和感受。
(1)情况1:开关开关本身
没有完整的意义,必须在对应的场景 。比如我们在通知和设置的场景中经常用到开关,我们需要一个相应的文字描述来说明开关控制的是什么。
这里的词是能指,用来解释开关的功能。
开关本身的含义有两个原则:
所以我们可以看看下面的案例。
当我们把文字描述为“不要打开,不要提醒我消息号”和“不接受推荐”时,就会出现开关操作含义不清,不直观的情况。正确的做法应该是正面简单的描述。
不要用双重否定等描写方法。默认描述是打开状态的描述。扩展一下,我们会发现,其实在使用
非正面描述的产品中,仍然存在开关字符。按照你的说法那不是错的吗?再来看看小红书和微信的权限开关,这里分别是隐私设置和权限设置。
这里会有点混乱。看看能不能看懂。
首先“只允许我关心的人评论我”是正面描述,没问题。
如果描述反过来,就变成“不关注我的人无法评论我”。结合右边的开关,逻辑层面会加一个双重否定理解,所以这里用正向是没有问题的。
接下来我们来看下面的关系设置:不要把我推荐给你可能认识的人。诶,这里用的是反向描述。我们来分析一下。这里合理吗?
首先,小红书会在新下载的应用打开时授权用户。为了帮助用户从不同的渠道找到更多的朋友,默认情况下,它会去微博,从通讯录中取出朋友的信息,在浏览内容时曝光和推荐更多的朋友。
同时我也会把我的信息推荐给我认识的人,这样产品的活跃度和用户的曝光度都会提高。
那么,我们再来尝一尝:1。“不推荐我去……”2.“推荐我去……”
前者更含蓄,后者更主动。
总的来说,中国人之间的关系比较含蓄,好像你可以推荐给我,但我不会主动要求。
更何况在小红书这样的社交平台上,“我可能认识的人”对我来说并没有太大的价值。
所以个人觉得还是默认不推荐的好。
不知道这个说法大家能不能接受。
再看微信:不让他看或者不看他。
想必这个微信平台不用我多说。由于熟人社交较多,默认情况下必须全部开放,有特殊需求需要隐私设置。
所以默认状态是不要让他看到——开关是关着的,说明我没有开启这个不友好的选项。
那为什么有的开关默认开启有的开关默认关闭,反过来描述也可以?
我总结了一下,如果涉及到一些隐私和权利,我们一般会默认关闭。
但是为了用户体验和效率,我们可以默认打开,比如视频播放完后自动播放下一个视频的设置。
有几种不同的方法来描述开关符号:
①内容标题+切换后状态和内容变化描述
第一种是上面提到的情况,但是需要注意的是,在描述状态变化的时候,文字要积极简洁。
比如打开后接收xxx条消息,而不是写关闭后不接受xxx条消息。
②函数的直接描述
直接显示功能标题,无需添加描述文本。
比如微信手机模式、消息设置、提醒等。,这些功能都是通过开关直接开启和关闭的,属于功能设置。
还有一种是授权,比如允许别人查看我的收藏,这是对别人行为的约束,但不能说成不允许别人查看我的收藏。
因为刚才我们得出结论,如果某些隐私权限设置需要默认关闭,那么就不能用“不允许”来正面描述。
③批次的总体描述
对于同类型的功能设置,可以批量进行整体描述。
再举一个例子,说明在对当前内容/状态的解释中,可以使用文本能指辅助。
比如在哔哩哔哩浏览内容时,会出现“我刚看到这里,点击刷新”,或者当我们浏览信息到一页底部,发现无法继续滑动时,会出现一行文案:我有底线,表示已经显示了所有内容。
字面上的能指是直观的,但也应该避免歧义。
2.图形/图标
在某种程度上,图标将更频繁地被用作符号。有些图标虽然模糊不清,但由于其简洁、美观、生动、通用性强,在很多地方都倾向于使用。
比如商场的公厕、扶梯、走廊,一般都是用图标代替文字,或者强图标加弱文字。
既然要讲图标能指,突出图标能指的作用,那就要有一个前提,那就是不考虑其他变量和因素的影响,图标能指到底有什么魔力?
比如我们熟悉的常用列表。接下来,我将使用图标来更改该列表的显示。
我们发现只有文字列表显示能量不明显,但加了图标后就清楚了。即使使用不同的图标,能量也会发生变化。
刷新、跳转、扩展、移动、选择、删除、步进、切换、屏蔽等等。
但是不能打开,向上展开,旋转,翻转,折叠,后退等等。
其实这些都是很简单很基础的概念,但是很多在UI设计到交互体验工作多年的朋友经常会遇到这些问题。大家总是在问UI和交互有什么区别。
其实两者都是一个界面设计师必备的能力,不能分开讨论。
我们再举一个例子。播放/暂停图标用于控制音频/视频的播放和暂停。
在实体播放器上,我们可以看到播放和暂停往往集成在一个按键上,比如天猫精灵、电视遥控器等。
但是在数码产品中,播放和暂停并不是同时放在一个按键上。
因为数码产品的图标是可以改变的,当前状态和切换状态可以用两个不同的符号来表示,所以实体播放器做两个按钮太多余了。
还没有。当我们在看视频的时候,界面上会显示暂停按钮,也就是说点击之后正在播放的视频/音频会暂停。
即暂停图标显示的是点击后的状态,而不是当前状态。
但是其他图标的意思和开关相反,比如横竖屏切换,收藏和赞,显示的是当前状态,而不是点击后的状态。
为什么不一样?因为暂停/播放相当于一个控制视频播放的按钮。
控制和映射是有关系的,然而这里暂停和播放按钮的作用是相反的。
暂停图标的指示器表示当前正在播放,播放图标的指示器表示当前暂停。
所以它不同于交换机。开表示开,关表示关。like icon的原理就像一个开关。
还有比如开音关音。好像声音播放/静音有点像视频暂停播放。
比如腾讯视频的视频声音控制,目前静音的是声音关闭图标,而不是开启后播放声音的图标。
再来看iOS系统中语音控制的风格表现,显示当前声音开启时会显示开启声音的图标,交互控制后会变成静音图标。
所以在图标符号的使用规则上,声音播放的控制和视频播放的控制是不统一的。
为什么不一样?其实我见过一些声音图标,和这个案例正好相反。
(1)两个原因
①视频只有开和关两种状态,但是声音不一样,开声音可以调节音量!
如果像视频播放一样,在播放状态下显示静音图标,那么音量调节会变成这样:
是不是很奇怪?明明是在玩,其实是静音图标。
②暂停和播放的本质不是开和关,而是中断和继续,和switch有本质区别。
静音和播放的本质是打开和关闭声音。如果我在声音旁边加一个开关,就能发现为什么声音控制器的图标符号是当前状态而不是交互后的状态。
视频的播放和暂停不是开关。你明白这个吗?
图标可以单独使用,也可以与文字结合使用。图标有优点也有缺点。
单独使用的话,还要注意场景,比如两个图标放在导航栏里,但是你能感知图标在不同界面的含义吗?
它的指示物和能指结合在一起形成一个图标,但是不够清晰,没有字面能指的帮助,在不同的场景下也不会足够清晰。
图形可以作为辅助表意文字,也可以用来表示区域。
比如我们经常开车,会知道路上会有实线、虚线、假想线、潮汐车道线,标明车辆可以驶入哪些区域,以及形式的规则。
我们在医院拍胸透的时候,胸透机的下半部分也会提示人应该站在哪里,用一个的方形框框起来,或者会显示两个的脚印。
图形指示区在数码产品中也很重要。比如我们设计一个按钮,只有文字样式的按钮和图形背景的按钮在用户的点击感知上是不同的。
后者的点击信心会更大,随着区域的划分,会有明确的操作界限。
3.颜色
颜色符号通俗易懂,用颜色来表达如何与事物互动,辅助表达。
无论是实体产品还是数码产品,大部分的警示色都是红色或者橙色。
比如在查看信息的时候,错误信息会用红色的样式标注出来,不仅告诉用户哪里出了问题,还会提示用户问题出在哪里。
需要活泼热闹的氛围也会被红色等暖色衬托,因为暖色更抢眼。
有时候,颜色也是物体能量展示的一部分。比如紧急出口,公交车上的安全锤,灭火器,外观都是红色的,表示在紧急情况下可以使用,但是不要轻易使用。
绿色意味着安全和自然,但在一些特殊场景下会有不同的认知。
比如金融业不太喜欢绿色,男性也不喜欢在帽子上用这种颜色,除非你是自行车恶魔。
灰色表示禁止、不可用、待激活等。
在数码产品中,颜色不仅代表一些特殊的含义,还可以作为信息区分。
在选择观看地点时,可以用颜色来表现不同地区观看体验和价格的差异。
更多的色彩心理学和色彩的运用在这里就不展开了。
4.声音
声音的能指更有趣。人们可以通过听声音来辨别声音的位置、响度、发声对象、音色、质感。
各种物体通过声音传递信息的方式有很多种,我举个例子,可以带你回到童年。
你还记得学校计算机教室里的企鹅图标开始闪烁的时候吗?
咳嗽声表示有人申请成为你的好友,敲木头声表示有人在线,滴水声表示有新消息。
还有一种短视频常用的打断音效:滴滴。
你会发现我是如何用声音打字的,就好像你已经在听一样。
为什么声音很重要?因为人类的五官是协同工作的。
我们不仅可以通过声音判断事物,还可以通过声音感知当前的行为状态。
比如打开手机键盘输入声音,让打字反馈更真实更有质感。
还有就是我们在游戏领域经常提到的震撼感。当角色的武器击中怪物时,声音会延迟1秒,而不是及时反馈。
这个时候你会觉得没有冲击感。除了声音反馈之外,还有很多其他的冲击的符号,比如打击对象的表演动作,打击区域,打击效果,动态效果,伤害显示,控制器反馈等等。
5.动力效应
动态效果也可以是能指吗?这是什么意思?
动态效果也是一种非常重要的能指类型,在我们的日常生活中也会用到。
例如,我们看到理发店前面的彩灯在旋转。
在这里,我顺便给大家讲一个理发店灯笼起源的小历史:在中世纪的欧洲,人们认为放血疗法对人的健康很有帮助。
但一般是在宗教仪式中由神职人员操作。在亚历山大三世,他把这个工作交给了医生,但当时的医生不想做这种粗活,就委托理发师来做。
于是理发师成立了理发外科医生协会。三色柱是活动的标志,红色代表动脉,蓝色代表静脉,白色代表纱布。
还有一种说法是,法国大革命时期,一家理发店是革命根据地,领导在一次危险的活动中,在理发师的掩护下逃脱。
最后为了表彰,允许他们使用红白蓝国旗作为标签,最后演变成旋转灯,各国纷纷效仿。
好了,跑题了,我们回到动态效果。
如果你看到三色灯在转动,说明这家理发店还开着,如果是静止的,说明它关门了或者坏了。
这不是很简单吗?这就好比一个不忠的女人告诉她的爱人,家里有人就在阳台上放一盆菊花,家里没人就放一盆绿萝,都是有道理的。
那么,在数码产品中,动态能指的其他功能是什么?让我们逐一盘点:
(1)降低用户的认知成本
我们通过设计界面的过渡和控件的调用效果,告诉用户你将从哪里来,与你相关的控件从哪里来,你如何控制它们。
互动的时候有什么变化,又是如何变化的?
就像你在等的45路公交车从远处慢慢向你驶来,停在你面前,打开车门。你选择上车看到阿姨拿着电饭锅,拉着阀门然后爆炸。
不是站在那里直接爆炸的时候。被红娘支配就像昨天一样。
所以,好的动态表现让你知道事物的发展过程,让你更好的理解。
比如我们在使用饿了么、美团等应用时,添加菜品会有一种掉进外卖箱的动态效果,这是一种非常好的动态效果。
当微信官方账号打算把文章放到浮动窗口的时候,也会有一个浮动窗口的指南,告诉你虽然文章结束在收入互动的右下角。
但是如果你想看到所有的文章,你需要回到首页,你只能在页面的左上角找到。
(2)引导/提示/强化
对于一些新人的通知或者内容的隐藏部分,产品通常可以通过一个小小的动画效果来引导用户在这里有新的内容,比如淘宝的二楼,evernote功能图标的切换,活动入口等等。
(3)大气和增强的视觉
在电子商务和直播界面中,有很多使用动态效果来描述气氛和效果,刺激人的感官的元素。
(4)表示状态
手机解锁时输入错误密码或者使用氪时输入错误密码,输入框会左右晃动表示,老铁,这个真的不对。
(5)更多的能指
意义符号并不局限于我列举的一些类型。我再给你举个例子。在一个不起眼的角落,那里什么都没有空,只是一块很普通的地空。
但是一袋垃圾丢在那里,垃圾就会越来越多。
因为第一袋垃圾是一个符号,告诉别人可以在这里扔垃圾,所以很多人会在这个角落扔垃圾。
很多人会觉得很难区分能指和所指。能指不也包括能指吗?
其实我们可以理解为整个交互过程中有两个对象,即对象和操作者。物体本身表达能量,但不具备交流的能力。
能指是操作者和客体之间的桥梁。虽然我们通常看到的是能指+能指的状态,但也要区分本体的能指和用于交流的能指。
二、小结[/s2/]符号和能指是不可分的。设计师应该尽可能地一起学习基本概念。
能指有很多种,所以我们在学习能指的正确方式和次数时,首先要了解能指本身的“能指”,这样才能更巧妙地将能指与事物结合起来,发挥其正确的表意作用。
设计师在设计符号时要尽可能了解产品使用者(用户)的背景,符号的表达也有很大一部分效果来自于用户的体验和心智。
即使我们认为能指是明确的,但用户没有接触过,也没有理解过,这说明还是不合适的。
#专栏作家#
颖君,人人都是产品经理专栏作家,微信官方账号:shejishiyj。
本文由@英俊原创发布。每个人都是产品经理。未经许可,禁止转载。
图片来自Unsplash,基于CC0协议。
最新评论