部分未翻译，欢迎大家补充并纠正错误！转载注意留个名就行！
September 17th, 2007
By Gerd Waloszek and Joelle Carignan, SAP AG, User Productivity
翻译：Qing
原文地址：这里
在产品开发的整个过程中，原型有利于评估设计的可行性。这里三种方法：故事版、纸质原型、HTML原型。这里给出各种原型方法的利弊，以方便你做出最合适的选择。
引言
原型是一个有价值的设计工具。在产品开发的整个过程中，有利于评估设计的可行性。在初步设计阶段，能够探究和测试用户。在实际设计布局和更详细的交互问题，能够评估和测试。之后的”高保真”模型，可以用来提供一个最终软件的”演示”。此外，故事板可用于基本可用性检查。
原型可以有多种实现方法。目前，纸质原型被一些作者所推崇。但电子原型如HTML原型，也有其支持者。HTML的原型是特别适合web应用程序或如果只是屏幕序列的探讨。当然，也可以使用其他任何熟悉的工具（如VB、PowerPoint等）。
图1 ：纸质原型的创建是一个团队的努力；这个团队分成三个组，创造各自可行的原型
图2 ：当原型制作完成，每组出一个人给整个团队介绍小组的设计，然后评估每个原型的利弊。
故事板
故事板，也称为写生，是原型一个很好的补充，可用于基本可用性检查。使用这种方法，你能回答的典型问题如下：
- 是否是简单的对话？
- 什么是阅读模式或工作？
- 相关内容是否组织在一起了？
- 在屏幕上有太多或太少的内容？
图3 ：一个故事板
故事版也可以被作为线框模型实现，然后作为最终的规格。大多数使用在网站或者学习型软件，即内容为驱动的产品。
图4 ：用微软的PowerPoint制作的部分线框模型（每个视图是一个幻灯片）（点击图片放大）
纸质原型
材料
图5 ：一个简单的原型
纸质原型，可以有多中方式，这取决于个人经验或喜好。纸质原型典型的材料是：
- 纸板——用于屏幕；
- 邮票式张贴——用于菜单、对话框和其他的屏幕元素；
- 透明的幻灯片——用于临时项目或用户输入；
- 隐藏的带子或者其它用于用户输入的带子；
- 笔和标记（可擦写标记用户输入或临时信息）；
- 用来擦除输入的水；
- … …
图6 ：一个更复杂的纸质原型的实例
优势
- 技术壁垒消失
- 更少的辩护（Less invested effort to defend）
- 更少的辩论时间
- 传达产品”感觉”不错
- 比Visual Basic 或者HTML原型制作快速
- 在编码之前快速实现
- 廉价
- 创建快速和容易（不到一两个小时）
- 可以创造出一组——这有助于求得设计的共同理解
- 人人都可以参加设计纸质原型——不需要特殊的”工具”知识
- 用户可以协同设计原型或参加之后的测试部分
- The focus of paper prototype discussions with users is the structure of the application and the suitability to the task
- Discussions about “taste” matters or graphic design can be avoided
- 没有妨碍用户对原型的批评，因为它显然是临时的
缺点
· 有限的交互——不是所有的交互问题可以被充分的测试（例如，某些功能，例如鼠标划过事件给用户一个反馈无法模拟）
- 不能评价的响应时间
- 不得在实际系统中制造假数据
- 不能评估视觉
- 图标
- 屏幕真实状态问题
- 需要摆弄大量的纸
- 当原型测试时，至少有一人需要扮演”电脑”
- 超过3个人的演示是不合适的
HTML原型
低保真原型
低逼真原型容易制作，用来展示基本交互作用，例如静态的html 。它可以用来与用户“彩排”，并要求他们以下问题：
上一篇:
初学者学习PHP开发应该掌握的几段精华代码
下一篇:
介绍Flash中按钮控制小球左右滚动的两种写法
精品推荐