App加载(二) 当前窗口进入新窗口解析

标签: app 加载 窗口 | 发表时间:2011-09-27 15:29 | 作者:潇笑seanmao Draven
出处:http://ucdchina.com/rss/all

APP_loading_02_seanmao


- 关于首次使用以及新开App载入默认页面查看
 《App加载(一) App载入默认页面交互

这里我们聊聊App从当前页进入新页面交互(如列表页进入详情页面)

通常两种方式

方式一:在新页面载入。(A到B,在B页载入)

001

这种方式沿用了传统互联网的页面载入方式,也很常用。
优点:即时切换页面。
适用:B页信息量大,如长篇图文混排信息页。
建议:1).进入B页时不要使用空白页面,采用预置的格式化信息(图片的占位符,信息分隔样式等);2).带入A页面已有的部分信息,3).对B页的信息进行分段载入。(这样用户边阅读提前载入的信息,边等待,减少焦躁情绪)

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

图01                                                                                      图02

002

图03                                                                                      图04

003

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

004

这种方式相对使用的较少
优点:不会出现空白页面,切换页面完整性好。
适用:B页信息少,载入时间快,以文字为主的页面。或者A页面已在执行某个任务,且有延续性。比如A页面为一个音频播放页,用户在进入B页前可以继续收听。
建议:需要考虑网络极端不好的情况,载入信息极少时使用,如图05,ios原生短信应用采用的就是当前页载入,当遇到手机报之类的大量信息,就感觉界面卡上一小会。不过介于大部分短信都是文字为主,这样设计无可厚非,如果加载时间长的情况下如图06一样提供状态就更完美。

范例

005

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

加载方式是死的,其实也可以根据具体情况结合灵活使用。

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

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

 

源地址:http://www.uedx.net/?p=2966

相关 [app 加载 窗口] 推荐:

App加载(二) 当前窗口进入新窗口解析

- Draven - 所有文章 - UCD大社区
- 关于首次使用以及新开App载入默认页面查看 《App加载(一) App载入默认页面交互》. 这里我们聊聊App从当前页进入新页面交互(如列表页进入详情页面). 这种方式沿用了传统互联网的页面载入方式,也很常用. 适用:B页信息量大,如长篇图文混排信息页. 建议:1).进入B页时不要使用空白页面,采用预置的格式化信息(图片的占位符,信息分隔样式等);2).带入A页面已有的部分信息,3).对B页的信息进行分段载入.

从app加载页面说开去

- - 百度MUX
都说好的交互设计的评判标准之一是“别让我等”,但互联网产品总是受制于实际的网络问题. 移动端产品则更为明显,2G、3G环境下加载不够给力,wifi环境也未必每次都是那么顺利. 因此“别让我等”更像是种奢望,我们倒应该思考的是“如何优雅而不令人烦躁的等”. 与之最直接关联的就是app加载页面的设计. 一个app加载页面,大致分为3类:.

App 和 iCloud

- 笑炊 - 爱范儿 · Beats of Bits
iCloud 的技术细节还在 NDA 的保护下. 但是大家的好奇心不能等到 NDA 失效再满足. 本文基于对 iCloud 的猜测写成,靠谱与否,等待时间检验. 打开浏览器,嗯,今天用 Safari , Chrome , IE 或者 Firefox. 输入 Twiter.com ,啊,不对,是 Twitter.com.

App Internet 革命

- Cary - Mr. Jamie 看網路與創投
Apple 公布最新一季的財報,3 個月賣出了破紀錄的 3,500 萬台 iDevices (iPhone, iPad & iPods). Google 公布最新數字,全球有 1.9 億支 Android 已經被啟用. 大家很興奮「智慧型手機」、「行動裝置」革命終於來到,我卻隱隱感覺到另一件更重大的事情正在發生,我們所熟知的「網路」,即將經歷另一次大幅度的轉變.

浅析App Engine

- - 搜索研发部官方博客
在国内外,云计算正在大步的走向商业化的道路,也得到了越来越多公司的重视. 其中平台即服务(Platform-as-a-Service  PaaS)已经称为业界探讨云计算的热点方式之一,采用PaaS模式来构建应用运行平台App Engine是一种重要的实现方式. 本文主要是对App Engine的背景、特点、需求等进行分析整理,并据此对业界主要的App Engine进行了调研分析.

Mobile App 将死?!

- - Tech2IPO
日前,Mozilla 产品副总监 Jay Sullivan 称移动应用不久即将成为历史,未来将是移动 Web 应用的天下. 光盘好歹还能当杯垫,可怜 Mobile App,难道就这样一下跌落进历史的垃圾堆. Mozilla 的产品副总监杰 • 沙利文 (Jay Sullivan, 上图) 日前表示,移动终端应用(Mobile App)没有未来,真正有前途的是移动 Web 应用(Mobile Web App).

APP已死?

- - 商业不靠谱
APP目前面临的几大窘境将促使搜索引擎由Search向Service、Getting 转变以适应用户在APP时代养成的简洁、高效等习惯. 《未来移动终端应用 C/S Vs B/S 架构》 许永硕——物联网智库. 参照PC软件的发展历程,B/S架构或许是破解APP难题的出路,目前,微信开放平台、手机QQ等在尝试扮演Browser(http://open.weixin.qq.com).

Kindle 变身团购窗口

- 橙子 - 爱范儿 · Beats of Bits
面对其它电子阅读器的竞争,亚马逊今年通过广告版补贴把 Kindle 阅读器的售价拉低到 114 / 139 美元(WiFi / 3G),赢得价格优势. 补贴版 Kindle 阅读器的广告只出现于待机画面和书库目录,不影响阅读体验,上市之后销售势头很好. 随着用户群的扩张,亚马逊也开始将自己的团购服务 AmazonLocale 引入补贴版 Kindle.

欺诈 app 追杀 — 给 App Store 的信

- Webto - Wangling
感谢 @apple4us 的建议. 我深知如果等着别人相助,此事大概会不了了之,届时只徒留一篇愤概文章. 所谓“追杀”,敌未死,我未停,正如给“动车追尾”事件的受害人追讨公道,公道未到,追讨不止. 于是,我刚给 App Store 发了信,如下:. 每人干掉一个坏蛋…,坏蛋没那么多;每一百个人、每一千个人、甚至每一万个人干掉一个坏蛋,世界都会美好许多.

Web App和Native App 谁将是未来

- - 互联网旁观者
未来是Web App的天下,还是Native App的天下. 作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计. 那么,我们首先应该立体的认识一下Web App和Native App. Web 无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行.