关于快速原型的一点纠结

honghu2

关于快速原型的一点纠结


　　作为一个交互设计师和东西控，我对原型设计应当用甚么东西这个话题一向很感乐趣。事情至今，陆续利用过不少分歧类型的原型东西，从最根基的纸笔，到Axure RP/Omni graffle，在不竭地测验考试和比力中，也一向在思虑到底甚么原型东西最合适做交互设计。厥后发明实在这个问题无解。离开了目标，纯真地会商东西是没有价值的。以是想到写一下快速原型的目标和东西选择。

　　先来对原型（prototype）做个界说，这里的关头点是要区别wireframe，prototype和mockup三个观点。

　　Wireframe，直译的话是线框图。由线条组成的草图或示用意，都属于wireframe。固然若是有简略的暗影表示或上色的话，一般也归到wireframe。



　　Mockup，模子，工业设计顶用mockup会比力多，好比1：1的汽车油泥模子。但在ui设计中，mockup的观点和wireframe有时分得不是很清晰。如balsamiq mockups这款软件，它的实现的结果实在应当是属于wirefram瘾欢e的级别。下图是balsamiq mockups的实现结果。



　　最后说prototype，原型。原型更夸大功效性，和以上二者很轻易区别，一般可以交互的就是原型了。以是ps的输出稿一般不会是原型，而用dw实现的网页就叫原型了，以下图是苹果的一个原型机。



　　在flicrk上搜了好久，发明原型很难用图片表示，以是找了个youtube上的纸面原型的视频。我一向对纸面原型不伤风，看了以后就更感觉如斯了。视频地点

　　原型一般又有低保真原型（low-fidelity prototype）和高保真原型（high-fidelity prototype）之说，像上面这个纸面原型就属于低保真原型。不外纠结一下的话，这个分法又是有问题的。由于保真度最少有两个维度。视觉的保真度和交互的保真度（功效实现的完美水平）。另外一个维度是内容的保真度，在内容性产物上，这也是一个很首要的维度。



　　在上面这张坐标图中，有个首要的身分是技能或说代码是不是可以复用。这里先做个抛清，这不是本文所存眷的重要内容，在快速原型中斟酌代码复用，会无故带来不少限定。就我见到的，一般说来web或blend之外的项目，原型代码的复用比力少见。并且寻求代码复用的原型，必定已处于保真度比力高的阶段了，自己已不合适快速原型要寻求数目和迭代的目标了，下面会提到。

　　在面临外部客户的时辰，原型的视觉保真度会比力首要，它可以或许更好地帮忙客户理解设计，并且一个视觉保真度高的原型，在提案的时辰也会更具说服力。错误谬误也一样较着，一样一个原型必要投入更多的时候，一旦设计变动投入的时候就更多；并且在项今朝期，一般很难做一个视觉保真度很高的原型，以是在全部设计流程中的利用也有局限。

       以是若是不是必要向外部客户提案，只是用于内部沟通、查验交互问题的话，视觉的保真度可以退而求其次，以交互的保真度作为重要维度。应当寻求速率和数目，尽量在产物初期多测验考试，多迭代，以求发明新设法并低落项目后期危害。

       因而我对快速原型是这么界说的：项今朝期，以发明新设法和查验设计为重要目标的原型设计举动。

　　关于寻求数目，插播一个小故事，从Bill buxton的sketching user experience书里看到的：

　　陶艺教员在第一天说要将学生分成两组，事情室里坐在左侧的学生将只以他们建造的陶器数目举行评分，而右侧的学生只以他们建造的陶器的质量对其举行稽核。过程很简略，最后上课那天，教员把家中盥洗室里的体重秤带来称数目评定组学生的功课，瓦罐总重量到达五十磅给“A”，四十磅的评“B”，以此类推。质量评定组学生只要做一个罐子，但只要很完善就可以得“A”。到了终极评判的时辰呈现了一个奇异的征象：最佳的作品都出自于数目评定组的学生。看来在数目评定组学生辛劳地极力做出更多陶艺作品时，他们从毛病中不竭地学到新的工具，而质量评定组的学生坐在那边思虑若何应用理论做出“完善”作品，终极看不到他们尽力的功效，只留下一大堆空洞的理论和少气无力的粘土。

　　寻求质量的那组，成果却在质量上败给了寻求数目的那组，惊讶之余，细心一想，确切是那末回事儿。回首过往的设计履历很轻易发明，当咱们频频打磨一个设计的时辰，思绪已落入了窠臼，跳出来的最佳法子就是冲破重来。可是丢弃一个已花了不少时候在上面的设计对付设计师来讲一般很艰巨；设计的完成度越高，设计师就越偏向于去完美或改良这个设计，而不是从零起头从新做另外一个设计。

　　以是快速原型中的“快”字很首要，快了才能寻求数目。俗语说得好：全国武功，无坚不破，唯快不破^_^

　　设计前期最常采纳的东西就是纸和笔，输出稿就是草图（纸面线框图）。草图的益处在于快速，便宜，不受拘谨（相对付软件来讲，纸笔的得到本钱比计较机低不快猫视频少，并且设计师想表达的工具常常遭到软件自己的功效或设计师对软件技术的把握所限定），轻易丢弃。纸笔作为东西来讲，确切是观点设计阶段首选。

那快速原型的首选东西是甚么呢？我想了下，应当有这么几点请求：

1. 很低的进修和上手本钱

2. 快速而高效的画图功效

3. 可以实现交互动作

　　可以实现以上几个目标的东西不在少数。Axure RP或omni graffle固然进修曲线有点陡，但对付用惯了的人来讲，彻底可以胜任快速原型的事情。特别是基于omni graffle大量的stencil，可以很是快速地出原型。不外我仍是想推一下ppt/keynote作为快速原型东西，固然比拟之下，它们看起来业余不少。（谅解我，作为一个东西控，我太纠结了T T）



　　起首，ppt/keynote是绝大大都win/mac呆板上的标配，从可到达水平上来讲，他们是最高的，可以不消零丁安装一个庞大的软件了。好吧，这点大大都人不care。

　　以输出稿来看，为了确保终极的成果在客户或此外同事的呆板上可以完善的运行，大大都设计师会选择会以pdf/swf等作为终极的输出格局。但竞技下载站这带来一个弊病就是，源文件和终极输出是两个工具（实在ps/ai甚么的也有一样的问题）。再换句话来讲，点窜设计，必定要打开做源文件的阿谁步伐才可以！然后还要从新再导出一次设计稿才能用来展现。可能大大都设计师已习气如斯了，以是没有感觉这是个问题（但这倒是我喜好用fw的一大缘由，fw源文件即设计稿，不消再次导出；fw的另外一个长处是源文件巨小）。但是ppt/keynote的益处就是，你可以选择不导出pdf，而是直接给对方展现源文件，按播放便可以了。然撤退退却出播放模式便可以立马点窜，试问哪一个同类软件可以做到。

　　或许有人要挑战一下，就算它们可以即时点窜，可是ppt/keynote可以完成的事变有限，不少事变我仍是要在ps里完成的啊。因而我举荐如下这两个网站，都是基于keynote的模版，注重咯，所有模版都是在keynote里绘制的。

Keynotopia    Keynote kungfu

　　以是，以keynote来举例的话，它具有了跨越大大都只是把它用来做presention的设计师的预期的壮大的画图能力（好长= =！）。别的，它还具备像母板如许的特征，可以或许为咱们节流不少时候，这也合适“快”的奥义。

　　最后，ppt/keynote另有动画结果，包含场景切换动画和物体动画。能用来干嘛？一个控件的放大缩小，彻底可以用keynote中的magic move来摹拟！包含iphone上的设置界面通常为翻转到后背，这个结果也能够彻底地用flip来实现。对付一个以寻求快速为目标的原型东西来讲，这可以算是不测的欣喜了。

　　说完了长处，再来讲错误谬误。最大的错误谬误就是免钉钉交友费的模版太少，上面那两个链接里的keynote模版都是要钱的，而免费的在结果上就差能人意了。此外免费模版的合用范畴也有限，以是在这块上还必要设计师本身花不少精神。不外外洋用keynote做原型的设计师正愈来愈多，前两天正都雅pixelmator的一个专访，他们的设计师也是用keynote做原型的。



　　连一个画图软件的原型均可以用keynote实现，那另有甚么是不成以的呢？

(本文出自Tencent CDC Blog，转载时请注明来由)