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

相关推荐

  • 破茧成蝶读书笔记

    01什么是用户体验  用户体验:使用一个产品时的主观感受 用户体验设计:提升用户体验而做的设计 书中讲到首先我们要明确什么是设计?设计不等于艺术。我了解到的是,设计是解决问题的,艺术是提出问题的。 书中两口…

  • 交互设计实例分享

    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计,交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己…

    2017-08-03
  • 职业病又犯了,我从交互设计角度分析了《得到》App…

    我是《逻辑思维》的 期期都听 忠实听众,也许有很多人对老罗不置可否,但我自己是非常喜欢的,可能也是由于我知识结构和老罗相差太远,但我一点也不觉得丢脸,谁叫他比我 老 大呢。以前我们都知道,喜马拉雅是逻辑…

    2017-08-04
  • 如果你想成为一名交互设计师

    第一篇:Cooper《如果你想成为一名交互设计师》    我们收到很多来自学生和可用性从业者的邮件询问如何成为一名交互设计师,需要什么样的背景才能进入这个行业,怎样才算优秀的交互设计,需要什么样的实际技能和经…

    交互专题 2016-10-26
  • 后台交互设计中,控件使用场景与规范总结(附案例)

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

    2017-08-01
  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • 交互设计中的心理学

    整理认知心理学中对交互设计(用户研究)有所启发的一些知识点(参考《认知与设计——理解UI设计准则》)包括:中央凹与边界视野——如何呈现信息以获取注意力格式塔原理——如何处理不同界面元素的关系时间感知——如何让…

  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 【交互设计】在人工智能实验室做产品设计是怎样一种体验?

    ‍当你看到这行字时,我知道我已经成功把你“引诱”了过来——用“人工智能“这样一个令人“哇”的字眼。我猜,你是设计师?产品经理?”人工智能+设计师” 这个搭配正好戳中了你那满满好奇蠢蠢欲动的心。一年前误打误撞加入了…

    2017-08-01
  • 交互设计 | 2个概念,梳理成熟的交互设计作品思路

    直接上干货,给大家介绍作品设计中至关重要的两个概念——storytelling 和 process。这两词不是我拍脑袋想的,是我和很多hr(包括一些美国的agency,知名大公司如amazon)聊天的时候直接问的。不仅如此,我…

    2017-08-01