windows8 Metro 风格应用的 UX 指南.docx

Metro 风格应用的 UX 指数指南使用此指数可快速找到可帮助你创建出色的 Metro 风格应用的用户体验 (UX) 指南。 如果尚未这样做，那么应开始阅读创建出色的 Metro 风格应用和规划 Metro 风格应用。Metro 设计风格 Metro 风格应用是 Windows8 上用户体验的中心环节，功能强大的 Metro 风格应用共享了一个重要的特性集，这样提供的用户体验就具有一致性、简约性，并且会产生引人注目的效果。 布局和导航：考虑你的 UI 布局对用户导航该应用的方式有何影响。请参阅导航设计模式。 布局和命令：一致地放置命令以培养用户自信心和方便用户互动。请参阅命令设计模式和设置 UI 的布局。 布局和页面设计： 使用网格可帮助设置应用页面的布局以遵守 Windows 8 剪影。o 设置应用页面的布局 o 为 JavaScript 应用选择布局 动画：精心设计的有针对性的动画可以使应用变得更丰富，并且使体验感觉精良和完美。帮助用户理解上下文环境变动，将体验与视觉转换紧密相连。有关详细信息，请参阅有关下列动画的指南：o 拖放 o 基于边缘的动画 o 列表动画 o 过渡动画 o 短暂 UI 动画 o UI 动画 版式：请参阅文本和版式指南。触控互动使用触控互动让用户自由掌控和充满信心，利用屏幕或设备的边缘，人们可以放心地找到命令。 请参阅触摸交互设计。 一般用户交互指南：提供一致且高效的用户交互集。请参阅用户交互指南。 触摸目标：考虑大小和位置或你的触摸目标。 请参阅触摸目标指南。 视觉反馈：为用户操作提供清楚的视觉反馈。请参阅视觉反馈指南。 语义缩放：帮助用户导航大量内容，可视地显示内容的“放大”或“缩小”过程。请参阅语义式缩放指南了解用户交互，并查看以下内容了解我们的 SemanticZoom 控件。 轻扫和横向滑动：使用此标准互动方法从一个列表或网格中选择项目。请参阅横向滑动指南。 光学缩放和大小调整：允许用户放大和缩小他们的内容，以方便查看。请参阅光学缩放和大小调整指南。 平移：通过平移帮助用户在应用中导航。请参阅平移指南。 旋转：当你的用户使用触摸旋转屏幕上可移动的内容时，提供响应反馈。请参阅旋转指南。 选择文本和图像：确保用户能够放心地选择文本和图像。请参阅文本和图像选择指南。 屏幕触摸键盘：了解当用户无法访问硬件键盘或其他外围键盘设备时，如何显示和隐藏屏幕触摸键盘。请参阅触摸键盘指南。 鼠标交互：了解如何为没有触摸屏幕的用户创建绝佳的鼠标体验。请参阅鼠标交互指南。对齐和缩放以下功能可帮助你创建在各种外观规格和视图选项中都可以呈现的完美用户体验。 灵活的布局：针对不同外观规格而设计，允许用户操作内容来适应他们的需要和偏好。首先考虑横向视图，这样你的应用就能在所有外观规格的设备上运行，但请记住一些屏幕可以旋转，所以需要针对纵向视图优化内容的布局，以保留各项功能。请参阅布局指南。 贴靠视图和填充视图：为了满足用户的多任务处理需求而设计。用户希望能够在做其他事情的时候（如聊天、网上冲浪、看电影等等）使用你的应用，因此请确保辅视图能够正常工作并在切换辅视图与主视图时可以维护上下文环境。请参阅辅视图和主视图指南。 按比例缩放屏幕：设计一个在各种尺寸的设备上都能良好显示的应用 UI 从较小的平板电脑屏幕到中型平板电脑屏幕，一直到大型台式电脑或一体式电脑屏幕。 请参阅按比例缩放屏幕指南。 按比例缩放像素密度：确保你的应用中的图像在缩放之后能完美地显示。Windows 对你的应用进行缩放，确保无论设备的像素密度如何，应用的物理尺寸都保持一致。 请参阅按比例缩放像素密度指南。 调整大小：确保当 Windows 需要调整应用大小时应用的外观良好。当用户更改视图状态或调用软键盘时 Windows 自动调整应用的大小。请参阅调整大小指南。合约、超级按钮以及功能合约是将 Metro 风格应用与系统 UI 绑定在一起的纽带。已实现相同合约的两个应用可以搭配使用，以完成广泛或复杂的方案。 某些合约由超级按钮表示。请参阅应用合约的完整列表。功能可确定你的应用所使用的设备功能。 搜索：让用户从系统中的任何位置在整个应用内容中执行搜索。请参阅搜索指南。 共享和数据交换：让你的用户将你的应用内容与他们喜欢的其他人共享、接收来自其他应用的共享内容并将其显示给你的用户。请参阅共享内容指南、剪贴板命令指南和创建自定义数据格式指南。 文件选取器：让用户从本地电脑、连接的存储设备、家庭组和其他应用加载文件，或将其文件加载到你的应用中。你还可以提供文件选取器扩展，以便其他应用可以加载你的应用的内容。请参阅文件选取器指南和文件选取器合约指南。 位置感知：确保一种简洁、流畅、尊重隐私的地理位置体验。请参阅位置感知应用指南。 设备感知：麦克风、相机、位置提供程序和文本消息服务可访问用户的个人数据或花用户的钱，所以 Metro 风格应用提供了功能来确保用户能掌控这些敏感设备。如果你的应用访问敏感设备，可以设计它来管理用户启用和禁用设备访问的方式。请参阅使用敏感设备指南和构建设备选取器指南。 打印对话框：在用户从你的应用程序打印内容时创建一个自定义 UI。请参阅自定义打印 UI 指南。 邻近手势：让用户通过“点击”一次即可将两个或多个设备连接在一起。此手势营造出用户彼此如在近旁的体验，如同多玩家游戏那样。请参阅点击指南。 多媒体：确保你的应用可出色地处理对媒体。请参阅开发音频感知应用指南和相机 UI 设计指南。磁贴和通知磁贴功能是应用中的门户。磁贴位于“开始”屏幕上，它是应用的扩展，与传统图标相比它提供的信息更个性化，也更吸引人。在功能强大的磁贴上进行投资，这将引起人们对你的应用的关注。通过动态磁贴和通知提供全新的内容，让人们感觉已连接到你的应用。确保你可帮助用户联系他们关注的人和设备。 应用磁贴和辅助磁贴：使用你的应用磁贴来吸引用户，建议他们使用你的应用并确保该应用及时更新且紧扣主题。你可以从你位于“开始”屏幕上的应用提升有趣的内容和深度链接，让用户将你的应用直接启动到你应用中的特定体验。请参阅磁贴和锁屏提醒指南和辅助磁贴指南。 通知：可以通过弹出式通知帮助用户掌握与时效性或个人相关的内容；当应用不在前台运行时，还可以提醒用户返回至你的应用。请参阅 Toast 通知指南、推送通知指南、定期通知指南、计划通知指南。控件设计你的应用 UI 以显示内容。仅在屏幕上保留最相关的元素，从而最大程度地减少干扰，帮助人们沉浸在内容中。遵循这些指南将帮助你提供一致、优雅且吸引人的用户体验。命令 应用栏：请参阅应用栏指南。 按钮：请参阅按钮指南。 复选框：请参阅复选框指南。 单选按钮：请参阅单选按钮指南。 切换开关：请参阅切换开关指南。 滑块：请参阅滑块指南。 评级控件：请参阅评级控件指南。 选择控件：请参阅选择控件指南。 时间选取器：请参阅时间选取器指南。 日期选取器：请参阅日期选取器指南。 登录控件：请参阅登录控件指南。导航 SemanticZoom：请参阅 SemanticZoom 控件指南。 FlipView：请参阅 FlipView 控件指南。 ListView：请参阅 ListView 控件指南和设置 ListView 控件样式。 链接：请参阅链接指南。短暂 UI 弹出窗口：请参阅弹出窗口指南。 消息对话框：请参阅消息对话框指南。 上下文菜单：请参阅上下文菜单指南。 工具提示：请参阅工具提示指南。 进度控件：请参阅进度控件指南。图像 缩略图：请参阅缩略图指南。文本和输入 字体：请参阅字体指南。 文本框：请参阅文本输入指南。 登录控件：请参阅登录控件指南。 拼写检查：请参阅拼写检查指南。 屏幕触摸键盘：触摸键盘指南. 拼写检查：请参阅拼写检查指南。漫游到云通过漫游数据和设置来在各种设备之间创建一种连续的体验，允许人们在他们离开的位置挑选一项任务并保留他们最关心的 UX，无论他们使用何种设备。 漫游：通过在漫游时保持设置和状态，便于用户在任何位置（从厨房中的家庭电脑到其工作电脑再到个人平板电脑）使用你的应用。可以在管理应用数据和漫游和数据指南中找到关于漫游的其他指南。 设置：将你的应用的所有设置合并到一个 UI 表面上，让用户通过他们已经熟悉的通用机制配置你的应用。请参阅应用设置指南。 单一登录：确保用户可以使用他们的 Microsoft 帐户登录，而且在他们使用的所有 Windows8 设备上都享受一致的体验。 请参阅单一登录和已连接帐户指南。基础每个应用都应始终有一个牢固的基础，这样才能得到尽可能多的人使用。 初始屏幕：使用初始屏幕，可以在人们启动你的应用与应用准备就绪之间实现平滑的过渡。初始屏幕应稍微加深用户对你的品牌的认知，而不应分散他们的注意力或向他们进行大力推销。 请参阅初始屏幕指南。 挂起和恢复应用状态：用户将在屏幕与后台之间切换显示你的应用，如果后台没有运行该应用，Windows 则会将其终止。如果可能，你应保存并恢复应用状态以维护上下文环境。请参阅应用挂起和恢复指南。 自动启动和“打开方式”：从应用中其文件类型或协议的默认应用。 请参阅文件类型和协议指南。 全球化、本地化和应用资源：Windows 在全球得到了广泛使用，所以你设计的应用中的资源（如字符串和图像）应与它们的代码分开，这样进行本地化工