WebOS用户界面总结.docxVIP

用户界面总结概述主要介绍用户界面（UI）行为，优化用户场景并提供指导方向，以及场景的区域划分。用户期望用户通过设备内置的一些应用学习操作移动设备。如果新的应用以相似操作方式和标准的UI控件进行设计，那么用户将能够更快速的上手。此外，以便操作更简单，更直观察，用户希望应用程序具有可读性更强的文档，更美观的界面和更快捷的操作，使用标准UI控件和默认样式设置你能够轻易的达成这些目标。当然，也有可用的工具能够进一步定制应用的界面及交互方式。支持的UI交互HP webOS平台用户交互使用触屏操作（由于是电容屏，所以手写笔将无法工作）。下表将列出所支持UI交互。“点击”动作是指快速的按在一个视觉元素上，“滑动”动作是指快速的按在一个元素上并进行拖动。UI 元素动作卡片视图退出一个应用—按住并向上滑动卡片（应用程序）。卡片重新排序—按住并拖拽到新的位置。手势区域术语表中定义了以下动作：滑动，后退，下一个，上一个，快速启动，启动，组合点击键盘开始键入键盘快捷拷贝—按住手势区域 + C键剪切—按住手势区域 +?X键.粘贴—按住手势区域 + V键.列表删除条目—按住并向左或向右拖拽（滑动）。修改标题—点击并按住标题区域。条目重新排序—按住并向下或向下拖动。文本区域插入及定位光标—在文本区域相应位置点击。移动光标—按住Option键 + 点击屏幕相应区域。选择文本—按住SHIFT + 点击屏幕相应区域。触摸屏移动条目—按住并拖拽。滚动—上下左右拖动或滑动。触发一个动作或打开一个条目—点击一次（单击）。放大—点击两次（双击）。放大或缩小—屏开（两根手指）或收缩。基本指导准则本节讨论如下：屏幕规格屏幕模式转场效果应用程序菜单按键和菜单命令任务中断错误启动新的卡片数据保存使用系统资源屏幕规格当进行应用程序设计时请考虑下表中的屏幕规格。如果你希望应用程序响应设备旋转的变化，设置场景元素的大小，使它们在设备旋转时能够正确的显示。如希望了解更多相关信息，请查看加速器和画面标签（html）的支持。项目规格尺寸注释应用程序 icon64 x 64 像素 (W x H)浏览器地址栏50 像素 (H)命令菜单格斗栏50 像素 (H)浮于场景内容之上屏幕纵向视图最大 320 x 480 像素(W x H) (HVGA)全屏模式下将会占据整个屏幕区域。屏幕横向视图最大 480 x 320 像素(W x H)并非所有的应用程序需要旋转视图。标题栏，固定50 像素 (H)固定位置并浮于场景内容之上。标题栏，滚动不定建议50 像素 (H).通知栏(a)28 像素 (H)始终可见弹出通知最大 240 像素 (H)最小28 像素 (H)覆盖场景内容，区域尽可能小，不要超过屏幕高度的一半。电话标题栏28 像素 (H)状态栏(a)28 像素 (H)始终可见视图菜单50 像素 (H)浮于场景内容之上全屏模式下，这些项目将被隐藏下表列出了Pre和Pixi设备之前的差异。Pixi 项目规格尺寸注释屏幕纵向视图最大 320 x 400 像素(W x H) (HVGA)全屏模式下将会占据整个屏幕区域。屏幕横向视图最大 400 x 320 像素(W x H)并非所有的应用程序需要旋转视图。屏幕模式HP webOS平台包含以下屏幕模式：默认—显示完整图像，没有任何裁剪。全屏—显示源框架的一部分，但允许应用程序布满整个屏幕。全屏模式将会把状态栏和通知栏隐藏。然而，这种模式并不阻止弹出式通知。转场效果使用以下转场效果达到应用程序操作的一致性：交叉-淡入—移动到相似的层级。新卡片—启动另外一个应用程序。放大—向下移动层级。缩小—向上移动层级和返回（手势）。应用程序菜单应用程序菜单允许你在每个场景中创建特定菜单，这是一个非常强大的概念。应用程序菜单是一个动态菜单，其中默认包含以下菜单项：编辑，这应该永远是第一个菜单项。首先项账户，如果你的应用程序适用的话帮助按键和菜单命令对于每个场景，创建一套命令按键和特定的菜单。当通过你的导航流（navigation flow）进行操作时，应该包含以上这些条目。这有助于确定需要多少个场景，哪个操作应当在每个场景中，以及如何和何时重用一个共同目的的场景。任务中断这常见于在使用一个应用程序时出现某个通知（如，会议提醒或知消息通知）。当通知出现时，webOS系统将会把他们显示在应用程序下方的通知栏内。中断可以毁掉一些应用程序的用户体验，如，游戏。将自动暂停功能考虑在内，这样当触发一个弹出式通知时或用户将应用程度最小化时，该功能都会拯救你的应用程序。错误当遭遇一个影响到用户体验和应用程序自身无法迅速的解决的问题时，报告一个错误。考虑下表中的建议：方式建议横幅式通知使用横幅式通知，当用户只需要知道发生了什么问题，但并不需要采取行动。对话框使用对话框，当应用程序需要用户进行决定否则无