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

交互设计的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. 交互设计的工作流程 产品定位与市场分析 由新产品研发部门以及市场确定需求 设计师了解产品的市场定位、产品定义、客户群体、运营方式等 用户研究与分析 非常重要，团队配合完成 设计师搜集相关资料，分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。 架构设计 确定界面交互与流程的设计 制定交互方式、操作与跳转流程、结构、布局、信息和其他界面元素 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. 结构图法 抛开界面细节，只考虑信息的组织形式 操作步骤 明确描述全部内容，总结产品所需要表达的所有信息 画出信息的树状结构图 在纸上画出各界面的草图。草图包含：页面标题、导航、重要的链接和按钮 模拟演示界面的操作行为 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 Clie