app反馈信息的交互设计

请戳“小白的交互设计”,关注我,么么哒。

反馈的作用是帮助用户理解系统行为,合理的反馈就像两个用普通话交流的人之间的对话,互相可以轻易地理解,而糟糕的反馈就像是一个用普通话,一个用粤语的两个人之间的对话,互相之间都理解困难。


反馈出现的场景



1.某些状况发生

断网:在断网情况发生时,会有反馈。


app反馈信息的交互设计


2.触发某些操作

刷新:在朋友圈触发刷新机制,左上角有loading图标反馈。


app反馈信息的交互设计


3.流程开始

微信语音播放开始时,语音模块有深色处理,表示语音播放即将开始。


app反馈信息的交互设计


4.流程进行中

微信语音播放中,语音模块右侧的蜂窝状的图标会循环变化,表示正在播放语音。


app反馈信息的交互设计


5.流程结束

微信语音播放结束后,语音模块恢复常态,表示语音播放完成。


app反馈信息的交互设计


6.禁止操作

登录按钮在为输入密码时始终处于不可点击状态。


app反馈信息的交互设计

反馈方式

1.视觉反馈

这是最常见的反馈方式,同时却是用户最可能忽略的反馈方式,所以通常是用户触发性行为的反馈。而系统触发性行为的反馈除了视觉反馈,还需要添加其他反馈方式。


2.听觉反馈

听觉反馈是一种不可忽略的反馈形式,而反馈强度也高于视觉反馈,所以在使用时要极其慎重,尽量不给用户造成干扰。系统触发性行为经常会使用听觉反馈的方式,如接收电话和短信。


3.触觉反馈

触觉反馈通常是以震动的形式,由于人类仅仅可以明确感知三到四种程度的震动,触觉反馈并不能很好的传递信息,其传递信息效率仅仅为听觉反馈的1%,所以触觉反馈的设计要尤为慎重。可以将其作为一种辅助反馈机制,例如来电时同时有铃声和振动。

app中反馈的常见表达方式

app中反馈的常见表达方

app中最常见的是用户触发操作后的反馈,此时的反馈应该在恰当的时候出现在恰当的位置, 用简短而清晰的文字提供有用的信息,不让用户产生迷惑。


1.气泡

app反馈信息的交互设计

特点

短暂出现在页面上,一段时间后自动消失,无需任何操作。

情景

此类反馈消息用于非关键性的反馈。

缺点

很容易被用户忽略。

提示

1. 反馈文字尽量简短易理解,交互设计时可以按照反馈提示文字的内容设置自动消失时间,通常我们可以做到完全理解的阅读速度是45个字/秒。笔者见过一些气泡反馈,有时还没有读完上面的文字,气泡就消失了,根本没有理解反馈的内容。

2. 同时此类反馈尽量使用在非关键性反馈,即使用户没有意识到该反馈,也不会给操作流程造成太大的影响。


2.弹框

app反馈信息的交互设计


特点

能够完全引起用户的注意,需要简单操作。

情景

常用于提示警告信息或是对用户和程序有着重要影响的内容。

缺点

易打断用户当前的操作流程和意识流,尤其在追求沉浸感的app尤为明显。

提示

1. 通常用在询问用户是否要继续某个行为,而该行为可能产生某些不可逆后果,如退出的二次确认。

2. 可以用于解释说明性文字的展示。


3.页面状态反馈


app反馈信息的交互设计

特点

页面的状态发生变化,需要简单操作。

情景

常用于错误信息提示,或者操作的结果反馈。

缺点

对于用户的吸引力可能不足,用户可能会忽略。

提示

1. 在表单页面,可以做到一次性多反馈。

2. 对于操作结果,可以通过页面状态反馈给予用户强提示。

3. 在一些情况可以和弹框反馈通用。

推荐阅读:

APP UI字体设计规范,这些或许你还不知道

不会排版?这回新鲜了!

如何用产品思维找妹子

程序员和设计师从此再也不会因“标注”影响感情了

五分钟看懂微信团队打造的新 Sketch 插件 WeSketch

您还想了解更多的交互、体验设计知识?请关注微信公众号“小白的交互设计”,满满的干货,等你来哦。

app反馈信息的交互设计

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33719/

(0)
TinadminTinadmin
上一篇 2017-08-02 01:32
下一篇 2017-08-02 03:01

相关推荐

  • 移动视觉与交互设计10项法则自查表

    转自:设计夹(ID:sezign)英文:medium译者:孙怡娜Photo by Medium近年来,移动手机风靡全球。用户们也已经习惯依照一定的法则在移动端获取信息。在这个微渺的事物就可以定胜负的世里,开发者们需要去了解并迎合…

    2017-08-01
  • 泡泡UI英语:交互设计精髓1

    最近在读《About Face 4:交互设计精髓》,他全面系统地讲述了交互设计过程、原理和方法,涵盖内容广,刨析知识深,被奉为交互设计指南。也正因为如此,大量的专业词汇给阅读造成了不小的难度,推荐大家双语共读,…

    2017-08-01
  • 看了都说好!如何建立交互设计自查表?

    强烈推荐!很多同学做设计的时候经常会漏掉这个漏掉那个,等到开发来问的时候才想到。现在有了网易同学自创的自查表,可以把一些问题提前预防起来,文章系统全面,条理性强,是不可多得的实用好文呦。飞灵:对于移…

    2017-08-01
  • 交互设计 ▏当谈论『隐形设计』时,大家会谈些什么?

    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。原作者:Carrie Cousins 翻译:IFEC团队译者 十萬個為什麼当你创造网页、移动应用甚至智能手表的交互时,就是…

    2017-08-01
  • 网易UEDC的交互设计书单 (上)

    为什么列这个书单?常有读者留言:想要学习(或精进)交互设计,有什么书可以推荐的?其实网上已经有很多交互设计的书单可以参考啊,那么我想读者问这个问题的真正含义应该是:有哪些书是真正值得读的?于是我们让…

    2017-08-04
  • 【交互】浅析交互设计

    点击上方"人人都是产品经理"可以订阅哦由于在工作中会经常探讨交互该怎么做以及如何做出高效的交互,今天就整理下自己的思路,和大家一起探讨下交互其实分为两种:一种是酷炫的动效,一种是隐形的操作反…

    2017-08-04
  • AR场景下的交互设计研究——以中文输入为例 - UXPA中国2016行业文集

    增强现实场景下的交互设计研究         ——以中文输入为例1门文,百度时代总部,北京  2胡也畅, 邵颖,国际商业机器(中国)投资有限公司 摘要:随着近些年一系…

    2017-08-01
  • 提高交互设计技能的五个方法

     设计师 交互设计师  现在,所有基于Web进行设计的人都需要对交互设计原则有一个基本的了解。即使你没有在人机交互、用户体验设计或人性因素等方向的正式学习训练,但只要你了解这些学科的基本原理,依…

    2017-08-01
  • 初步谈谈iOS11的交互设计

    这是一篇很赶的文章。源于我看到iOS11的介绍后的一些想法,希望能在此跟大家聊聊。从iOS11的更新中我们可以看到苹果的两个方向:1、提升iOS的生产力;2、应用之间更加的无缝衔接和单应用的无声扩张。我们来看第一个…

    2017-08-01
  • 近五年新起的十大热门职业,交互设计5年增长了22倍!

    6,交互设计师/用户体验师
    5年内22倍增长需求。在我几年前选择交互设计这个专业的时候还没有什么人知道是什么。还是蛮有趣的,就是想尽一切办法让用户满意。国内以前只有浙江大学才有这个专业,现在应该很多大学都有了。

    交互专题 2016-10-25