a1--原型与迭代设计.ppt

附加材料--A 原型与迭代设计（Prototyping and Iteration Design） 设计方法 UCD User Centered Design ACD Active Centered Design System Design 系统设计 Genius Design 天才设计 注：引用自《交互设计指南》, Dan Saffer 著 SESUN – Beijing, Shanghai, Shenzhen May 2005 Definition of User-Centered Systems Design “User-centered systems design is a process focusing on usability throughout the entire development process and further throughout the system life cycle. It is based on the following key principles.” Gulliksen, G?ransson, Boivie, Blomkvist, Persson Cajander (2003) SESUN – Beijing, Shanghai, Shenzhen May 2005 以用户为中心的系统设计的定义 “以用户为中心的系统设计是一个在整个开发过程中注重可用性，并进一步将其贯穿于整个系统生命周期的过程。它基于以下几个关键原理。” Gulliksen, G?ransson, Boivie, Blomkvist, Persson Cajander (2003) ** 在产品开发的整个过程中，原型有利于评估设计的可用性。 这里三种方法： 故事版（Storyboard）、 纸面原型（Paper Prototyping）、 HTML原型。 这里给出各种原型方法的利弊，以方便做出最合适的选择。 图1 ：纸面原型的创建是一个团队的努力；这个团队分成三个组，创造各自可行的原型 图2 ：当原型制作完成，每组出一个人给整个团 队介绍小组的设计，然后评估每个原型的利弊。 故事板(Storyboard) 故事板，也称为写生，是原型一个很好的补充，可用于基本可用性检查。使用这种方法，能回答的典型问题如下： 是否是简单的对话？ 什么是阅读模式或工作？ 相关内容是否组织在一起了？ 在屏幕上有太多或太少的内容？ 故事板(story board) 故事版也可以被作为线框（Wireframe）模型实现，然后作为最终的规格。 大多数使用在网站或者学习型软件中，即内容驱动型的产品。 图4 ：用微软的PowerPoint制作的部分线框模型（每个视图是一个幻灯片） 纸面原型（Paper Prototyping）** 纸面原型，可以有多种方式，这取决于个人经验或喜好。纸质原型典型的材料是： 纸板——用于屏幕； 邮票式张贴——用于菜单、对话框和其他的屏幕元素； 透明的幻灯片——用于临时项目或用户输入； 隐藏的纸条或者其它用于用户输入的纸条； 笔和标记（可擦写标记用户输入或临时信息）； 用来擦除输入的涂改液； 图：一个更复杂纸面原型的实例 原型（Prototyping） 低保真度原型 高保真度原型 用Axure RP Pro制作网页原型的实践 ? （时间 week 9~11， 提交时间week 12 周二之前，把制作好的原型用电子邮件发到老师邮箱：cjl8989@163.com ）。 访问 /software/programming下载 Axure RP Pro 软件、教程、示例。 通读中文教程一遍。看一下示例 选择一个软件产品，设计一个包括（5-10个界面）的原型。如选课系统界面、某个手机应用界面或选择一个自己感兴趣的网站或交互式产品（如平板电脑应用）。 可以1个人单独做，或组成2个人的小组来完成作业。