天魔窟

要开发一个好的 Web app，构建原型（prototyping）是不可缺少的工作，即便只是在脑海里想像一下，也需要在全面开工之前，将需求分析映射在原型上。

构建原型的方式有许多种，Getting Real 里推荐了用静态 HTML 页做原型：简单快速，便于演示，并且正式产品的前台界面甚至可以直接从原型沿用下来。当然书中还提到了最为简便的原型方式：使用纸和笔。

今天看 ALA，读到了一篇讲使用纸笔进行原型设计的文章，觉得不错。原文链接在此，我做一下简单的总结吧。

界面原型的设计是重要的，最简单，最不需要技术要求的设计方式就是使用纸，笔和剪刀。

* 便于迭代。因为纸可以随便用，好的点子，保留；不好的，直接字纸篓。

* 降低预算。不需要再买/寻找原型软件，花点小钱去文具店买一包打印纸，几块便签就 OK。还可配合便宜的打印机做一些设计准备，比如截屏，尺寸设定……

* 简便的文档。不说了，文档本来就是写在纸上的。

* 适合 show。界面布局，元件，状态变化，流程……都可以迅速明确的画出来，即便和需求方一起画。看看这些照片：




上图展示的 DialogBox，可以用剪刀和胶水来完成。

* 可用性测试？给用户一张纸，让他画出期待中的界面……

当然，纸上原型还是有不足的，比如说无法精确展示实际屏幕效果（没有滚动条），缺乏动态效果。

进一步的相关信息可参阅 Carolyn Snyder’s Paper Prototyping 网站。这个人甚至为此写了一本书。

好了，我个人觉得，Paper prototyping 非常适合头脑风暴时候的设计，以及和伙伴一起讨论，如同公司会议室的白板。至于完全将网站界面和流程用纸来模拟，不是特别合适。因为 Web app 里都会有不少动态的东西以及重复的界面，此时用静态 HTML 页来展示更加有表现力和省事。当然，大体的界面规划，在纸上画出来比用软件做更加自然，快速。
[delicious]