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

相关推荐

  • 交互设计的未来

    数十万互联网从业者的共同关注!译者:小媛作者:Terry Cao ,发表于DESIGN & DEV译文地址:http://www.jianshu.com/p/daaa353e6d95译者授权早读课发表,转载请联系译者。欢迎投稿到早读课,投稿邮箱:mm@zaodu…

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

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

    2017-08-01
  • 2017年交互设计的10大趋势

    UI 设计的趋势是变化非常快的,有的时候我们的脚步总是可能慢了一拍。 随着 2016 年接近尾声,Lin. 为大家整理了外网大牛 Jamie Leeson 总结的 2017 年 UI 设计的 10 个重要的趋势。01. 沉浸式的全屏视频Campos Cof…

    2017-08-02
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 交互设计的五要素

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。互联网产品与需求早晨迎着第一缕阳光醒…

    2017-08-04
  • 如何机智地向外行人解释交互设计到底做什么的

    破除对交互设计师的三大误解,交互设计师不等于视觉设计师不等于美工,且不会几分钟做个logo,机智向外行解释交互设计师到底做什么

  • 交互设计中的5项视觉指导原则

    【分类】经验分类:经验/观点/自译原作者: Jerry Cao翻译:@ifecIFEC团队译文UI中国旗下翻译团队,由热爱翻译热爱分享的设计师组成。IFEC译者翻译国外行业热文、规范文档。欢迎关注我们的官方微博 @ifec, 加入我们…

    2017-08-04
  • 非设计专业的学生,如何系统的学习交互设计

    数十万互联网从业者的共同关注!作者:青溪Joanna微信公众号:qingxizhaji(青溪札记)作者投稿早读课发表,转载请联系作者。曾经我也是一名非设计专业的学生,作为自动化专业的硕士希望自学做交互设计,有很长一段…

    2017-08-02
  • 帮你从零开始掌握交互设计的学习笔记

    最近两个月给公司的伙伴们做交互设计的分享,这是第一期分享的内容。在这次分享中,我认真梳理了交互设计师掌握和精通这门技艺的方法。我认为,如果想成为拔尖的设计师,只有这条路可走。 什么是交互设计 用户界面…

    交互设计 2015-09-09
  • 三个维度解析一个产品的交互设计

    作者:飞起就是一jio链接:http://www.jianshu.com/p/ad13cebe513b本文以“微信首页”为例,用三个维度系统地解析一个产品的交互设计的方方面面首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页…

    2017-08-04