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

相关推荐

  • 交互设计新人必看:怎样让你的线框图发挥出真正价值?

    当一个想法出来之后我们都知道先用线框画下来,但是画着画着,总觉得不对劲,总觉得加上视觉元素之后才能真正看出效果来。原作者:Dustin Senos翻译:zhuyuxuan地址:http://www.ui.cn/detail/148272.html转载请经…

    2017-08-01
  • 三个维度解析一个产品的交互设计

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

    2017-08-04
  • 从揽胜星脉身上,能看到哪些车内交互设计趋势?| 车展干货

    在日内瓦车展上,有那么几个品牌的展台格外引人关注,捷豹路虎就是其中之一。不少人是冲着前几天刚刚发布的路虎揽胜星脉来的,作为一辆真正全新的车型,同时又是揽胜家族的第四款产品,它受到关注几乎是必然。大家…

    2017-08-02
  • 浅谈用户体验设计

    这是一本交互入门书(主要偏向Web端,涉及到一部分移动端),如果你感兴趣就看看下面的内容,觉得有用的话,也去看看原书的内容。 这本书看了其实很久了,笔记也是当时记得,不过最近正好看到好朋友@elainezhu 也出…

    2016-06-05
  • 实例分享:交互设计如何赋予产品安全感

    作者:高广淦全文共 4235 字,阅读需要 8 分钟—— BEGIN ——做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,…

    2017-08-04
  • “数风流人物,还看今朝”-交互设计的价值是什么

     获奖公告 第2天的获奖者提名有“吴乐”"淡淡""小楼"三位小伙伴。根据规则最终获奖者是"吴乐",获赞45个(虽然我知道你肯定拉票了,哈哈),请微信联系我,把收货地址发给我。另外,由于“淡淡”继续获得了提…

  • 交互设计的未来

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

    2017-08-04
  • 【交互设计】信息图(infographic)的圆形表达

    信息图形(Infographic),又称为信息图,是指数据、信息或知识的可视化表现形式。信息图形主要应用于必须要有一个清楚准确的解释或表达甚为复杂且大量的信息。公元1958年,Stephen Toulmin提出了一种图形化的理论…

    2017-08-01
  • 交互设计应该学的软件有哪些?

    数十万互联网从业者的共同关注! 作者:Yoojoo,作者授权早读课发表,转载请联系作者。来源:知乎仅针对现有企业交互设计师常见设计范围(网页,桌面app,移动端app)作答。1-7为交互设计师必备,8-10有兴趣的…

    2017-08-01
  • 总结几个产品交互设计原则

    什么是交互设计?这是一个很泛的概念,很多人讲交互都会试图去区分交互设计、UI设计和体验设计等。但是我个人觉得,这些东西根本没有界限。UI层面也涉及交互、交互也是一种体验设计,没必要把他们彻底分裂出来。每…

    2017-08-02