移动交互设计:App窗口的加载(2)

http://www.itjxue.com  2015-08-07 20:57  来源:未知  点击次数: 

方式二:在当前窗口载入完成后,再切换下一窗口。(A到B,在A窗口载入完成,再进入B)

这种方式相对使用的较少

优点:不会出现空白页面,切换页面完整性好。

适用:B窗口信息少,载入时间快,以文字为主的页面。或者A窗口已在执行某个任务,且有延续性。比如A窗口为一个音频播放页,用户在进入B页前可以继续收听。

建议:需要考虑网络极端不好的情况,载入信息极少时使用,如图05,ios原生短信应用采用的就是当前页载入,当遇到手机报之类的大量信息,就感觉界面卡上一小会。不过介于大部分短信都是文字为主,这样设计无可厚非,如果加载时间长的情况下如图06一样提供状态就更完美。

范例:

另外提交信息(如注册、登录等)一般都在当前窗口返回状态并处理加载。

提醒:加载方式是死的,上面提到的两种方式其实也可以根据具体情况结合灵活使用。

比如:在A窗口载入的列表数据前几条拉取完整的数据信息,用户切换到详情B的情况下就直接可以看了。然后后台预读取余下的信息。减少用户切换延迟。(gmail就是这么干滴。前面5封邮件先预取。)这样做对服务器来说,要求高了些,但体验Smooth很多,大家具体用的时候自己权衡。

另外提一句,进入前务必保存A当前的状态,B返回A时回到进入前状态(如在第15条进入,返回时第15条信息在原来位置,并且配合原高亮消失效果)。

(责任编辑:IT教学网)

更多