交互动效- day ③

“动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标”。今天来看第三个案例。


③ 贴吧首页推荐加载动画


加载动画

1.这个动效出现在百度贴吧app的各个加载/刷新页面中。这里以首页顶部tab切换时的动画作为例子。

2.这是一只奔跑中的百度熊孩子,动作有趣、形象可爱,小熊下方有“加载中…”文字,提醒用户这是个加载过渡页面。

3.百度熊孩子的奔跑动画被设计在百度贴吧的各个加载/刷新页面中。一般用户注意到这个页面时,说明用户当前的网络环境并不理想,或者系统/硬件问题,导致应用加载缓慢。

4.应用正在加载时,产品应该给予用户适当的反馈。特别是百度贴吧这种以内容为首的应用,用户对内容是比较渴求的,如果出现空白的页面,会加重用户等待时的焦虑感,甚至怀疑是不是手机/应用出错了。因此:①反馈用户正在加载内容,而不是手机/应用出了问题,了解应当前的情况;②活泼可爱的小熊让用户心生愉悦,减少等待加载时的焦虑感;

5.这样的设计达到了设计目标。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,725评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,301评论 4 61
  • 一、备份 1.全库备份 2.单库备份 3.表备份 二、恢复 恢复库 单表恢复 单表恢复需要解压备份文件为sql格式...
    xstalk阅读 1,518评论 0 0
  • 1.《了凡因语》介绍的内容:①通过物象好坏,推断吉凶。物象是最直接的,本原地读(翻译)出来就好,千万不要去思考。物...
    Ready大叔阅读 444评论 0 0
  • 为及时与最新API同步, 具体实例代码查看Demo(Dog.swift 文件中),持续更新... github地址...
    飞行的猫阅读 337评论 0 0