开门见山，今天跟大家聊聊“prototype”这玩意儿。刚入行那会儿，我听着这词儿就觉得高大上，总觉得是那些大公司、大项目才用得上的概念，跟我这种小打小闹的实践者关系不大。那时候，我做设计，说白了就是直接开干，从草图到效果图，再到最终成品，一路“梭哈”到底，根本没想过中间还能加点
本站为89游戏官网游戏攻略分站，89游戏每日更新热门游戏，下载请前往主站地址:www.gm89.icu
第一次没原型，差点把自己给“玩”进去
我记得特别清楚，那是刚创业那会儿，接了个朋友的单子，要给他家开了好几年的连锁火锅店搞个线上点餐和排队的系统。当时我一听，心想，这不就是几个页面，加上一些按钮和流程嘛多简单的事儿。我当时觉得自己特别牛，吭哧吭哧直接就把好几个主要页面的UI效果图全画好了，配色、字体、图标，弄得那叫一个精美，然后信心满满地发给朋友看。
结果，朋友一看，脸上表情就有点微妙，说不出的感觉。他说这颜色太艳，不符合他们店的“巴蜀风情”，这字体看着像老年机，一点都不高级。这都还好说，最要命的是，他完全想象不到，顾客点这个按钮会发生什么，点那个流程又会跳到哪里去买单，怎么叫号，整个逻辑在他脑子里是断裂的。
他说他脑子里想的跟我的图完全是两码事，还找了他们几个店长来一块儿看，大家七嘴八舌的，每个人都有自己的想法。我当时就蒙了，怎么可能？我这不是按着之前聊的来画的吗？来来回回改了好几版，每次他都说“差不多了，好像是那个意思”，可语气里透着股不确定。真到后面开发环节，问题就跟潮水一样涌出来，改需求，改界面，整个项目硬生生拖了一个多月，预算也超了。项目虽然磕磕绊绊地完成了，但我真是身心俱疲，钱也没赚多少，还落下了一堆烂摊子，感觉自己都快“玩”进去了。
一听“原型”，我就琢磨上了！
那次以后，我开始反思。是不是我的方法不对？不能光靠一张嘴和几张漂亮的图就去说服人！后来在一次行业的沙龙上，听到有人提到了“原型设计”，我就留了个心眼。会后我特意跑去请教人家，人家就给我看了一堆纸上的草图，还有一些简单的、能点来点去的流程图。当时我才明白，原来这就是“原型”！这玩意儿简直就是为我量身定制的！
我立马就回去捣鼓了。正好又接到一个新项目，客户想做一个社区团购的小程序，也是一笔不小的投入。这回我学乖了，我跟客户说，咱们先不忙着定稿，我先给你把整个流程“跑”一遍你看看。
- 第一步，咱得“画”： 我先是拿笔和纸把客户的想法一股脑儿地都画在纸上，就像小时候画连环画一样。哪里有个按钮，哪里有个输入框，怎么跳转，都勾勒出来。就跟小孩子涂鸦一样，歪歪扭扭的，但我自己能看懂，也能跟客户解释个大概。
- 第二步，咱得“搭”： 纸上画完，我找了个简单的工具，管它叫能画方块和线条就行，把那些草图在电脑上又“搭建”了一遍。这回稍微规整了点，但也只是黑白灰，加上一些简单的文字。关键来了，我能把这些页面串起来，模拟点击跳转了！就像个动画片，虽然粗糙，但能动了！
- 第三步，咱得“演”： 我把做好的“原型”直接给客户演示。我说：“你看哈，咱们的用户进来，先看到这个首页，点这里进去选商品，选好之后放购物车，再点这里结算，是查看订单。”我就这么一边说一边操作给他们看，让他们亲手点一点，滑一滑。
说来也怪，这回客户看着这些简陋的图，反而比之前看我精心制作的效果图更能理解。他们会立马提出问题：“这里是不是应该有个筛选功能？”“我点完支付之后，是不是应该有个订单详情页？”“这个流程是不是有点绕，能不能简化一下？”甚至有时候，客户自己点着点着，就点出了他们自己都没想到的新需求。
原型这杆秤，可帮我省老劲了！
通过这种方式，我和客户来来回回地在原型上修改、确认，把所有的流程、功能、展示方式都敲定了八九不离十。很多问题都在最开始、成本最低的时候就暴露出来了。等到了最终UI效果图出来的时候，客户几乎一眼就认同了，因为他们早就通过原型“体验”过无数次了，这东西在他们脑子里已经活灵活现了。
那时候我才彻底明白了，“prototype”这玩意儿，真不是什么高大上的玄学，它就是个“毛坯房”。你不可能直接把精装修的房子给客户看，让他想象这里面能怎么住。你得先搭个毛坯架子，让客户走进来感受一下空间布局，哪里是客厅，哪里是卧室，是不是宽敞，采光好不这能让大家对房子的功能和结构有个最直观的认识。
有了原型，我们就能：
- 快速验证想法： 想到的点子好不好使，一测便知，不用等到开发出来才发现跑偏了，那代价可就大了。
- 有效沟通： 客户、开发、设计之间，大家都有一个看得见摸得着的东西来讨论，减少了拍脑袋决定和凭空想象，避免了“你说东，我说西”的尴尬。
- 大大降低风险和成本： 就像前面说的，问题越早发现，解决的成本就越低。开发都开始写代码了，你再改个大流程，那可就是牵一发而动全身，分分钟烧钱、推迟上线。
- 集中精力在最核心的功能上： 最开始的时候，不用纠结那些花里胡哨的颜色、字体这些细节，先跑通主流程，把骨架搭肉才能长上去，而且长得结实。
现在我做任何项目，无论大小，都会先从原型开始。从纸笔草图到可点击的交互线框图，一步一步来。这过程有点像搭积木，先搭个简单的骨架看看稳不稳，再一点点往上加细节，而不是一上来就想把所有的装饰品都摆上去。它让我从一个只会画图的“美工”，变成了一个更能理解用户、更能把控项目整体的“设计者”。
这“prototype”在我这儿，就是个宝。它不是最终产品，但它就是那个能让你和你的团队少走弯路、少扯皮、把活儿干得更顺溜的“魔法棒”，真真是帮我省了老鼻子劲了。
今天的分享就到这儿，希望对你有点用处，咱们下次再聊。