移动交互设计: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条信息在原来位置,并且配合原高亮消失效果)。