0 Comments

Google Web App开发指南之构建优秀的Web Apps(2)

发布于:2013-09-07  |   作者:广州网站建设  |   已聚集:人围观

提供数据自动同步

Web apps让用户可以将数据保存在云中。用户应该能够确信他们的工作是安全的,他们不必去考虑他们是何时何地保存的数据,或者他们手上正在使用的是否是最新版本的数据。Web apps让用户可以集中于工作而不必担心工作是否安全。

为了提供好的体验,WEB APPS 需要:

在本地保存数据并经常和云端进行同步,这样人们就不必担心网络连接或者他们离开应用以后数据会发生什么

在用户第二次登陆时让用户处于他们上次离开时的状态,让他们能很快捡起上次遗留的工作,更有效率
广州网站建设,网站建设,广州网页设计,广州网站设计

有用的资源:

手册

 

 

Figure 4.5 – 使用AppCache 以及数据一致性技术来加强易用性,即使是在离线情况下!

通过提示让用户知道更充分的信息

客户端应用通过状态消息、进度条、对话框通知和其他方法来让用户知道更充分的信息,了解应用目前在做什么及其进度; web apps也应用做到这一点。

要让用户保持信息充分,了解应用在做什么及其进度,可以按如下方式去做:

◆ 显示加载提示,这样用户就能明白有一个任务正在进行中。

◆ 使用HTML提醒来提供一些用户可能想要实时知道的重要信息。

◆ 使用HTML5的进度元素来显示进度。

◆ 显示模态对话框(modal dialogs)来让用户提供更为具体的信息或者应用完成了需要进行的处理以后再让用户继续前进。

◆ 动画动作可以模拟现实世界中的一些动作,让用户更容易理解当前过程。

在这方面做的很好的WEB APPS:

  • GMAIL – 提供新邮件提醒
  • ASTRID – 为即将到来的任务提供提醒
  • TWEETDECK –当你所跟的tweeter有新消息时提醒你

有用的资源:
广州网站建设,网站建设,广州网页设计,广州网站设计

文章

手册

库 & 框架

  • BOOTSTRAP MODAL –根据传统的模态js插件所作的简化
  • JQUERY UI - jQuery UI 提供了一套综合性的核心交互插件、UI插件以及视觉效果

允许使用拖放来上传或者下载文件

如果你的应用与处理文件相关,那么你应该让用户很容易完成相关操作。永远不应该让用户去猜测他们的文件是否已经下载下来了、文件下载到何处,也不应该让用户想要分享文件的时候感觉到困难。

在处理文件时:

在文件输入类型中使用多属性或目录属性让用户可以上传多个文件或者整个文件夹。

使用拖放,让用户可以从自己的计算机拖动文件到你的应用程序,反之亦然。

通过使用File System APIs来在用户机器本地来存储或处理文件。

在这方面做的很好的WEB APPS:

  • GMAIL – 允许你将附件拖入邮件消息中。
  • GOOGLE DOCS – 允许你通过将文件拖入浏览器来上传文件。
  • BOX.NET – 通过将文件拖入上载部件让上传文件很容易。
  • APPMATOR – 可以通将文件拖出浏览器来下载你刚刚创建的Chrome Web Store app package file,让下载十分容易。

 

 

Figure 4.6 – 提供多文件上传。

有用的资源:

手册

将性能也看做是一个特性

没有什么比人们的时间更宝贵了。用户期待客户端应用加载快,响应快。Web apps同样需要达到这一指标。

要设计速度更快的应用,web apps应该:

先加载应用,再加载用户数据。通过使用AppCache在本地保存你的应用代码,你可以减少启动应用时所需要的网络请求。因为应用通过缓存保存在设备上了,它就能立刻启动了。在应用需要解析任何数据的时候,都给出加载提示。

遵循网站及应用的快速响应的设计原则。你的web app仍然是基于web的,所以你仍然需要遵循网站设计时的一些快速响应的设计原则。

标签:
飞机