浅析手机Web App的交互设计.docx

浅析手机WebApp的交互设计

第一篇：浅析手机WebApp的交互设计泽思网络–上海APP开发商浅析手机WebApp的交互设计HTML5为提高手机网页的体验提供了诸多的可能性，交互效果越来越接近原生App，故而成为WebApp，有望将APP功能引向浏览器，让移动平台的竞争由系统平台转向了浏览器之间。WebApp比起原生App和wap有着自身的优缺点，先简单了解下其特点，掌握设计趋势，也便于以后在设计中应用。离线存储离线存储的意思是第一次访问是下载网页，以后在无网络的情况下也可以使用。一个离线应用程序就是一个URL列表–HTML，CSS，JavaScript，图片，或者其他类型的资源。访问时探测到服务器列表的缓存名单时，会触发下载事件，根据名单下载指定的文件存储到本地。在下载的同时，浏览器将会周期性的触发进度事件，此事件包含了诸如多少文件已被下载，多少文件仍然处于下载队列等信息。当缓存名单中所有列出的资源被成功下载后，浏览器触发下载完成事件。当再次访问时，浏览器会再次检查网站的缓存名单，通过对比名单和本地的资源，得知是否需要加载新资源。新版本加载完成之后不会立即被使用。后台可以下载新网页，也不会强制用户打断当前操作流程，重新刷新页面。如果此过程中的任何一点出现可怕的错误，你的浏览器将会触发一个错误事件，并立即终止。类似于安装应用程序，中途不可以出错。WebApp可以利用存储的特性将重要和重复的数据保存在本地，避免页面的重复刷新，减少重要信息在传输过程中被泄露，增量传输修改内容。而离线存储但也不是WebApp特有的问题，浏览和阅读类App也有离线的使用需求，用来应对随时可能出现的网络问题。如离线模式是利用网络闲暇时间下载内容，当用户打开App时立即开始阅读。或者是网络不佳情况下保存用户的操作记录和加载相对重要的文字内容，之后再依次上传泽思网络–上海APP开发商已更新的数据，如微博的发送队列机制。交互操作手机网页的操作发送只有点击，点击链接和控件，交互方式非常单一，而WebApp的操作将越来越接近应用程序。1.WebApp的建立离不开网络速度的提升，加载更多的内容，图形元素更为丰富。同时更多的JS交互，便于用户操作和形成扁平化的信息架构。2.识别更多的手势操作，如下拉刷新和右滑存档等平移手势。操作不必全部呈现在界面中，和平台操作保证一致。3.调用系统硬件，如重力感应等传感器，不过在手机端还鲜有应用案例，离大规模应用还有一定的距离。第二篇：基于用户体验的手机产品交互设计原则基于用户体验的手机产品交互设计原则一、用户体验信息收集在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有效的信息。因此在收集用户体验信息时，应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下，当用户体验产品的交互时，设计师可以通过某种技术或是研究方法获得用户的全部感官印象，掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法，就是深入访谈和现场观察。我们需要调研的信息有：1.硬件部分：手机的持机模式（右手操作、左手操作、双手操作）；手机的操作模式（手指触控、笔触、按键、滚轮、长按）；两种操作模式下的输入方式（全键盘、九键、触屏键盘、手写）；信息反馈形式（屏幕信息输出、声音、振动、灯光）对用户的影响；2.软件部分：用户对屏幕信息结构的认识（空间位置、信息排列顺序、信息的分类）用户对信息导航的使用（菜单、文件夹管理、搜寻特定文件）用户对信息传达的理解（图形信息、文字信息）用户对交互反馈的获知（每个操作是否有明确的反馈）3.积极的用户体验：特殊交互模式带来的新奇感受——有趣简洁的操作步骤和有效的信息提醒方式——信任感软件运行速度，信息处理过程——操纵感和成就感允许误操作，有效引导——安全感交互过程中的完美感官体验（视觉、听觉）类似于电脑操作过程的交互（有电脑使用经验的用户）——熟悉感和成就感品牌元素在交互上的延续性——熟悉感和优越感4.消极的用户体验：系统出错、没有提示信息——压力、紧张和茫然缺少误操作的补救机制——挫败感、压力交互步骤的繁复难记——挫败感提示信息的不明确（不符合用户模型）——茫然过程处理时间过长——焦虑二、用户分类1.依据用户的需求可将智能手机的用户分为两类：1.1过程为主的用户(processor