微信秒赞怎么开软件(交互细节-令人忽略的操作反馈如何设计)

编辑导语:很多产品在使用时都会有“用户反馈”的设置。用户可以把自己的运营体验反馈给商家,但是你真的知道“用户运营反馈”是一种什么样的机制吗?本文详细说明了“操作反馈”的设置。我们一起来读吧。



背景

前几天我在用自己的产品的时候,点开工作列表查看工作详情,点开之后没有反应,然后又连续点了几次。几秒钟后,界面开始连续跳转。后来才知道,因为用户多,产品稍微卡了一下,导致用户点击,产品没有给用户实时反馈,让用户无所适从。

那为什么会这样?主要原因是没有用户操作反馈。一个好的产品需要根据用户的不同行为进行运营,实时反馈,告知用户当前状态或建议,消除用户因不确定性而产生的焦虑和不安。

用户的整个操作过程可以简化为:用户输入-平台反馈-结果反馈。可以看出,反馈其实有两种:过程反馈(平台反馈)和结果反馈。



可以看到,无论是谷歌推出的Material Design,还是苹果的iOS设计规范,都针对用户的过程反馈做了详细的设计规范。

中国也有许多经验丰富的应用程序在用户反馈方面做得很好,如QQ和舒菲。



当然也有很多产品没有详细的反馈设计。操作反馈作为交互设计的微小部分,不会影响用户对产品的正常使用,但会提升用户对产品的使用体验。良好的用户体验不仅降低了学习成本,还提高了工作效率。那么如何设计运营反馈呢?

一、过程反馈

当用户触发界面时,也就是人机交互发生时,界面给出的变化就是过程反馈。

当触发结果页面不能及时通知用户时,比如点击操作区需要跳转到新的页面,或者显示弹窗等等,用户需要一段时间才能看到结果,所以要考虑触发反馈。

什么时候不需要给出触发反馈?比如你点击“收藏”,收藏图标会变成填充样式,用户可以实时感受到触发结果,也就是不需要触发反馈给用户。

1.过程反馈模式

过程反馈主要有三种方式。

(1)视觉反馈

操作用户界面后,界面通过视觉上的变化,如颜色、形状、动画等,反馈给用户。

对于iOS系统,以及一些体验良好的应用,分析显示主要使用场景包括:列表、网格、操作图标、按钮(控件)。

场景按照不同的风格分类。

列表

Style: 在用户点击时给列表一个灰色的背景色,让用户知道自己点击了触发区域。它还告诉用户,单击当前背景色块上的任何位置都可以触发。



B .宫格

样式:当用户单击网格时,给网格一个灰色遮罩或灰色背景色。



C .操作图标

样式:当用户点击时,图标降低透明度。



D .控制

只根据控件样式进行说明,比如actionsheet,可以根据列表样式进行标准化。

按钮样式:当用户单击它时,按钮会改变颜色。如果是二次描边按钮,也可以添加填充色块。



电子踏步机S2/]

样式:给点击区域一个背景颜色。

键盘

样式:点击时会给出填充背景色或反色处理。



(2)触觉反馈

  • 用户操作界面后,界面通过力度、振动等一系列变化反馈给用户。
  • 当触发区有多种操作模式时,比如ios的长按应用会弹出,手机会震动响应用户。
  • 标签切换:当飞行书切换到底部标签时,会有震动提醒用户选择多个标签。
  • 比如阿里云盘leader根据文件进行多选操作时,会有震动提醒用户。
  • (3)听觉反馈

    用户操作界面后,界面通过声音反馈给用户。

    设置iOS手机铃声时,选择不同铃声会自动播放铃声。

    2.过程反馈设计规范

    过程反馈设计规范可以根据产品界面的不同元素制定反馈风格。这本身就是一项精细的工作,可能要花很多功夫。所以在实际工作中,也可以根据产品功能的优先级来安排迭代顺序。



    二、结果反馈

    系统对用户操作或用户行为引起的改变结果给出的反馈,就是结果反馈。

    由于解释结果反馈的文章很多,这里不再赘述,只是简单总结一些常用的结果反馈方法。

    结果反馈可以分为四种风格:

    1.弹出反馈

    弹出窗口分为模态弹出窗口和非模态弹出窗口。

    模态弹窗会打断用户当前的操作过程,也是强提示。在执行下一个操作之前,用户必须与弹出窗口进行交互。

    非模态弹窗一般2-3秒后自动消失,不会对用户造成任何干扰,是轻量级提示。

    比如创建一个新的表单,点击提交按钮,toast提示提交成功,这意味着使用非模态弹出窗口对用户的操作进行轻量级的反馈。

    如果删除一个文件,会弹出一个对话框,让用户重新确认删除后的一些效果。您想删除它吗?这就是利用模态弹窗对用户操作的强烈反馈。



    2.检查反馈

    一般用于检查表单,让用户了解自己填写的项目的状态,比如输入的内容是否合理,如何填写等。



    3.页

    页面反馈会比弹出窗口更重。一般也用于重要运营流程的结果页,比如淘宝买东西后的结果页,饿了么下单后的结果页。



    4.动画

    动画的合理使用不仅可以告知当前状态,还可以将用户带入当前场景,吸引用户的注意力。比如微博的赞里,会有赞的动画,会让赞更有趣。

    微信秒赞怎么开

    微信书,当你点击进入书籍详情,会有一个打开书籍的动画,让用户带入实际的阅读场景,增强沉浸感。



    5.音效

    声音反馈也很常见。比如下载ios的时候会有一个点击。声音反馈不仅改善了用户体验,也有助于加强品牌知名度。

    三、总结

    以上是我对操作反馈的一些整理和重复,也借鉴了一些大神的优秀作品,希望与大家探讨交流。

    在实际项目应用中,我们会根据实际研发情况,逐步调整,不断完善产品细节。

    本文由@小太阳不喜欢辣椒原创发布。每个人都是产品经理。未经许可,禁止转载。

    图片来自Unsplash,基于CC0协议。

    您可以还会对下面的文章感兴趣

    使用微信扫描二维码后

    点击右上角发送给好友