记笔记的阿晴（notebyaqing）独家文章，转载需署名。全文1154字，交互设计原则第4篇

即时反馈

即时反馈是什么？系统在用户进行操作后应立即基于操作结果的展示。

分三种情况，见下图：

1.有明确结果

  • 案例一：即时反馈

点赞之后，点赞的icon会从灰色变成蓝色的品牌色的这样一个状态，告知用户已经点赞。淘宝点击收藏的时候，下方加入购物车旁边的按钮也会变成实心的橙色icon，文案从“收藏”变成“已收藏”。

  • 反例

反馈不能重复

即时反馈并非每一次都要有反馈。可以设计得弱化却不影响用户的感知。比如脉脉的点赞和取消点赞。而淘宝商品页面中，点击收藏后，再取消会跳出取消收藏的toast提示。如果再收藏、再点击取消，还是会跳出来，其实设计已经在页面中有所体现，即：收藏按钮从线性变成面性，颜色也有所改变，这已经向用户展示出了状态了，所以只要取消收藏就会跳toast提示有点多余。

2.无明确结果

  • 案例三：加载/启动需要给予用户反馈

当我用iPhone呼叫Siri的时候，她会回应“哎”，如果此时我不方便看手机，则可以通过听见Siri回应我知道我成功呼唤起了语音功能，然后进行接下来的说话。而在面对电脑的Siri时，则是会有声音给予反馈。感悟：同样的产品的同一个功能，在不同平台给用户的反馈也是不同的。在交互设计中我们需要细心的考虑到这一点。

淘宝在下拉刷新的时候，因为刷新加载需要时间，所以会有文案提示并告知用户正在“加载中”，如果加载失败，会反馈给用户为什么失败，并且给出解决方案。3.置灰按钮

  • 案例四：按钮置灰无反馈

懒饭APP，在登录的时候，如果手机号没有输对，按钮是不可点击的状态。

我以前遇到过有的APP此时如果用户去点击置灰的登录按钮，会出现toast提示“手机号不对哦”，就不太合理

总结

即时反馈分三种情形，有明确结果要立刻反馈，无明确结果比如加载或者异常情况下要做一些显示来告知用户当前情况是如何。置灰按钮则不给反馈。

  • 有明确结果

给用户即时反馈是比较重要的交互原则，但是反馈并非越多越好。正所谓要抓主要矛盾，问题要抓主要问题，产品中的反馈也如此。
反例：淘宝收藏商品，再取消会跳出取消收藏的toast提示，如果再收藏、再点击取消，还是会跳出来。

  • 无明确结果

页面在加载or加载失败，要给出反馈。告知用户失败原因以及解决方案。异常状态：无网络，无响应，无数据，网络慢，是否有缓存（填写表单内容，发生刷新是否保存用户已填写的内容），过多数据(比如大量聊天记录、用户填写字数超过限制等)，过少数据，数据过期，状态的改变(如换城市)，缺省页

  • 置灰按钮

不给反馈

置灰就该遵循本不可点的样子，是正确的意符的表达。不管用户怎么点都没反应，让用户知道这是不可点的。如果给一些提示，就表示其“可点击”，因为有反馈，就会误导用户。

  拓展阅读  

[b2_insert_post id="https://www.uied.cn/6685.html"]

[b2_insert_post id="https://www.uied.cn/6642.html"]

-   E N D   -

 ✨    希望本文对你能有所帮助    ✨