APP应用(2) 当前页进入新页面的交互过程
2011-10-13 01:05
351 查看
- 关于首次使用以及新开App载入默认页面查看 《APP应用(1)启动载入默认窗口解析》
为了方便理解,下文用“页”代替“窗口”,下面我们聊聊App从当前页进入新页面交互(如列表页进入详情页面)
通常两种方式
方式一:在新页面载入。(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封邮件先预取。)这样做对服务器来说,要求高了些,大家具体用的时候自己权衡。
另外提一句,进入前保存A当前的状态,B返回A时回到进入前状态(如在第15条进入,返回时第15条信息在原来位置,并且配合原高亮消失效果)
APP应用(1)启动载入默认窗口解析
APP应用(2) 当前页进入新页面的交互过程
为了方便理解,下文用“页”代替“窗口”,下面我们聊聊App从当前页进入新页面交互(如列表页进入详情页面)
通常两种方式
方式一:在新页面载入。(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封邮件先预取。)这样做对服务器来说,要求高了些,大家具体用的时候自己权衡。
另外提一句,进入前保存A当前的状态,B返回A时回到进入前状态(如在第15条进入,返回时第15条信息在原来位置,并且配合原高亮消失效果)
APP应用(1)启动载入默认窗口解析
APP应用(2) 当前页进入新页面的交互过程
相关文章推荐
- ios应用增加给appstore评分和进入app安装页面代码功能
- ios应用增加给appstore评分和进入app安装页面代码功能
- ios应用增加给appstore评分和进入app安装页面代码功能
- ios应用增加给appstore评分和进入app安装页面代码功能
- Android应用安装完成后在应用程序安装器的安装完成页面点击"打开"后进入app,再按Home键退到桌面再点击桌面app图标会重启app
- js打开app应用或进入下载页面
- android:检查系统是否开启消息通知权限,app应用点击开启通知时跳转到app详情页面开启权限
- Hybrid APP基础篇(三)->Hybrid APP之Native和H5页面交互原理
- Android Html交互_一_ 网页链接打开App页面
- Spark应用(app jar)发布到Hadoop集群的过程
- JavaScript实际应用:父子页面交互
- Android第三方应用或者原生app内跳转React native的某个页面
- QNX驱动开发—APP应用与resource manger的交互通信,进程间通信
- iOS - 进入app显示相应的页面(不要每次都是登陆页啊 很蠢!)
- 关于Android app首次安装完成后在安装界面打开应用再按home键返回桌面,重新进入app重复实例化launcher activity(转)
- Android系统应用层App启动过程分析
- android应用APP中的页面响应时间测试
- ios 应用中直接跳转到指定app页面 或者 app 评价页面 的方法
- app应用过程与reload
- 单个angular页面如何加载多个ng-app应用---------------------学习笔记