美文网首页
交互动效- day ③

交互动效- day ③

作者: 许呀小黑 | 来源:发表于2016-06-28 11:33 被阅读14次

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


③ 贴吧首页推荐加载动画

加载动画

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

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

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

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

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

相关文章

  • 交互动效- day①

    在分析一个动效时,我会以这样的思路来思考:动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的...

  • 交互动效- day②

    还是按照“动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到...

  • 交互动效- day ③

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 交互动效- day ④

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 交互动效- day ⑤

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 交互动效- day ⑥

    “动效所在的页面和位置——这是一个怎样的动效——这个页面的使用场景是怎样的——为什么要这样设计——是否达到设计目标...

  • 手机动效设计分析

    使用动效的目的: 常见的交互动效: 交互动效设计基本原则 创新交互动效设计 优秀手机动效应用 我们的产品可以借鉴地...

  • #交互动效#

    使用PPT做动效 1.牢记设计目标 不为动效而动效,思考需求和场景,确定目标; 2.快速展示呈现 只为快速准确地表...

  • 交互动效的设计与落地(上)

    什么是交互动效? 交互动效是指展现界面间的转换或界面内元素变化的交互反馈,分为动:动作,即用户操作;效:效果,即界...

  • 乂学智适应教育——人机对战

    以下是部分交互动效演示

网友评论

      本文标题:交互动效- day ③

      本文链接:https://www.haomeiwen.com/subject/aesadttx.html