人机交互技术06.pptxVIP

人机交互技术第6讲 原型设计王艳ywang94@cuit.edu.cn主要内容 原型设计概念 原型设计流程 原型设计指导原则 原型设计工具原型是什么原型就是产品的原始模型，是将设计概念视觉化，变成用户界面的结果，是整个产品面市之前的一个框架设计。简单地说原型就是将页面的模块、信息、人机交互的形式，利用线框图和可视化，将产品脱离视觉设计状态下进行较为具象的表达。原型设计概念原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。原型设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。几种常见原型纸质原型 在纸张上绘画创建的界面原型（也可以是线框图的打印输出）通常会一次性抛弃，无法重复使用。它的优点在于，纸原型设计和交流都不受场地和设备的限制。 纸原型的另一个重要作用，常被用来在项目的早期进行可用性测试。几种常见原型线框图 线框图是一种基于屏幕创建的界面原型，相比纸面原型，线框图具有创建容易，更易维护和更新的特点。使用最广的原型。几种常见原型低保真原型和高保真原型 低保真原型中，展示了基本的内容区块，大概的版式，通过色彩将相近的信息进行了分区。 高保真原型完整的呈现了导航，版式，每个内容区块具体的信息形式，完整的设计模式，链接的颜色等。主要内容 原型设计概念 原型设计流程 原型设计指导原则 原型设计工具原型设计流程草图评论演示原型检证草图评论演示画草图（白板、纸、代码）演示及评论模型制作（原型设计）测试画草图画草图是原型的生成部分。其目标是产生很多概念并尽快想出这些概念，然后继续下一步工作。代码形式的草图（更加容易、进行实际交互、可以利用代码、不是每个人都会、需要电脑、协作性不好、花费时间多）白板草图（协作性强、每个人都可以画、多人参与、不需要电脑、容易修改、不便于携带、静态草图、抓取较难）纸质草图（协作性强、任何人都会画、多人参与、不需要电脑、容易修改、便于携带，静态草图）演示及评论演示及评论是原型设计流程最重要的部分。其目标是发现最佳想法。演示及评论指南尽量简短演示及评论阶段不要花太多时间每个概念三分钟演示两分钟评论做记录原型 原型设计需要开始考虑设计细节，并找出其中哪些是实际可行的。考虑细节如下：所用工具或者媒介是否顺手？能不能向受众或者消费者有效地表达需要？有多少时间？需要什么级别的保障程度？测试 测试分为客户测试和最终消费者测试。无论是哪种测试都会把反馈融合到下一轮原型迭代中。客户测试是演示及评论加画草图的混合模型。最终消费者测试是标准的可用性测试。主要内容 原型设计概念 原型设计流程 原型设计指导原则 原型设计工具原则1：了解用户和意图 为了做原型而了解用户并理解原型的意图，能驱动原型设计流程的各个方面。了解用户和意图之后，能更好地完成以下工作。确定原型设计所需要的东西。设定适当的期望值。确定恰当的保真度。选择合适的工具。原则2：稍加规划——再做原型稍加规划，然后再做原型，以渐增、迭代的方式展开工作，这样能适应不断变化的环境。规划阶段所做的工作越多，越能更好地启动工作。当然，回报会递减，一定要用常识来判断需要做多少规划工作。原则3：设定期望设定期望是基于名为激发(priming)这个心理学方法。如果激发用户，就能引导他们的注意力和焦点。设定期望通常归结为两件事情：保真和功能。提前设定期望，就不会出现对尚未做原型的详细交互或者功能有奇奇怪怪的讨论。原则4：可以画草图如果要画一个超应急的草图，而且只有兴趣画出屏幕上的功能区块，一般采用较低保真度，而且通常只用线条。如果字段的实际顺序很关键，而且又需要传达出这种顺序，一般采用略高一点的保真度，要么写出标签，要么打开画图软件在屏幕上把它们画出来。原则5：是原型——不是蒙娜丽莎原型本质上是最终产品的不完善、简略版本。花最少的时间和精力向用户传达想法的核心概念，所需要的是合适的保真度。不要过度。也不要不够。原则6：如果做不出原型，就用假的 如果不会写代码，或者无法写代码，可以有很多方法换用假的。使用一系列JPEG界面。用Dreamweaver创建图片地图并把它们链接在一起。用Fireworks内置功能把页面和框架链接在一起，然后生成可点击的HTML原型。用你最喜欢的PDF生成工具或者Adobe Acrobat把文档链接在一起，也可以得到一样的效果。用PowerPotint把静态界面链接在一起。用一系列HTML界面来模拟AJAX和其他交互。原则7：只对需要的东西做原型只对需要的东西进行原型设计，能大大减少很多方面的投入——成本、时间和精力。只对需要的东西进行原型设计，花的时间就少，因此能更快获得反馈，并进行下一步工作。原则8：减少风险，尽早开始做原型，经常做原型敏捷开发的做法是一次解决一小块