Windows Phone 7 UI设计及人机交互指南

Windows Phone 7 UI设计及人机交互指南，微软官方发布，中文版。因为Windows Phone 7采用全新的metro设计风格，所以做Windows Phone 7开发必须要了解这些基本规则。 ### Windows Phone 7 UI设计及人机交互指南####输入类型**为触摸而设计** Windows Phone 7的用户界面是专门为触摸交互设计的。所有导航功能都通过一系列的手指手势来实现。为了确保应用程序能够无缝地融入这种设计哲学，开发者需要理解并充分利用触摸输入的各种特性。 - **触碰目标大小**：为了确保用户能够准确地点击到目标，触碰目标（如按钮等）的最小尺寸被设定为44x44像素。这有助于减少误触的概率，并提高用户体验。 - **触摸反馈**：提供即时且明显的触摸反馈是非常重要的。例如，当用户点击某个按钮时，该按钮应该有视觉上的变化，比如颜色变深或按下效果，以此来告诉用户他们的操作已经被识别。 - **手势识别**：Windows Phone 7支持多种触摸手势，如轻触、长按、拖动、缩放等。正确地使用这些手势可以增强应用程序的可用性和吸引力。 **支持的触摸手势** - **轻触**：用于选择屏幕上的元素。 - **长按**：用于触发上下文菜单或特殊功能。 - **拖动**：用于移动屏幕上的对象或滚动内容。 - **缩放**：通过双指缩放手势调整图片或地图的大小。 **硬件按键** Windows Phone 7设备通常包含几个标准的硬件按键，包括返回键、搜索键、启动键等。这些按键为用户提供了一种快速访问设备特定功能的方式。 - **返回键**：用于返回到前一个屏幕或退出当前应用程序。 - **搜索键**：启动搜索功能，帮助用户查找应用内的内容。 - **启动键**：通常用来启动“开始”屏幕或主屏幕。 **键盘** Windows Phone 7设备配备了一个屏幕虚拟键盘，用于在触摸屏上输入文本。开发者需要考虑到键盘弹出时屏幕空间的变化，并确保应用程序的布局能够适应这种变化。 - **键盘布局**：键盘的设计需要简洁易用，同时支持多语言输入。 - **自动校正**：提供自动拼写检查和建议，帮助用户更快更准确地输入文本。 **传感器** Windows Phone 7设备内置了多种传感器，其中最重要的是重力加速度传感器。这个传感器可以帮助应用检测设备的方向变化，从而调整屏幕显示的方向。 - **重力加速度传感器**：用于检测设备的倾斜角度，使应用可以根据设备的方向自动旋转屏幕。 ####用户界面框架**屏幕方向** Windows Phone 7支持自动屏幕旋转功能。根据设备的方向，屏幕可以自动切换为横向或纵向模式。开发者需要确保应用的内容在两种方向下都能正常显示。 - **布局适应性**：应用的布局应当能够自适应不同方向下的屏幕尺寸变化。 - **内容可读性**：确保文本和其他内容在屏幕旋转后仍然易于阅读。 **框架和页面的构建** Windows Phone 7提供了一套完整的UI框架，包括各种控件和模板，帮助开发者快速构建美观且功能强大的应用。 - **控件库**：提供了多种预定义的控件，如按钮、列表视图等，这些控件已经优化过触摸体验。 - **模板**：提供了一系列设计良好的页面模板，可以帮助开发者快速构建常见的界面布局。 **滚动查看器是一种常用的控件，用于展示大量数据或内容。它允许用户通过滑动手势浏览较长的内容列表。 - **性能优化**：滚动查看器需要经过优化，以确保即使在大量数据的情况下也能流畅滚动。 - **加载策略**：可以采用懒加载技术来提高滚动时的性能表现。 **主题** Windows Phone 7支持多种主题样式，如深色主题和浅色主题。开发者可以选择合适的主题来匹配应用的整体风格。 - **一致性和灵活性**：应用的主题应该与系统的整体风格保持一致，同时也应允许用户根据个人喜好进行调整。 #### Windows Phone应用程序控件Windows Phone 7提供了一系列专为触摸界面设计的控件。这些控件不仅简化了开发过程，还确保了应用程序的一致性和可用性。 - **PushButton**：用于创建基本的按钮控件。 - **CheckBox**：用于表示二选一的选择项。 - **RadioButton**：用于一组互斥选项中的一项。 - **HyperlinkControl**：用于创建可点击的链接。 - **SliderControl**：用于创建滑块控件。 - **TextBlock**：用于显示静态文本。 - **TextBox**：用于输入文本。 - **ListBox**：用于创建列表控件。 - **ListViewItem**：用于定义列表中的单个项。 - **ProgressBar**：用于显示任务进度。 - **PageTitle**：用于设置页面标题。 - **PanoramaApplication**：用于创建全景应用，可以在多个视图之间平滑切换。 - **PivotControl**：用于创建包含多个标签页的控件。 #### Windows Phone系统控件除了应用程序控件外，Windows Phone 7还提供了一些系统级别的控件。 - **系统托盘和应用工具栏**：提供全局的操作选项，如设置和帮助等。 - **上下文菜单**：通过长按屏幕上的元素弹出，为用户提供更多选项。 - **Windows Phone消息通知**：用于向用户发送重要信息的通知。 - **进度显示器**：用于显示后台任务的进度。 #### UI文字注意事项Windows Phone 7的UI文字设计需要遵循一定的规则，以确保内容清晰易读。 - **Windows Phone 7语音语调**：使用简单直白的语言，避免使用过于复杂的术语或表达。 - **大小写标准化**：确保标题、按钮等元素的文字大小写一致。 - **标点符号**：合理使用标点符号，使句子结构清晰。 #### UI设计注意事项在设计Windows Phone 7的用户界面时，还需要注意以下几点： - **一致性**：保持整个应用界面的一致性，确保用户在使用过程中能够轻松预测操作结果。 - **简洁性**：避免过多的信息和复杂的布局，让用户能够快速找到所需的功能。 - **反馈**：为用户的每一步操作提供即时反馈，提高用户的满意度和信任度。 Windows Phone 7的UI设计及人机交互指南为开发者提供了全面的指导，旨在帮助他们创建出既美观又实用的应用程序。通过遵循这些指南，开发者可以确保他们的应用能够在Windows Phone 7平台上提供最佳的用户体验。