恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
谈谈反馈设计怎么做
0.0°
2019-02-18 原创文章 经验/观点 举报 1838 13 9 0

负责微众银行App设计规范时,引发的“反馈设计”相关思考。

前言:

这是负责微众银行App部分交互规范时写的,在这个过程中,思考了一些规范定义的问题……后来延伸至到“反馈设计”的思考,于是就有了这篇文章。

这里需要说明一点,以下所讲的反馈设计主要针对App渠道来说。在实际设计中,反馈的渠道不仅只有App,还包含短信、电话、邮件、微信公众号等渠道。



一、什么是反馈设计

用户在日常使用App操作各种流程中,会遇到各种信息反馈,如:进度条指示、购买确认信息、填写错误提示、购物车添加动效等,这些都属于信息反馈。而信息反馈的目的是告知用户自己操作的结果,以及系统发生的变化。换句话说,就是让用户明白发生了什么。

如果从交互类型来看,我们可以把反馈信息分为两种类型,一种是非模态反馈,另一种是模态反馈。


非模态反馈,是将信息反馈干扰度最小化地传达给用户。

Image title


模态反馈,则是强调反馈信息的重要性,一般带有可操作的选项。

Image title

这两种类型最大的差异在于“反馈信息是否会中断当前的操作流程”。



二、如何做好反馈设计

对于反馈设计来说,可以分为三个步骤:确定恰当的模式、设计清晰的内容、及时告知用户。它们相互作用影响反馈设计方案的体验,所以单独考虑其中一点是不合适的,需要做一个全局的权衡。


第一步:确定恰当的模式

在反馈设计中,反馈信息需要通过恰当的模式,传达给用户。让用户知道发生了什么。前面也简单介绍了非模态反馈和模特反馈这两种类型,而在实际运用中,还需要考虑场景来选择恰当的模式。

对于大多数反馈场景来说,在用户获知反馈信息时,要尽量减少对流程操作的影响,避免为了获取反馈信息,而出现中断操作流程的情况。因此采用非模态反馈,可以有效的引导用户正确完成流程;

如:在按钮的反馈设计中,当操作不被允许时,对按钮进行置灰处理,比使用模态对话框告知用户的反馈方案要更友善,因为模态对话框会打断当前用户的操作流程,还会挡住所出现的问题。

Image title

总的来说,非模态反馈的优点是不打断用户的操作。缺点则是用户容易忽略反馈内容,不够聚焦;同时有些情况存在异步校验数据,这种情况也无法用非模态反馈展示。

反之,模态反馈更多时候运用在需要强化告知内容的场景,比如一些重大公告的通知,常常会在首页自动弹出信息,一来是为了有效传达信息内容,二来有一些是行业规定限制。


在实际工作运用中,可以通过几个考虑方向,选择最合适的反馈模式:


a、获取流程:是同步获取反馈信息,还是异步获取?

当反馈信息可以同步获取时,则考虑非模态反馈。特别是对于异常信息的反馈,能提前反馈给用户的信息,就不要等到用户操作完,最后才反馈异常情况给用户。


b、反馈类型:是对流程中某个元素结果的反馈,还是对流程最终结果的反馈?

当反馈内容针对任务流程的某个元素时,则优先考虑非模态反馈。

如:反馈是针对表单中的输入框填写有误;因为这种反馈模式可以最大程度减少对用户的干扰。


当反馈内容针对任务流程的最终结果时,则优先考虑模态反馈。

如:反馈是针对表单提交后的状态;因为模态反馈可以聚焦用户的关注点,明确让用户知道流程的最终结果状态。


c、重要程度:忽略这个反馈的后果,对当前主任务是否有重大影响?

当忽略反馈内容会对当前主任务造成重大影响时,则采用模态反馈。如:验证交易密码虽然是购买主任务中的一环,但是验证交易密码的重要性很高,同时决定着购买主任务后面的流程能否继续进行。因此采用模态反馈,可以让用户更聚焦于当前的反馈内容,明确当前流程遇到的问题。


d、行业规定:是否存在某些行业硬性规定,必须让用户看?

在某些行业中,确实存在一些硬性规定,如:金融行业有些公告信息,根据监管要求,必须让用户看。这种情况,只能采用模态反馈了。


e、设计规范:是否有相关的设计规范?

这里要了解的主要有平台的规范和自家App的设计规范,主要出于一致性的考虑,避免同一类反馈,有些页面采用非模态反馈,有些页面采用模态反馈。



第二步:设计清晰的内容


(1)从认知方式出发

如何将信息清晰高效的展示给操作者?想要实现这个目标,就需要我们先了解人的认知方式,从认知的过程中,寻找机会点去完善反馈内容设计。

从心理学角度,大体上可以将认知过程分为“精神活动引发”和“环境刺激引发”两种类型。

Image title

a、精神活动引发

这种类型主要受到操作者精神活动内容的影响,这些精神活动包含了过往经验、期望结果、记忆唤醒等。

比如:用户进行一次理财产品的购买操作时,当用户点击提交按钮后,就会由过往经验引发期望看到订单提交的信息,而这时候的反馈信息展示的内容,就需要跟操作者心理的认知结果匹配。

Image title

b、环境刺激引发

这种类型主要受到环境刺激的影响,相对于“精神活动引发”的认识结果类型,这种类型可以说是更被动的。当用户看到界面视觉时,就会通过自身感受阶段和知觉阶段,形成认知结果。

比如:当用户第一次看到Banner轮播模块时,会先通过视网膜像输入基本视觉元素;然后通过知觉组织处理接收到的感受信息,形成初步的辨认结果;最后才形成用户自己的认知结果。

Image title

当环境刺激多了,用户对该事物的认知熟悉后,就会积累成自身经验,也算是用户习惯之一,下次用户再接触该事物,就会通过“精神活动引发”渠道去感知。


(2)运用认知方式来设计清晰内容

反馈设计要遵循人的认知心理过程,反馈内容传达也要符合用户的认知结果。可以运用前面介绍的认知方式,来设计清晰的反馈内容。

如:在信息通知的“小红点”设计,因为早期通过微信、QQ已经让用户形成了认知经验,让用户对小红点的认知模式从“环境刺激”转变为“精神活动”,所以在信息通知的反馈形式上,直接采用小红点反馈形式,就比较符合用户的认知。


对于展示的反馈内容来说,应该是符合当前场景的。在什么流程,展示什么内容,而不是脱离场景,展示无关的内容。

如:在购买基金产品时,当购买成功后,将交易结果反馈给用户,同时将该基金未来的产生收益日反馈给用户,让用户心理对未来发现的事有预期准备,这种反馈信息内容是结合场景需求来优化。

Image title

我们除了需要结合实际场景来考虑反馈信息展现的内容,还可以通过视觉暗示、为异常流程提供出口等方法来优化反馈内容。


a、视觉暗示

视觉是用户接触反馈内容最表面的一层,却相当重要。以“精神活动引发”的认知为原理,借助视觉暗示,可以让用户及时了解到清晰的反馈内容。

如:在按钮点击态的设计中,当用户按下按钮时,按钮将切换成预备动作(点击状态),当用户手指移开按钮时,按钮执行动作中断,将恢复原态,这种顺从响应暗示也属于反馈信息一种。

Image title


b、为异常流程提供出口

不仅仅要将信息反馈给用户,还因为清晰明确的展示;如有必要,可提供额外子流程入口,避免用户无法卡在主流程,无法正常操作。

如:在金额输入框时,因为受到行业规则的限制,有些银行卡存在限额操作。当用户输入金额超过可用额度时,则及时将信息反馈给用户,并提供辅助解决方法的入口,将反馈信息内容与主操作流程进行优化展示。

Image title


总而言之,反馈信息内容要清晰,要符合用户心理的认知结果。基于场景思考是设计的前提,反馈信息内容的呈现可以通过视觉暗示、为异常流程提供出口等方法来优化。这也是反馈设计的重点。


第三步:及时告知用户

这个理解起来还是比较简单的,顾名思义是指反馈信息的及时性,这里包含不限于出现的时机、动效的时长。这方面也很大程度影响着反馈设计的成败。想象下,用户正在进行转账操作,在进行一系列必要的操作后,本以为最后的反馈信息是提醒转账成功,结果反馈信息告诉用户“今天系统维护,请明天再转账”,这样的体验是多糟糕啊。

就拿输入框的反馈设计来说,购买产品时,经常需要输入金额,在输入过程中,如果金额数据有误,则应该在当前页,及时给予用户提醒。而不是当用户点击“完成”关闭键盘后,才提醒用户金额有误。

Image title

反馈信息要及时,同时不能脱离用户操作场景,要让用户明白现在发生什么,未来结果可能会怎样发展。



三、总结

反馈设计目的在于告知用户发生了什么,让用户明白自己操作的结果,并知道系统发生的变化。

反馈设计可以分为三步,让反馈设计恰当、清晰、及时的传达给用户。

1、确定恰当的模式:选择非模态反馈还是模态反馈;

2、设计清晰的内容:内容符合认知原理,展示可通过视觉语言,流程引导,结合场景等方式,告知用户现在发生什么;

3、及时告知用户:选择恰当时机出现和消失。


更新:2019-02-18

收藏

13人已收藏

mufly

怀着好奇的心,探索这个世界中……

  • 5

    作品

  • 12

    粉丝

  • 0

    关注

  • 浅谈语音设计
  • 新零售设计感悟
  • 腾讯X项目的小结
  • H5那么火,这些知识你还不知道?
相关标签
设计经验交互

    猜你喜欢

      2019-02-18 原创文章 经验/观点 举报 1838 13 9 0

      谈谈反馈设计怎么做

      0.0°

      你确定要举报谈谈反馈设计怎么做

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年02月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      13
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录