交互是指程序与人的沟通方式，人输入数据或进行操作，程序给予相应反馈。
从信息加载的交互来看下不同app 是如何处理的。
1、微信朋友圈
刷新操作的交互流程如下
第一步操作：在页面中向下拖拽。
页面效果：拖动时，彩虹圆圈从左上角转动直线下滑。页面最上层也向下拖动，露出底层页面。
第二步操作：松开。
页面效果：上层页面向上返回原位置。彩虹圆圈停止上下移动，正在转动。
第三步操作：无需操作。
页面效果
加载成功：数据加载完成，页面刷新。彩虹圆圈直线反方向向上滑出。
加载失败：页面数据加载无变化，彩虹圆圈一直在转动。看了一分钟，仍在等待连接，并未提示网络连接不成功。
朋友圈加载成功
朋友圈加载失败
二、虎扑首页
刷新操作的交互流程如下
第一步操作：在页面中向下拖拽。
页面效果：拖动时，小黄灯从导航下方从上到下出现，轮廓从模糊到真实。新闻信息模块向下被拖动，露出底层灰底。
第二步操作：松开。
页面效果：小黄灯的灯光闪烁从上到下扩散开来，表示正在发散光源。
第三步操作：无需操作。
页面效果：
加载成功：页面数据加载完成。小黄灯收回，新闻信息模块返回。
加载失败：页面数据加载失败。小黄灯收回，弹出toast提示，加载失败。
虎扑首页加载成功
虎扑首页加载失败
三、今日头条
刷新操作的交互流程如下
第一步操作：在页面中向下拖拽
页面效果：拖动时，推荐小箱子从导航频道下方从上到下出现，轮廓从模糊到真实。新闻信息模块也向下拖动，露出底层灰底。
第二步操作：松开
页面效果：推荐小箱子就开始运转，推荐中。
第三步操作：无手势操作
页面效果：
加载成功：数据加载到前端，页面刷新。显示框下拉出现，告知用户“今日头条推荐引擎有12条更新”。
加载失败：会有snackbar提示，“没有网络连接，请稍后尝试。”
今日头条首页加载成功
今日头条首页加载失败
总结：
1、App加载交互大多数向下拖拽。
向下拖拽，是人们熟悉物理世界的拉灯动作。
而这个动作拆解成三个步骤：
向APP施加交互：向下拖拽
APP有效响应：停顿运转
APP响应结束：再收回
这是人的心智认知模型。
我们对外界施加任何动作，我们都会看到物体会有响应，会看到这个响应会有结束时间。
例如我们向外施加一拳，打到柜子上，柜子会响，代表正在被反馈中，然后柜子声音停了，代表结束。
2、加载的个性化设计
虎扑会将加载过程中变成虎扑社区语言中的小黄灯，顺便响应这个拉灯的动作。
头条会将加载过程中变成头条的slogan里面的推荐小箱子，给你推荐更多新闻。
微信则将加载做成彩虹圈，显得灵动。
网友评论