ProtoPie,原型设计(Prototyping)如同派(Pie)一样好吃又容易制作

在谷歌，设计师被称为“稀缺资源”

由于本文使用第一人称所写，所以“我”既是作者Tony Ki

      在谷歌进行的项目数量众多，但并不是每个项目都能配得上一名设计师。于是在谷歌，设计师就有了“稀缺资源”这个称号。这些项目中，有些面对的只有技术上的挑战，而有些则是需要开发者依据设计准则和设计库进行开发。随之而后，一名设计师就自然而然的同时承担起多个项目。基于这个特点，谷歌在招聘时会用“杂耍能力”来形容设计师这一岗位。

      我（Tony Kim）在谷歌的时候也是手里都会同时有两个以上的项目，甚至有过一人同时“杂耍”5个项目的情况，虽然比较短暂。于是在向经理或开发人员解释设计的时候，原型理所当然可以帮助提升效率。但是虽然我有能力可以通过修改别人的代码或直接自己编代码来创建一个原型，但工作时间总是太短缺，很难挤出时间编代码做原型。

      于是POP（Prototyping on Paper的缩写）就得到了好评。但是用它做出来的原型只能停留在流程图的程度上，方法就是把手绘的草图通过点击动作连接起来作出原型。所以对设计师来说，它并不是一个又简单又能创造丰富视觉效果的工具。

      在一次和开发朋友的聊天中，我得到了启发，打算作个工具。几个月后，我打造了一款专注移动设备的原型工具，名为App.eal。在过去的一年半的时间里，它为ProtoPie的诞生起到了举足轻重的作用。App.eal 可以让设计师从Google Drive导入已经在绘图工具里做好的图片，并创建高保真原型。

     App.eal 首次突出强调了自动滚页功能。即，被插入图片的顶部和底部间的高度如果已设定好，就可以自动设置该图片进行滚页。除此之外还有更多的功能，使我确信一件事，就是我所做的就是全球相当部分的设计师正面临的一些障碍。

App.eal ，ProtoPie的祖先，在SpyreStudios一文中被介绍

      我（Tony Kim）离开谷歌开始开发原型工具的时候，正是原型工具开始在市场出现的时候。那时，Framer的CoffeeScript被认为是通用原型工具，它可以创造任何原型。而Origami的魅力在于无需编写代码。但我当时在想两者不是以代码为基础就是视觉上展现编程的工具而已。绝大多数的设计师为了有效的使用这些工具，而不得不通过不同的角度来接近，于是我开始仔细思考一种既简单又自然的方式，可以让设计师更容易的理解原型制作。

寻找便捷的交互和动效并不是新趋势。

       在2005年 Jesse James Garrett  定义Ajax 适合于:  “富交互”应用程序,  比尔·斯科特传播它。 那时,我研究如何让用户的输入可视化 以及 输入屏幕元素的触发(相对于时间)在二维线框上成为可能。(设计过程有效改进”富交互”设计,IASDR 2007)我相信在可视化线框不需要特殊的工具,有意义的训练是必需的,还有常见元素不能被利用在每一情况下 , 需要更系统和更具经验的方法。

儿童钢琴表

      答案是很容易掌握。一个周末的晚上,当我六岁的儿子练钢琴时，我注意到他乐谱表上的标记。我意识到如果用符号代替音符, 来表示按个“键”应该被按, 哪一个音高应被演奏 , 或者需按（持续）多久 , 将有可能通过系统框架来表达(演奏钢琴时的)交互。我浏览了关于机器人快速运动的机器人学论文,以及关键帧动画中的定义工具和放置时间轴用于表示运动元素。我最终发现 Pierre（彼埃尔波尚） 早在1680年已发表了关于舞蹈移动的研究方法的论文 , 属机器人实现相似理论。

舞蹈符号 发明者  皮埃尔

      音乐符号和 皮埃尔的舞蹈符号相对于时间以线性方式展示运动目标。随后,顺序不能颠倒。交互在设备上根据用户的输入和输入的时间和条件下可以进行不同的 , 相反的方式 。很难表达单向时间轴上的交互。我得出的结论是,如果这些交互能够在多个方向移动创建交互，单向时间轴的软件如Adobe After Effects或Flash是不可的。

目标 规则  反馈  环形模式

       EWMN中心的现代化舞蹈符号或是关键帧中运动成绩在使用之前需要分类的运动。就像舞蹈符号将人体分割成不同的部分,并且各部分动作表达的关系 , 我应用 DAN Saffer Microinteraction概念模型和精细拆卸一个交互。如果可以找到一个触发器在即使是最复杂的交互,microinteractions可分为几个 nano-interactions 基于触发的位置。我跟着通过收集方面没有触发器。我叫这些方面为“反馈”,这样我就可以区分用户的反馈。分析由许多方面反馈“反应”本身的运动。

Eureka! It turns out that interactions have elements, as well !

找到了! 事实证明,交互元素。

       有一个看似无限的物质世界,但他们是由70个天然元素组成。如果元素的结合方法中参与物质是已知的(至少理论上说),重新创建物质就成为可能。例如,钻石和煤炭都是由碳组成的,但是他们是完全不同的特性不同的原子结构。

由于加速度运动由于恒定的速度和运动由谷歌设计材料相同的类比可以应用于运动。

       即使是一个固定的距离移动,它移动的速度(或时间期间运动发生)和加速度会影响运动。换句话说,如果速度和加速度是删除,剩下的基本元素是运动。运动是通过移动表示,规模和旋转,最常见的元素。

组成“反馈”的元素

      我（Tony Kim）分析中发现共享在Dribbble.com上的每个交互设计中移动应用设计作为验证模型的交互元素的一部分。除了“变种”,“响应” 相关的运动的一部分,可分为交互元素 。然而,触发器在移动应用程序特性具体情况,在与点击浏览网页时,触发器可以接受更广泛的各种各样的点击等用户输入,双击或长按,以系统运行时间和条件来考虑。

      随后,有一个需要拆卸触发器和进一步分析。元素周期表的原来是一个很好的类比。元素组1中,最左边的列,主要是碱性除氢,元素在7组,17列,主要是酸性的。注意,响应可以比作元素7组,当触发元素在组1。我安排所有触发元素在左边,右边的所有响应元素,组织表中的元素基于复杂性。最终的结果是一个表高度相似的元素周期表。我将这些交互元素取名为“交互块”因为更不仅仅是元素; 他们更是复合材料。 

交互元素表v.2.0

       带着令人不安的兴奋，我和我的合作伙伴在一次于 CHI 2015中以“猛击”的名字演示了我们的DEMO。随后,ProtoPie的概念模型于2015年的春天完成。因此,我不认为我的团队发明或创造了ProtoPie。就像伽利略在1600年发现了地心理论,如同在自然界中发现而不是发明,ProtoPie通过我们团队的努力被自然的发现了。一年后,我们提出ProtoPie处于开放测试阶段。我感受到了如同我第一个儿子出生时那边幸福与担心交织在一起的心情。

“ProtoPie”这个名字是一个混合的“原型”这个词,表达“一块馅饼。”

        ProtoPie持有我们的信念,原型应该是美味及极容易制作。ProtoPie还是有很多可能性。当然,也有许多需要解决的bug。然而,之所以我们能够自信地展示一个未完成的产品的原因是,我们想要得到一个由真正设计师设计的，拥有设计师心态的反馈工具。我真的很喜欢中国谚语“细节决定成败。“这谚语意味着细节是成败的关键。我们至今仍然持续完善ProtoPie的细节,一款可供用户真正创建属于自己的细节工具。

*即使此次App.eal专利申请失力, 出现许多与我们相似的特性的软件 。 我们将用专利来代替”抄袭效应” ,撤销申请专利是我们回馈设计社区的一种表达。

感谢Protopie开发团队能够让我来翻译这篇文章，还要感谢可爱的“学颖”童鞋，没有你的帮助和邀请这些事情不会如此顺利，再次感谢。

官方网站地址 ：  http://www.protopie.cn/      

MEIA设计平台： http://meia.me/course/list 

                            搜索关键词“protopie”即可观看免费教学视频