好的设计会“沟通”交互设计

人与人之间可以通过语言、文字、眼神等等方式去沟通。人与动物之间也是可以通过声音的情绪、肢体动作等方式去沟通。其实人和产品之前也是可以“沟通”的。好设计会向用户传达信息,让用户尽可能低成本的获取这个产品的使用方法。

比如说微波炉上的圆形按钮是在暗示用户它是可以旋转的;再比如共享单车锁车后的音乐提示音是告诉用户,单车已经锁好了;电子产品上的电源灯是可以传递设备工作状态的信息。

唐纳德诺曼在设计心理学中说过“一个好的交互设计,是不会让用户感到困惑的”。

一个不会“沟通”的产品,对产品的用户体验可能是毁灭性的打击。

《设计心理学》的作者唐纳德诺曼提出了交互设计的五个基本原则,这些原则是产品与用户常见的一些“沟通”方法。分别是:示能、意符、约束、映射和反馈。下面我会结合我的理解一个一个来说。

一、示能(affordance)

所谓的示能,是指不需要任何的解释,用户就能直接感知到这个产品的功能。示能是产品向用户传达自身信息的一种互动方式,它揭示了世界上作为主体的人、动物或机器如何与其他东西进行互动的可能性。

生活中运用“示能”设计产品的案例有很多,比如微波炉上的圆形按钮是在暗示用户它是可以旋转的,长条的把手是在暗示用户拉开。这些都不需要标签或说明书的帮助,它们本身就能传达出一种交互信息,这种现象就叫示能。示能对设计至关重要,它可以给用户提供明确的操作信息,而且不显得繁琐,是实现可视性和易通性的重要手段。

二、意符(Signifiers)

不过示能只能初步传达产品可能的交互信息,如果想进一步的了解产品的交互操作就需要用到另一个设计原则:意符。

还是举微波炉的例子,示能告诉用户这个按钮是通过旋转的交互方式使用的,意符则是按钮周围的“功率”,帮助用户更进一步的了解如何和产品交互。所以示能和意符信息传递关系是递进的,它们间没有重要不重要、简单复杂的关系,而是人与物之间信息交互过程的阶段不同而已。

再举个例子,经常看到,有些商场的大门上,会写上“推”或者是“拉”的提示,这个推和拉就是一种意符。不过在门这么简单的东西上都要加上意符,就属于比较low的设计。能用示能解决的,就不要用意符,因为示能的传递信息的方式更加简单,也更符合用户下意识的选择。比如门是要拉开的,那就装一个门把手,人们自然会知道这道门是要拉开的,如果在门把手的位置装一块小平板,人们就会知道门是需要推开的。

意符不仅可以用视觉的方式来展现,声音也可以起到意符的作用。比如关车门的声音,以现在的造车水平,汽车厂商完全能把关门这个动作做到静音,但是为什么汽车厂商们都没有这么做呢?那是因为关门的声音实际上是传达了“门已经关上”的信息的,如果没有这个声音意符,用户在关门这个动作之后,没有得到信息反馈,不知道动作有没有成功。

相比视觉意符,声音意符更多的在“用户操作后的反馈”这个场景下出现。比如手机虚拟键盘模拟的打字声音、比如信息发送成功后的提示音,这是在告诉用户“你的操作指令成功执行了”,避免用户出现怀疑是否操作成功的负面情绪。

三、约束(restrain)

约束是为了让用户更容易找到人与系统间正确的交互方式。

约束的一个应用场景是帮助用户按照产品的设计者认为体验最佳的方式去使用产品。比如招聘产品在新用户刚完成注册后,会强制跳转产品的简历编辑页,在没有录入基础的简历信息之前就不能进行其他的操作。这就是一种典型的运用约束的手段去引导用户采用正确的方式使用产品。因为绝大多数用户注册了招聘产品,为的就是找工作,找工作就肯定要投递简历,所以简历录入这个动作是早晚都要做的。而且没有先录入简历的信息,那么系统无法根据用户的需求给用户推荐合适的职位。所以注册后约束用户录入简历信息,用户可以得到更好的使用体验。产品经理在产品设计上就可以使用约束的办法,让用户按照设计好的操作路线去使用产品,从而得到更好的使用体验。

约束还有限制用户操作行为,给用户更少且系统可控的选择,从而起到防止用户误操作的作用。在用户行为受到限制的情况下,出现在某个阶段的差错不会蔓延,能够防止产生进一步的后果。比如很多产品中的强制弹窗设计,在用户执行某个行为时,必须要做出某些选择,从而避免因为自己的操作而导致一系列的误操作问题。

再比如日期选择器,其实如果只站在程序实现思维去考虑问题,那么文本框输入可能是一个更简单的方案,为什么要选择这种方式录入日期信息呢?

那是因为日期信息是有多种格式的,比如2021/01/01;2021-01-01;20210101;二零二一年一月一日。上面我随便列举了四种日期格式,那么用户在录入的时候就会有困惑,到底应该使用哪种格式录入呢?这样就增加了用户很多操作成本。而且上面举的例子只是用户可能行为的一小部分可能,真实的用户行为更加的不可控,所以更需要对用户行为进行一定的约束。

四、映射(Mapping)

映射就是产品与产品操作区域间的对应关系。通常的手机软件产品由于产品的直接在屏幕上点击操作就可以了,所以通常不会涉及到这种映射的问题。而有些产品与产品操控区域间是分开的,这个时候设计者就面临它们间的映射问题。比如天花板上的灯和墙壁上的开关;汽车座椅调节键和座椅;软硬件结合产品中手机与智能设备。

最好的映射,就是没有映射。就比如说屏幕上鼠标的光标就是物理世界你手里鼠标的映射,在移动互联网时代来临之后,很多电子设备都变成触屏的了,哪里不会点哪里,所以就不涉及到映射也就没有映射了。

五、反馈(Feedback)

ATM机在取款的时候会发出“刷刷”的数钱声音,即使只取一百元也会“刷刷”一小会儿,其实这个“刷刷”声音不是ATM在数钱时真实发出的声音,而是ATM机通过音响播放的声音。如果没有这个声音的反馈,取钱时候静悄悄的,用户会觉得不适应,不知道机器是否会吐出钞票,是不是死机了。

产品需要将状态反馈给用户,不让用户因对产品状态的未知而产生焦虑。产品状态可见性包括让用户知道自己在做什么,自己处在操作中的环节,产品在做什么,程序处理到什么进度等等。若产品没有状态的反馈,用户会对产生焦虑、疑惑等负面情绪。

追求优秀用户体验的设计不仅要有反馈,而且要有及时反馈。你有没有遇到过“淋浴的尴尬”?往左拧龙头,水越来越烫;往右拧龙头,水越来越冷。你只好往左、往右、往左、往右,折腾10分钟?这是因为水龙头开关到出水口再到用户感知到水温,整个过程是有滞后的,淋浴这个系统无法给用户提供实时的反馈。

所以产品中的“反馈”一定要精心设计,在满足“及时”“不打扰”的前提下告诉用户,他当前在做什么操作,系统是否已经收到了,处理到什么进度了。

六、总结

好的设计是会与用户“沟通”的,运用示能、意符、约束、映射和反馈等交互设计方法设计出的产品更加便于用户理解,可以在一定程度上避免用户在使用过程中因为不知道怎么用而产生的糟糕用户体验。

本文由@煎饼大煎饼原创发布于人人都是产品经理,未经作者许可,禁止转载。

THE END
1.选出最好的产品设计图各位家人好,这是今正药业集团互联网运营中心设计的产品图册,希望各位家人用您们最美丽的眼睛帮我们选出您们最喜欢的产品设计图,今正药业集团互联网运营中心在此表示感谢!* 以下是互联网运营中心设计的产品详情图,请您选出你心中最好的一个。 产品设计图1 产品设计图2 产品设计图3...https://www.wjx.cn/jq/27794406.aspx
2.产品经理常用工具大全产品经理在实际工作中需要做用户调研、产品设计、撰写文档,团队沟通、项目管理等工作,在这个过程中如果有好的工具可以提升产品经理的工作效率,那就再好不过了,今天就来介绍一些产品经理常用的工具。 01 用户需求调研工具 产品经理在从0-1做一款产品、或者优化某一功能模块时,需要收集用户意见,良好的需求调研工具就很有...https://www.niaogebiji.com/article-481048-1.html
3.排名前十强的工业产品设计公司哪家好?中国洛可可工业产品设计公司成立于2004年,致力于为客户提供行业整体创新解决方案,业务深入智能机器人、消费零售、交通出行、医疗健康、文化创意、公共事业等领域,包含产品策略与研究、工业设计、结构设计、品牌设计、文创设计、交互设计、服务设计、研发与供应链管理的完整闭环解决方案。 http://www.ivebrand.cn/page-13-788.html
1.如何成为产品设计师?来看看国外产品设计师的总结优设网一个好的产品设计师应该知道一些动效,原型,代码,用研,视觉和交互设计能力。他们能知道在什么阶段需要线框图,而又在什么时候去追求像素级别的完美模型。他们知道什么时候该用动画展示,什么时候用到原型展示。他们知道如何传达令人信服的解决方案。 7. 产品设计就是这样...https://www.uisdc.com/how-to-become-a-product-designer
2.产品设计开发工作计划书(精选11篇)时间过得可真快,从来都不等人,我们的工作又进入新的阶段,为了在工作中有更好的成长,是时候开始制定工作计划了。做好工作计划可是让你提高工作效率的方法喔!以下是小编收集整理的产品设计开发工作计划书,希望能够帮助到大家。 产品设计开发工作计划书 篇1 一、项https://www.unjs.com/fanwenwang/ziliao/280397.html
3.推荐这10款好用的产品设计软件,轻松提效有哪些好用的产品软件构建开放的插件生态,支持设计师一键安装和使用,为产品设计高效赋能 https://js.design/?source=csdn&plan=gcjcsdn706 (5)设计系统和组件库:即时设计支持设计系统和组件库的创建和管理,使设计者能更好地管理和重复使用设计元素,提高工作效率和设计一致性。 https://blog.csdn.net/sky768872/article/details/131584084
4.产品设计和环境设计哪个专业好产品设计和环境设计哪个专业好 产品设计和环境设计虽然都同属于设计专业,但是二者的发展方向还是有着区别的,产品设计是属于具有创造性和综合的信息处理过程,通过线条、符号等等多种元素组合把产品的形状用平面或者立体的方式表现出来。而环境设计是一门交叉学科,涉及的专业包括建筑学、城市规划学、城市美学、社会学等学科...https://www.hxsd.com/content/22795/
5.奋进新征程·粤来粤好我在“城”里做设计刘海军向记者展示其原创设计产品。 创新驱动 提升制造业附加值 在广东工业设计城展厅内,各种流行的设计产品琳琅满目。2012年12月,习近平总书记视察广东工业设计城时,曾了解询问老年人产品的功能。 “这10年来,我们牢记总书记的嘱托,认真做好老年产品的设计,把我们行业发展得越来越大。”广东永爱医养产业有限公司总经...https://news.southcn.com/node_4538da31bd/785c313227.shtml
6.全球各个最优秀的产品都有哪些设计原则?平面其它平面设计我们的产品与用户沟通时,应该与现实生活一样,轻松易懂。 作为“共同的朋友” 让用户在线上尽量减少不确定的内容、可以方便设定好自己的期望,从而更好的匹配用户需要的结果,真实生活中的线下体验才会很棒。我们产品是为了房东、租客可以更好的互相认识而设计的。我们还会不断了解你的需求,通过好的产品设计,持续为用户...https://www.jb51.net/pingmian/536441_all.html
7.产品设计方案(通用16篇)为了确保工作或事情有序地进行,通常需要提前准备好一份方案,方案的内容和形式都要围绕着主题来展开,最终达到预期的效果和意义。怎样写方案才更能起到其作用呢?以下是小编收集整理的产品设计方案,供大家参考借鉴,希望可以帮助到有需要的朋友。 产品设计方案 篇1 ...https://www.ruiwen.com/shejifangan/6318441.html
8.超好用的4款产品图设计软件本文与大家分享 4 款超好用的产品图设计软件,它们是即时设计、Axure、MindManager 与 Lucidchart ,产品经理画图必备。画产品图是产品经理的必备技能,然而,想要画好清晰明确的产品图也并不是件容易的事,不仅需要对业务、需求、场景等进行梳理,还要对此进行可视化表达。接下来本文就与大家分享 4 款超好用的产品图设计...https://js.design/special/article/product-drawing-design-software.html
9.产品思维,是每个人的底层能力新闻频道从产品设计角度来看,产品周期和人生在某种程度上,存在一定的对应关系。 首先,是作品。 被设计师创造出来,它体现了设计师的主观意志,但又受到时代、社会背景、文化习俗的影响。 就像我们出生,我们是父母的一个作品,父母希望我们学习好、身体健康等等,但我们也会拥有时代特点。 https://news.hexun.com/2021-06-24/203843556.html
10.什么是“好设计”?重温Rams的“设计十诫”(拉姆斯)影评而拉姆斯和他的同学们则在技术和设计上寻找方向。他们思考的重点回到了人本身:人是什么,人如何生活……“一切都必须从头开始,最重要的是,我们必须基于真实世界去清除混乱、梳理出秩序。”1955年,他以建筑师的身份加入了Braun公司,为其改造工作环境。然而很快,他就被各种机械所吸引,加入公司一年之后,他开始了产品设计...https://movie.douban.com/review/12570292/
11.品牌升级好的产品需要优秀的品牌设计帮它发声现在已经不是“酒香不怕巷子深”的年代了,好的产品更需要优秀的品牌设计帮它发声。积极应对新的趋势,及时进行品牌升级,才能使企业发展得更长远。 1.什么是品牌升级? 品牌升级是企业按照自身战略规划,在每个阶段提升品牌的内涵与身份地位。品牌升级要使品牌内涵围绕目标市场升级的同时不断同步升级,并由此带动企业进行...https://art.cqtbi.edu.cn/info/2090/6230.htm
12.让你脑洞大开的9款未来概念产品设计,设计好赞!1/ 9让你脑洞大开的9款未来概念产品设计,设计好赞! ? 2/ 9让你脑洞大开的9款未来概念产品设计,设计好赞! ? 3/ 9让你脑洞大开的9款未来概念产品设计,设计好赞! ? 4/ 9让你脑洞大开的9款未来概念产品设计,设计好赞! ? 5/ 9让你脑洞大开的9款未来概念产品设计,设计好赞! ? ...https://k.sina.cn/article_5702432561_p153e43731027009hir.html