App加载交互当前窗口进入新窗口

摘要:App窗口的加载,是一个容易被忽略的问题。大家都习惯了Web端先进入新页面,后等待加载的方式,app直接沿用了,如果在网速好的情况下,两种加载方式使用体验没太大差别。

App窗口的加载(如:列表窗口进入详情页的loading方式)是一个容易被忽略的问题。为什么呢?原因很多:1.大家(包括设计师)都习惯了Web端先进入新页面,后等待加载的方式,app直接沿用了;2.网速好的情况下,两种加载方式使用体验没太大差别。3.设计师、产品经理通常觉得加载是工程师该考虑的,可是除非项目时间充裕,且遇到非常有sense工程师才会有考虑提前加载。

然而,很多情况下提前加载的好处非常明显,gmail,alipay、ios Native SMS也都在默默的使用。下面我们就来解析下两种加载方式:

通常两种方式

方式一:在新窗口载入。(A到B,在B窗口载入)

这种方式沿用了传统互联网的页面载入方式,也很常用。

优点:窗口即时切换。

适用:B窗口信息量大,如长篇图文混排信息页。

建议:

1.进入B时不要使用空白窗口,采用预置的格式化信息(图片的占位符,信息分隔样式等);

2.带入A窗口面已加载过的的部分信息,

3.对B窗口的信息进行分段载入。(这样用户边阅读提前载入的信息,边等待,减少焦躁情绪)

范例:图02&图04载入中页面采用了预置格式化,在信息载入前已经把信息框架传递给了用户。用户对将要载入的信息有了预见。

图01 图02

图03 图04