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