「泼辣修图」背后的设计风险

从0到1，「泼辣修图」到底经历了哪些不为人知的冒险？...





引言：

认识博睿（泼辣修图创始人、CEO），还是两年前在斯坦福的一次demo day。那时，他刚从斯坦福计算机硕士毕业，自己创业在做一个叫Polarr的专业修图软件，还只有电脑使用版本。

说实话，在那场项目不少的路演活动中，Polarr并不是最抢眼的项目，而且修图软件早已是红海一片。作为一个非专业技术人员，我在听了他的路演介绍后也并没能完全理解Polarr的特别之处，但印象特别深刻的是作为刚毕业的创业者，博睿非常有激情而且很坦诚。

直到有天，在苹果店买Ipad，看到了在苹果展示机显示屏上了的“Polarr”。再约聊，这时候的博睿已经是被评为福布斯的“30 under 30”的优秀年轻创业者了。

如何从一片红海中杀出生路？如何不花一分钱做市场宣传就获得500万的用户？这是一个很有意思的故事。

作为一名开发者和设计师，我想这个世界上很少有人会想要重新发明滚动条，输入框，工具栏列表这些互联网时代大家最熟悉的互动元素，更不要提在复杂的工具类应用中冒着大量风险去重新发明轮子这种事情。也因此，基础元素在软件中的设计也经常被大家忽略。

应该说正视不断挑战这一类的设计风险才成就了修图软件中的奇葩－Polarr Photo Editor (泼辣修图)  。

两年前，我刚从斯坦福计算机毕业，由于自己对人工智能和人机互动方向的兴趣，经常琢磨工具类应用的设计细节。同时，作为一个摄影人，我很对摄影类工具着迷，曾经幻想自己能够对摄影产业有所贡献。因为这个幻想，在我足够了解了图片行业的白热化的竞争后，我依然选择加入了制作图片产品的阵营，Polarr便诞生了。

在过去的一年中，Polarr主要开发以深度学习和计算机视觉为核心的图片识别，增强和筛选模块。为了辅助渲染引擎开发，我的团队无心插柳般的设计了一款用我的话来说，”非常难理解的”专业修图修图应用－Polarr Photo Editor，国内译名为泼辣修图。应用在15年中旬发布后很快就沉入了一片红海。

但是，让我们出乎意料的是，经过一年多的产品维护和适当的更新，在没有投入一分钱做市场宣传的情况下，Polarr Photo Editor却成为了ChromeOS和Mac平台修图应用榜首，其iOS版本也获得了2015年的年度最佳应用头衔，并在2016年第三季度后在苹果零售商店样机展示；在这个月，Polarr Photo Editor也在Windows 10 商店上架，并保持付费类应用总榜榜首。

这个结果刚开始让我个人非常惊讶，也让我身边的很多朋友非常好奇。Polarr Photo Editor 作为一款功能不是最全面，操作不是最简单，使用起来又不是最快捷的专业修图应用，是靠什么获取大量用户的青睐和认可？我们团队自己研究了一下应用过去的迭代和发展，最终认为，这一切都归功于团队早期对Polarr Photo Editor的期盼很低，导致我们有了很多空间对修图软件的设计作出了非常冒险的尝试。

Polarr Photo Editor的设计理念并不是争取独特或者是新颖，而是从零思考一些互动设计上的根本问题，从按钮和标签的层面来重新设计一款尽量复合摄影爱好者和发烧玩家的修图应用。我们内部的口号”Make photo editing great again ”在第一版软件开发的两个月中，也被贯彻执行，其中最明显的就是iOS的第一版只能横屏幕使用。因为一些较不寻常的UX设计， Polarr Photo Editor iOS刚刚发布的时候，我们团队对产品设计其实充满了质疑，缺乏自信。只能横版使用和有着彪悍译名的泼辣修图很快不出意料的被各大媒体评为一朵奇葩。

幸运的是，我们在足够短的时间内对媒体和用户解释了设计的缘由，并获得了苹果商店的青睐。应用被推荐后，我们开始观察到有用户开始适应我们的设计理念。在他们的支持和鼓励下，我们不断在互动设计上做出更大胆的尝试， 更多匪夷所思的设计设想变成了现实；更多用户渐渐地开始理解Polarr Photo Editor,  成为了忠实的粉丝。这导致我最近终于可以比较有信心的讲述 Polarr在设计风险上获得的一些回报。下面我明了的解释一些Polarr Photo Editor 非传统元素的设计初衷和花絮。

1）自定义可拖拽的工具栏的由来：

我们团队很早就发现，对于两手支撑拖着使用的手机，还有更大一号的iPad，用户用那根手指按按钮，如何稳定触摸屏的状态是五花八门。我们发现引导用户能够舒服的使用一款触屏为主的复杂软件是非常困难的事情。于是，为适应不同用户的操作习惯，满足左撇子用户，我们开发了其他应用都没有的自定义工具栏未知的功能。这样用户就可以把滤镜面版放在左上角，或者右下角，按自己的习惯而定。





2) 横版和双工具面板操作的由来: 

专业型修图应用最常被用户抱怨的特点就是操作过于复杂。Polarr Photo Editor 的操作也很复杂，我们团队在思考如何能够更高效的同时对图片进行多种参数调整的时候，便产生了像游戏手柄一样的想法。双手并用，互不干预，比如用户显示滤镜的时候，同时应用能显示可以继续进一步调整高级参数，这样用户的修图效率可以提高一倍。要想达到游戏手柄的控制效果，我们就必须能支持横屏操作。这里最大的难点是做到自然的工具栏滚动，和其它的操作元素不冲突。





3) 方块型调整滑框的由来: 

这应该算是Polarr最有特征的独有设计元素。因为屏幕上的操作空间有限，我们想要设计一种控制器，它在占用最小空间的情况下满足如下四点：能让用户精确的互动，能明确的显示参数，不需要展开下一层面板或者间歇性保存，同时又不会在用户操作的时候遮住画面本身。

大多数其它修图应用的调节面板都是简单的滑块，载如上的4类要求中只能满足一到两类。在诸多的用户UX测试之后，现在应用中大家看到的方框调节滑块就是我们的最新成果。用户可以按住滑块，触发调整，然后向上和下或者左和右自用调整参数。这种互动的感觉又符合游戏手柄上的操纵杆，和横版界面的设计一气呵成。这一设计贯穿了应用的其他参数调整模块。





4）手把手互动教程的由来:

应用开发刚开始的时候，因为Polarr渲染引擎的使命是在于最大化的发展复杂和高运算效率的算法功能，我们很固执的把用户定位在专业和发烧友用户。但随着应用的成长，我们也开始发现一些刚开始接触摄影的爱好者或者小白也开始尝试学习修图。但因为我们应用的实在功能过于复杂，很多新用户的自信心还是会受到打击。我们在研究了其它应用的教学模块后，发现如果没有实际例子一步一步手把手的教授用户修图的基本概念，是很难让用户产生自信和修图的兴趣的。

于是我们便开发了互动教程模块，从光影，去雾，畸变等等的基本概念开始，引导用户学习修图。这样我们的应用不但可以让用户修图，还能让用户学习如何修图。这些短教程有超过10%的完成率，我们也不断的随应用更新继续添加教程。







5）为什么应用早期没有修脸功能：

使用Polarr很久的用户应该能发现，我们基本每一到两个月就会添加一个新的面板，每隔两周会有一个新功能出现。很多人都以为我们是因为产品开发进度原因才这样做，但实际上我们是等待手机性能的提升和陈旧手机的淘汰。Polarr 中的自动曝光功能，笔刷和色彩蒙板等因为要精确记录历史信息和需要并行运算，消耗手机的运算资源很大。在已经有这么多功能情况下，加入人像处理会给系统造成更大的压力，让程序更容易崩溃。

2016年9月，在iPhone 6的普及度较高之后，我们引入了人脸面板，并借助iPhone 6的运算速度可以实现通过人脸五官的识别自动判断皮肤的肤色和位置。新的人脸面板具备10多个高质量新工具，这些工具的处理效果也和其他面板的参数调整并行渲染，其历史记录也并行保存。

这个新面版上线后，不少用户觉得Polarr Photo Editor 会对很多其它的美颜软件形成竞争，而事实上我们的想法是不断的拓展目前应用中缺失的不足。毕竟只有1年半年龄的Polarr Photo Editor还需要有很多努力才能赶上前辈软件长久的积累。也因为这一点，我们一直没有把重心放在安卓上，因为安卓的硬件迭代速度相比较慢。在安卓7.0系统普及后，我们也会开始在安卓上支持人脸面板。





以上的这些Polarr Photo Editor 背后的设计花絮概括了我们应用设计中主要的设计元素和理念。目前来看我们认为虽然这些比较异类的设计元素会让用户较难上手，但上手后用户的粘性还是非常不错的。尤其因为应用的桌面－移动跨平台性，在使用手机应用后的用户可以一瞬间适应我们的桌面版本。这些独特的特点也一直保护了Polarr的创意形象，也给我们应用的未来发展埋下了更多挑战。

据悉，Polarr以后还会为编辑器加入基础的文字功能，以满足一些用户基本的文字编辑需求。同时，Polarr团队还正在开发制作一款全新的为小白用户精心打造的修图应用，这款新应用里包含了Polarr团队更大胆的设计尝试。请在微信中关注泼辣修图微信公众号，届时会发出测试邀请。

最容易被忽视往往是最重要的。

在软件创业的红海中，精致设计所带来用户体验提升成为Polarr（泼辣修图）成功的法宝。

听完这个的故事，希望能对创业路上你有所启发。

    关注 泼辣修图