体验|基于场景的反馈设计

引言

在日常生活中,我们的很多行为都期待能得到反馈,或者说如果行为得到了反馈能激励鼓励我们继续下去的热情,比如发了朋友圈之后朋友们的点赞评论,在群里发言后有人回应,投递稿件之后有了进度回应等等。即使反馈的并不是好的结果,也总比石沉大海好很多,因为我们需要通过反馈来决定下一步该做什么,这就是反馈的意义。

一 什么是反馈

在软件设计中的反馈,其意义在于告知用户当前操作的结果、所处状态、接下来该怎么办。如果没有反馈,会让用户认为软件反应迟钝,无法使用,从而导致体验差劲用户流失。

本文中的反馈定义为:用户操作后能获得的可感知的结果提示,并可以帮助用户明确下一步操作。

反馈常见的出现时机与其作用:

  1. 操作成功——告知用户操作已完成,可进行其他操作;

  2. 操作失败——告知用户操作失败,可重试、放弃、尝试其他操作;

  3. 操作进行中——告知用户系统正在处理操作,可等待、放弃、进行其他操作,或对用户当前操作的引导。

二 反馈的场景

反馈的场景即当前操作的使用场景,这将决定需要给用户反馈哪些信息,以及使用哪种反馈方式,以下将常见场景进行分类整理:

  降低打扰——高频操作、页面变化明显

用户需要经常操作,即对该操作及其操作结果熟悉,或操作后可以直接在界面上显示操作结果,此时的操作中与操作后反馈就要注意在视觉、声音、持续时间上都要降低打扰,不影响用户接下来的操作。

🌰——高频操作:管理者审批单据,几乎是每天都会操作,所以只需要告知用户操作完成并自动跳转进行下一个审批即可。

🌰——页面变化明显:微信的标为未读功能,标记后出现的红点已经可以很好的反馈给用户操作成功的状态,而且点击后即可恢复,所以不需要额外的反馈;以及微信修改拍一拍的信息,修改后点击完成,会直接回到个人信息页,可直接看到修改成功的结果,已足够反馈操作成功给用户了。

  明确清晰——低频操作、页面无明显变化。

用户操作较少,只是偶尔有需要才用,甚至只会使用一次,那在操作前需要给足够的说明,在操作时一般也需要给二次确认,以及需要明确操作结果。

🌰——微信密码是不会直接显示在界面上的,所以在修改完成后会有toast提示修改完成,告知用户操作成功。

  说明指引——敏感操作、后续操作说明。

连续性流程、专业性较强的流程需要在操作后告知用户当前状态及之后的结果。比如银行卡转账可能会持续两小时后才能成功,所以需要单独用一个结果页来告知用户。

🌰——支付宝转余额宝

  情感化反馈——激励用户、树立品牌形象。

反馈除了有无以外,还有负面和正面,正面的反馈能营造品牌形象,或激励用户现在或之后能更愿意去操作,比如点赞时的特效,活动按钮特效,游戏装备强化时的动画等,甚至只是将toast里的提示改为更口语化更可爱的语言,主要还是运用视觉和动效等反馈方式来加强用户的情感感知。

🌰——ZUIVogue喜欢反馈,点击后会有动画效果来让用户感知到操作成功,同时有趣的动画可以激励用户多多点击,也树立了APP有趣有创意的形象。

  及时反馈——实时提醒用户

反馈还可以用来帮助用户操作,实时反馈能直接告知用户当前状态正确与否,而不是等到用户提交的时候再告知哪里有错误导致操作失败。常见的是填写表单,当填写完,字段失去焦点时,会实时告知用户填写有误,用户就可以立即修改,而不是等到提交的时候在告知因为有错误所以无法提交。

🌰——填写表单实时反馈填写结果

🌰——在Apple自带的图片编辑中,左右滑动调整参数时会有震动反馈,模拟硬件滚轮的触感来告知用户正在调整中;而黄油相机在调整参数时,仅当参数回到默认值时会给出反馈,提示用户当前处于默认值。

  前置反馈——提前洞察用户需求与帮助

贴心的应用在用户操作前也在一直关注用户的一举一动,就能在用户遇到困难前就找出问题所在,并帮助用户解决问题。

🌰——微信扫码时,当检测到光效较暗时,会提示用户点亮手电筒,而不是让用户从系统中打开手电筒。

🌰——在营销领域中,扫描商品串码时,若发现用户在扫描界面停留太久(10s),就会提示用户串码可能无法识别,建议进行手动输入。

  小结

确定反馈场景,可以通过使用频率、功能专业度、等待时间长短、是否需要激励、用户是否需要帮助等维度,确定反馈场景后再设计合适的反馈方式。

三 反馈的方式

在做反馈设计时需要先确定产品定位、功能定位、使用场景,再来选择合适的反馈方式,常见的反馈方式有但不限于:弹窗,toast,新开页,动画,声音,震动,页面元素

  弹窗

对用户打扰较大,但可以做一定的后续说明。

  toast

在高频操作时常用的轻量化反馈,使用时要注意显示时间,以及是否需要页面操作遮罩,会影响页面是否可以直接操作。

  新开页

在功能专业性较强或操作持续时间较久时,对用户进行确认和说明。

  动画

在激励用户时常用,在游戏中,会用狂拽炫酷的装备升级动画来区分装备等级,等级越高越绚丽,用户的荣誉感就越强,就越想继续打出更好的装备。还有一个常用的动画场景,就是在长时间的等待页面上,比如加载页,大文件导出过程反馈,下载过程反馈等,可以让用户在等待过程中也体会到乐趣。

  声音、震动

这两种反馈方式使用场景比较类似,常用于用户点击时,或进程结束时的反馈,可以模拟真实事件声音,比如PC端清空垃圾桶会有模拟倒纸张的声音;或者一些有趣舒服的声音,比如IOS发送短信时的声音。

不过在负面反馈时,一定要注意使用声音,过于尖锐或紧张的声音本身就会给用户带来烦躁,何况还伴随着负面通知(比如以前windows系统报错时的“叮”)。

  页面元素

有时候反馈并不需要把“操作成功/失败”直接告诉用户,在一些场景中直接把操作后的页面元素结果展示给用户也许是最直接的反馈。比如在发弹幕时,自己发送的弹幕会特殊化,B站简单粗暴地把自己发的弹幕框了起来,这样用户就已经得到了发送成功的反馈。

四 总结

反馈存在于用户的每个操作里,是用户最常见的交互元素之一,而且在同一个系统中,不同功能、不同页面、不同场景下的反馈都可能不一样,虽然它可能并不影响主流功能,但也是设计师需要注意和花费心思的地方——先确定当下操作的反馈场景,再寻找合适的反馈方式

//////////// END ////////////

(0)

相关推荐

  • 从0到1的产品,如何一次性解决所有异常和加载状态?

    第116篇原创文章 今年的第4篇原创 本篇文章的价值:看完之后可以独立统筹整个产品的全局设计. 做从0到1的产品时,在设计产品功能的交互流程和UI设计中,都是先做出所有正常的交互流程和界面. 但每个功 ...

  • 交互设计师如何做好信息反馈?

    编辑导读:最近在非wifi环境下观看视频时,发现各个产品都会给出流量损耗提示,但是反馈的形式和频率是有差别的.交互设计中系统反馈形式多种多样,到底应该怎么选择呢?本文作者对此进行了分析,与你分享. 最 ...

  • 基础科普!最常见的四种移动端功能性动效全面总结

    功能性动效的主要类型有页面空间转换.视觉信息反馈.功能操作引导.品牌与趣味,本文就来谈谈这四种功能性动效在移动端的使用. 一.功能性动效的定义 定义:功能性动效是一种嵌入 UI 设计中微妙的动画,有着 ...

  • 期刊 | 基于客户体验的投诉话术设计

    文/褚立欣   才博(中国)客户管理机构服务管理专家顾客:你们的产品怎么回事啊,我在使用的时候,里面的胶环竟然掉了,都吃到孩子嘴里了.客服:是吧,要不这样,我重新安排给你寄送一个,不过,快递费需要你这 ...

  • 质量与可靠性工程师培训资料:基于MBSE的正向设计(培训PPT)

    导语       最近参加某领域项目评审,发现基于模型的系统工程(Model-Based Systems Engineering,MBSE)一直热度不减,有点无MBSE不科研的感觉,今天分享关于MBS ...

  • 日本画师笔下的二次元人物作品欣赏,场景版人物设计

    ●日本插画师画师ノクシ绘画的人物插画作品有水彩的肌理感,他将流传的水彩作品衍生出一种设计元素,在人物插画作品中创造出新颖作品,具有独特的审美特征和审美理念,深受二次元爱好者的喜欢.水彩肌理感从构图.绘 ...

  • 从小罐茶到杯底茶,从冲泡指南到选茶提示,茶叶消费体验随场景细化升级

    极目新闻记者 曹磊 摄影记者 李辉 春天的新茶集中上市以后,茶产业的商业市场也有了新的变化.记者走访了解到,从常规的"袋泡茶"到"小罐茶",再到杯底茶,茶商正在 ...

  • 基于MBD的产品设计制造技术研究

    导读:本篇节选自论文<基于MBD的产品设计制造技术研究>,发表于<中国电子科学研究院学报>第8卷第6期,作者为中国电子科技集团公司第14研究所专家朱建军.本文经授权转载自公众号 ...

  • 体验|7条交互设计原则,和你一起重新设计体验!

    字数:3310 阅读时间:8分钟 产品交互设计在大厂会有专门岗位的同学完成,但是对于职责分工还没有那么明确的公司来说,这部分的工作可能就是产品经理来兼职完成了,甚至也有研发来兼职完成的. 这里往往会出 ...

  • 基于文献进行选题设计的流程和工具

    找到高质量的文献做参考模板是高效的做法.对于临床研究新手而言,重要的是"学规矩".第一步是看懂文献的图表,第二步是找到可完善的地方,第三步是超越. 第一步 看题目:研究假设是否明确 ...

  • 基于TRIZ理论创新设计采摘执行器

    针对采摘执行器在采摘过程中无法控制采摘压力导致水果受损的问题,设计一种基于TRIZ的矛盾冲突理论和物场模型的采摘执行器. 研究目的与方法: 为提高果类在适宜采收期内的采摘效率,各种类型的水果辅助采摘机 ...

  • 体验|如何通过服务设计建立品牌感知与品牌认同

    每一种品牌,都会给人在感知层面一种独特的想法和感觉.我们往往不知道,建立一个品牌,实现让消费者系统感知和建立认同究竟需要做些什么.品牌服务带来的感知太抽象,而服务设计就是将抽象的服务解构成具象,看看我 ...