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

相关推荐

  • 交互设计五要素

    在交互设计中,我们要了解这一过程的流程是什么?总体可以分为五个要素:目的、用户、场景、媒介、行为。1、目的:首先要弄清楚,这个产品或功能的目的是什么?目的是为了解决用户的某个需求或者给公司带来价值,这…

  • 交互设计:如何设计更好用更舒适的触控手势?

    引言:我们生活在一个人机互动频繁,由设备驱动的世界中。 随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模…

    2017-08-04
  • 交互设计新人在阿里的走心实习总结 ▏新手设计成长指南

    互联网行业的设计师,工作中是埋头苦干?还是想要寻找一些能真正提升自己的“诀窍”?其实很多时候,所谓“诀窍”,就是厘清自己的思路,让成长有正确的方向。本文的作者走心地梳理了他在阿里几个月的实习期里为他留下…

    2017-08-04
  • 后台交互设计中,控件使用场景与规范总结(附案例)

    数十万互联网从业者的共同关注!作者:panda,交互设计师微信号:D1173740249编辑:Dva背景之前有写过一篇关于新手入门交互设计师的文章《新手入门做交互设计的那些事儿》,最近刚完成公司平台 2.0 的改版设计,平…

    2017-08-01
  • 交互设计是什么?

    昨天认识一个新朋友,叫小木,在一家酒店做管理。小木问我做什么,每次这个时候我都会犯难。交互设计师,边回答边看着小木迷惑的脸,我知道又要解释一番了。这是历来对朋友解释过的交互设计是什么的情形:①交互设计…

    2017-07-31
  • 交互设计的这十大套路,你懂多少?

    在产品设计领域,交互设计同产品经理一样,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心,努力挖掘用户需求,创造和建立人与产品及服务之间的关系。 为了达到这一目的,在交互设计工作中,设计师所要…

    2017-08-01
  • 准备入行交互设计之前,先来搞清楚这些基本概念

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

    2017-08-03
  • 交互设计的三个半原则

    一些设计的基本原则往往是通用的、甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。一个设计师&产品经…

    2017-08-01
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • 产品经理的末路,交互设计的穷途

    2016年上半年我跟进了几个项目,“开始众筹”、“finger”、“分答”和“袋鼠云”,“袋鼠云”是企业级服务,前面三个是toC的服务,在为这些老板提供支持的时候,问他们需要什么人才,都说需要技术大牛和运营大神,没有一个提…

    2017-08-02