雅酷SEO论坛

标题: 移动交互：App加载从当前窗口到新窗口 [打印本页]

作者: 天之蓝 时间: 2012-11-22 22:53
标题: 移动交互：App加载从当前窗口到新窗口
百度权重查询站长交易友情链接交换网站建设,网站设计,企业建站就找313
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
方式二：在当前窗口载入完成后，再切换下一窗口。（A到B，在A窗口载入完成，再进入B）
这种方式相对使用的较少
优点：不会出现空白页面，切换页面完整性好。
适用：B窗口信息少，载入时间快，以文字为主的页面。或者A窗口已在执行某个任务，且有延续性。比如A窗口为一个音频播放页，用户在进入B页前可以继续收听。
建议：需要考虑网络极端不好的情况，载入信息极少时使用，如图05，ios原生短信应用采用的就是当前页载入，当遇到手机报之类的大量信息，就感觉界面卡上一小会。不过介于大部分短信都是文字为主，这样设计无可厚非，如果加载时间长的情况下如图06一样提供状态就更完美。
范例：
另外提交信息（如注册、登录等）一般都在当前窗口返回状态并处理加载。
提醒：加载方式是死的，上面提到的两种方式其实也可以根据具体情况结合灵活使用。
比如：在A窗口载入的列表数据前几条拉取完整的数据信息，用户切换到详情B的情况下就直接可以看了。然后后台预读取余下的信息。减少用户切换延迟。（gmail就是这么干滴。前面5封邮件先预取。）这样做对服务器来说，要求高了些，但体验Smooth很多，大家具体用的时候自己权衡。
另外提一句，进入前务必保存A当前的状态，B返回A时回到进入前状态（如在第15条进入，返回时第15条信息在原来位置，并且配合原高亮消失效果）

作者: 天之蓝 时间: 2012-11-22 22:54
不错顶一下。。。

作者: 大連偉哥 时间: 2013-4-21 22:45
需要考虑网络极端不好的情况

欢迎光临雅酷SEO论坛 (http://www.yaiku.com/)