内 容 简介

本书凝聚作者多年来所积累的丰富的互联网实战经验，从原型的价值、流程谈起，提到原型设计的五大类型和八大原则，接着详细介绍如何选择合适的原型工具和深度探讨各种工具的利弊，最后以原型测试收尾。此外，书中还穿插大量行之有效的技巧与提示。通过本书的阅读，读者可轻松而高效地进行RIA、手持设备和移动设备的原型设计。

本书适合原型爱好者和实践者阅读和参考。

    

                                                                                                                     　序

         理论和实践之间有何区别？爱因斯坦曾经如此说道：“在理论上，它们是一致的，但在实践中，它们并不一致。”
实践成就完美。在体育比赛中，只有经过不断的实践练习，才能成为夺得冠军的团队。大师会告诉你，取得成功的唯一途径就是实践。实践是学习之源，一边学习，一边实践，在学习过程中，技艺不断得以提升。
        原型是设计和制作人员的实践。原型并不只是设计工具箱中的另一个工具——它是一门设计哲学。当你制作原型的时候，实际就是在开始实践自己的设计、产品或服务。同时，作为制作者，可以通过这种方法逐渐认识到自己无法通过其他途径所了解的设计构想。
        原型，很简单，它是另一种有别于想象的工作，因为它更真实。它的存在是独立的，独立于思维之外。这就意味着它是可以进行测试的——你可以想象各种各样的情境，它可以帮助你打破固有的思维模式；你可以根据你的经验进行设计，它则帮助你测试你的假设。
        没有原型，产品是无法在生产出来之前进行测试的。在如今瞬息万变的商业环境中，没有哪一家公司可以在短时间内主导市场——如，Google成立于1998，Facebook成立于2004，Twitter成立于2007——不测试，直接就上产品和服务，是非常愚蠢的行为。这好比让从来未进行过任何训练的运动员上场，这显然是一个很失败的方法。
        所以，在刚开始有了设计构想之后就动手做原型，对原型进行突破和测试，测试它们，了解和改进原型，对设计构想进行建模，然后在整个设计过程中，继续突破和改善它们。实验，错误，持续优化——这是我们在孩提时代就学会并在成人之后仍然在学的方法。然而，这些对于我们来说是否已经足够了？是否应该有更好的？对于我们的设计，我们的想法，我们的设想？
        一本关于原型的书绝不只限于原型本身，书只是当时的一个缩影，原型是一个不间断的、持续的过程，学无止境！
       另外，请不要忘记，原型是很有趣的！它能从社会、现实的角度帮助你完善自己的想法。它对“真空中的设计”和“象牙塔中设计”的说法，是最直接的反对。我们是在为实际用户而设计。这是游戏。它更像是实践，一个不断学习、了解和改进的实践活动。就这一点而言，游戏又是真实生活的预演。
        但原型的作用又远远超过了游戏和实践的作用。它能够为人们带来很大的帮助。这需要勇气、热情和承诺，追求卓越。当你想要保护自己的时候，你需要有足够的勇气面对和倾听失败；有足够的勇气看到你设计的“孩子”在很多陌生人的手里，他们不理解这是什么，有何用途；有足够的勇气抛开几周以来的努力工作，开始尝试一种新的方式。原型是培育成功产品的“温床”——它把一个新的东西带到这个世界上，并且帮助它们成长。
        Todd Zaki Warfel根据个人的实践和丰富的经验完成了这本书。他和我们分享他的设计哲学、他使用过的工具和他所了解的这方面的最佳实践。你可以信任他。他一直在从事原型工作。他失败过。他见识过。他快乐过。另外，上帝帮助了他，他已经有了两个“孩子”：不只是这本书，还有一个真实的生物原型——?一个小男孩，他的名字叫Elijah。好，来一次飞跃吧！好好读读这本书，尝试书中所说的，动手测试，突破。原型，实践，尝试实践自己的想法。告诉Todd，你喜欢这本书的什么地方，哪里有错误，又该怎样改进。他会为此而爱你。

          ——Dave Gray
Xplane创始人&总裁
《Gamestorming：创新、变革&非凡思维训练》作者

                                                                                                                                                                     前言

        这里谈一谈我为什么要决定写一本原型设计的书，为什么我想为Rosenfeld Media写这本书。原型设计是我最有热情的三个话题之一，这就是真实原因。我不记得最初是Lou找的我，还是我找的他，但我真的记得他说过这样一句话：“有人一直跟我说应该找你写本书。你有没有想写的东西？”之后就是谈判——我努力向Lou“推销”我感兴趣的几个题材，他则努力游说我为Rosenfeld Media写书。
        Lou对我本来希望的另外两个话题没有太高热情，但对原型设计很兴奋，这就够了。他也相信我能写一本有关原型设计的书。
        那时，Rosenfeld Media（RM）刚刚成立。他们还不是一家强大的出版社。我对Lou在RM所做的事情很有信心——聚焦于从业者，出版实践性强的书。作为一家小型设计咨询公司的创办人，我很高兴能有机会支持他们。
        为什么要选择原型设计？这是一个时机问题。那时还没有专门关注设计师和用户体验从业者的原型设计相关书籍。有工业设计和软件工程的原型设计书，但没有软件系统交互和体验的设计书籍。只有一本接近主题的书，Carolyn Snyder所著的《纸原型：又快又好的UI设计和优化之道》（Paper Prototyping:The Fast and Easy Way to Design and Refine User Interfaces）。这是一本好书。我就有一本。虽然我强烈推广纸质原型设计——纸原型是我教的最喜欢的方法之一——但我觉得设计领域需要有一本书能覆盖更多方法和工具。
        竞争实际上是不存在的。
        在我的设计公司Messagefirst，原型设计已经成为实践。我们在设计越来越广泛依赖AJAX风格交互的交易系统。我们已经把线框图用到极致，但仍然得不到想要的结果，线框图已经跟不上时代了。我们的线框图文档模型虽然很好，但要花很多时间来解释。我不喜欢必须对工作进行解释说明。如果得解释，流程就会断。
        认识我的人都知道，我一直在寻找办法改善技艺，推进设计流程，找到更有用、更有效的解决方法。我们的流程断了，需要修复。这是一个设计问题，而我看到了解决方案——原型设计。
在动笔之前，我的原型设计经验仅限于纸、PowerPoint、Keynote、Flash和HTML。我不想写自己没有用过的东西。这本书不是为我写的。它是为你准备的。因此，就像任何设计项目一样，我决定做一点研究，结果是长达9个月的研究。我访问了几十位从业者，进行了一些调查，尝试了我能记得的更多原型设计工具，然后才开始放心动笔。
        必须用更多工具来进行原型设计，这是我明白的第一件事。我之前用过Visio和Fireworks，但不是用于原型。我以前也从未用过Axure RP Pro。
        写这本书，我学到了很多，也体验了很多。我学会了新的方法和工具。从同行那里学到了很多建议和技巧。从同行那里听到了很多原型设计成功和失败的故事，甚至我自己也经历了很多成功和失败。
        我写了这本书，你可以从中了解原型设计是如何改变设计流程的。我写这本书，是为了分享我的经验和其他人的经验，告诉你原型设计有哪些价值，告诉你需要哪些工具，让你有能力说服老板或者客户下一个项目必须得用原型。

目录

第1章  原型设计的价值 1
原型是生成的 3
原型设计——展示、讲述和体验之源 3
原型可减少误解 6
原型可节省时间、精力和费用 7
原型可减少浪费 7
原型可提供真实价值 10
小结 13
第2章  原型设计流程 15
设计工作室的缺失 17
原型设计流程概览 17
小结 29
第3章  五类原型 31
类型1：共享交流 32
类型2：走查设计 38
类型3：内部推广想法 38
类型4：可用性测试 41
类型5：度量技术可行性和价值 42
小结 48
第4章  八大指导原则 49
原则一：了解受众和意图 50
原则二：稍加规划——再做原型 51
原则三：设定期望 52
原则四：可以画草图 54
原则五：是原型——不是蒙娜·丽莎 57
原则六：如果做不出来原型，就用假的 57
原则七：只对需要的东西做原型 60
原则八：减少风险，尽早开始做原型，经常做原型 60
小结 63
第5章  挑选合适的工具 65
影响因素 66
工具人们在用哪些？ 68
人们在做哪些类型的原型？ 70
小结 72
第6章  纸原型和其他模拟方法 75
优点 77
缺点 78
纸原型必备工具包 80
渐进式纸原型 81
小结 96
第7章  PowerPoint和Keynote 99
优点 101
缺点 102
用PowerPoint创建叙述原型 103
用PowerPoint创建交互原型 106
PowerPoint的AJAX效果 109
小结 112
第8章  Visio 115
优点 117
缺点 117
用Visio做原型 119
补充资源 126
小结 129
第9章  Fireworks 131
优点 133
缺点 134
用Fireworks做iPhone应用原型 135
更多资源 147
小结 149
第10章  Axure RP Pro 151
优点 153
缺点 154
用Axure RP建立视频网站原型 154
补充资源 171
小结 173
第11章  HTML 175
优点 177
缺点 178
创建HTML原型 180
补充资源 196
小结 198
第12章  测试原型 199
常见错误 200
可用性测试准备 205
设计测试情境 207
测试原型 208
记录观察过程和反馈意见 210
分析并决定下一步行动 212
结语 213
小结 215