《第二章用户界面设计概述.ppt

交互设计的4个基本活动 用户需求分析 了解目标用户 设计交互方案 让用户参与方案设计 构建设计的交互式版本 给出设计的交互式版本 可能只是个线框图，未必能够真正运行 设计评估 评估设计版本的可用性，用户能否接受 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 交互设计的工作流程 产品定位与市场分析 由新产品研发部门以及市场确定需求 设计师了解产品的市场定位、产品定义、客户群体、运营方式等 用户研究与分析 非常重要，团队配合完成 设计师搜集相关资料，分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。 架构设计 确定界面交互与流程的设计 制定交互方式、操作与跳转流程、结构、布局、信息和其他界面元素 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 交互设计的工作流程（Cont.） 原型设计 阶段性标志 “手绘－图形－FLASH－视频” 原型的本质是一个DEMO，无需全部功能，但要体现出设计对象的基本特性 外观设计 结合经过反复讨论过的分析结果进行 色调、风格、窗口、图标、皮肤的表现是关键 界面输出 设计师配合开发人员完成界面整合 完善工作 多部门协作参与 可用性研究、测试回馈，以及可行性建议的完善 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 交互设计的基本方法 结构图法 对产品信息架构的设计方法 自然语言法 对产品交互过程细节的设计方法 任务走查法 对整个产品的审查和优化方法 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 结构图法 抛开界面细节，只考虑信息的组织形式 操作步骤 明确描述全部内容，总结产品所需要表达的所有信息 画出信息的树状结构图 在纸上画出各界面的草图。草图包含：页面标题、导航、重要的链接和按钮 模拟演示界面的操作行为 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 自然语言法 设计界面交互细节的方法 界面表达的要求 清晰，明确，简洁，得体 使用自然的语言表达界面的信息 用面对面的交流来传达信息 将面对面的传达转变为书面表达 再用界面语言翻译书面表达 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 任务走查法 以用户任务为线索，以可用性准则为依据的主观评估 操作步骤 分析并总结所有用户任务 根据用户任务进行可用性评估 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 交互设计的原则 用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。 允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的新短信。 方便退出。如手机的退出，是按一个键完全退出，还是一层一层的退出。尽量提供两种可能性。 导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。 快速反馈。给用户心理上的暗示，避免用户焦急。 使用用户的语言，而非技术的语言。 清楚的错误提示。误操作后，系统提供有针对性的提示。 允许兼用鼠标和键盘。同