Design Hackathon“武装”产品设计解读

什么是 Design Hackathon？

Hackathon，即「黑客马拉松」，是一个流传于技术爱好者中的活动。在该活动当中，很多程序员相聚在一起，以合作的形式去编程，而且整个编程的过程几乎没有任何限制或方向。Design Hackathon 更类似用「黑客马拉松」的思维做产品设计，这种方法论融合了来自 Google，IDEO 等业界顶尖公司的产品设计工具和方法，它将所有的产品设计师、视觉设计师甚至工程师聚在一起，在一定的时间内，以头脑风暴的方式，最大范围地搜集产品的各种可能性，然后抽象地整理出这些想法背后所隐藏的核心概念和产品需求，快速梳理出正确的产品设计方向，之后将想法转化成可视的手稿和线框图，最终变成产品雏形。

快速发现海量可能性

Design Hackathon 非常适合产品定义阶段。在产品定义阶段，面对确定的需求，设计方向和目标尚模糊，产品形态发展的可能性非常多。如果仅仅采用传统的设计手段（比如单人决策），非常容易走向片面和狭隘的方向，既可能出错，也会丧失许多机会。Design Hackathon 将所有与产品相关的人员聚在一起，利用头脑风暴法，快速产生海量想法和点子，让产品设计从个人经验、老板意愿和竞品预设的桎梏中脱离出来，搜集最大范围的产品可能性。

确定方向的同时，拥有可落地的细节

Design Hackathon 遵循了一个「从发散到抽象再到具体」的过程，从最直接的个人经验、想法或者灵机一动的点子出发，抽象地归纳出这些想法背后所隐藏的核心概念或产品需求，最后再回归到具体的产品设计草图表达当中。这个由「发散到抽象再到具体」的过程，既保证了思维发散阶段的丰富性和灵感的多元化，又能达到将想法现实化的目的。

激发团队不同角色的创意

Design Hackathon 参与人员并不局限于产品设计师和交互设计师，而是可以拓展到工程师等其他产品相关人员。不同背景和角色的人通过讨论和互动，能够相互激发灵感，获得丰富的创意。在产品的设计过程中，设计师、工程师和高层领导者由于背景和理解问题的角度不同，常常会产生分歧和争议，使产品设计的时间周期变得不可预测。Design Hackathon 的方法论可以让整个产品团队都加入其中，在平等、专注且高效的状态下，通过分类的方法，将所有人思考的亮点条理化，汇聚到最终的产品设计中。

如何操作？

在欧美等设计业成熟的国家，Design Hackathon 是很多设计机构普遍采用的方法论。然而这种方法论目前尚未被公开引入国内。豌豆荚 2011 年开始就已经比较多的用 Design Hackathon 的方法论做产品设计了，豌豆荚的主要产品，例如 Windows 端和 Android 端，2013 年 8 月发布的 Windows 端新版欢迎页，以及 9 月刚刚发布的视频搜索产品，都是用这个方法来完成产品设计的。积累了一些心得分享给大家吧：

发散：解决问题的方式

在开始一切之前，我们首先需要明确自己要解决的问题是什么。我们可能是需要设计一个全新的产品，但我们对这个产品只有模模糊糊的想法，譬如想做一个视频产品，或者想做一个即时聊天产品，我们已经了解到一些用户遇到的困难和问题，但是这个产品具体会以什么样的方式什么样的切入点来解决这些问题，我们并不清楚。

解决任何一个问题的方式都是多种多样的，我们可以使用「How might we……」的句式，从各个不同的角度分解问题，找出所有可能解决问题的方式。在这个阶段，我们需要的注意的是：

开阔思路，追求的是全面的、打破常规的思维和方向，不需要评价它是不是严谨，是不是可实现，甚至是不是反常识
不需要提出具体的解决方案，解决方案将会在后续阶段补充。

举个例子吧，如果我们的问题是，到了一家餐厅不知道吃什么？

那么，我们需要使用「How might we……」的句式，从所有可能的角度来分解这个问题：

如何让点菜的过程变得有趣 （既然点菜的过程很麻烦）？
如何不去餐厅（不去餐厅也就不存在点菜的问题了）？
如何让大家不吃饭呢？（不吃饭也就不存在点菜的问题了）
如何知道大家最爱吃什么？
如何让大家口味都变得一样（这样就解决了众口难调的问题了） ？
如何事先知道这个菜大家喜欢不喜欢？
如何点主菜、素菜、汤（点一整桌菜可能很麻烦，但是只点一个汤就好多了）？
如何让大家进入餐厅就自然知道点什么菜？
……
关于这个方法论，斯坦福大学设计学院有个英文版的例子，请看这里：

http://dschool.stanford.edu/wp-content/uploads/2012/05/HMW-METHODCARD.pdf

头脑风暴

通过前一步的预热，我们已经整理出产品开发中可能遇到的问题了。请从这些方向中选择一个自己最喜欢的。进一步要做的，就是在当前这个方向下，让我们自由地、无拘无束地阐述解决方案。

譬如，在第一步的点菜问题上，针对「如何让进入餐厅就自然知道点什么菜？」，我们可能会有很多的想法：

可以在餐厅门口放上菜单，任顾客翻阅浏览；

可以做招牌菜的海报或易拉宝展示；

可以做食客最多点选的菜肴 list；

甚至可以像风波庄那样，根本无需点菜，只需要食客告诉服务员用餐人数和忌口，服务员马上就能为你上菜……

头脑风暴其实是最难的一部分。

常见的头脑风暴都是大家在一起，你一言我一语的讨论。但是发散思维和群体讨论都是两件很容易失控的事情，所以一般的头脑风暴容易存在以下问题：

辩论会：对别人的想法进行判断，觉得「不靠谱」，甚至变成了辩论会
一言堂：强势的参与者，通常是老板，说「这个好」，然后大家都顺着这个思路往下做
假大空：提了一些类似「一定要做好产品」这样的想法
各说各的：大家都有自己的思路，不从别人的想法上展开，失去了群体讨论的意义
自我限制：「这样实现成本太高」「这样可能别的部门不支持」
所以在豌豆荚做头脑风暴的时候，我们有个规则是：不！要！讨！论！

所有人提出的 idea 需要写在 post 贴上，最好是画出来。采用 N × 5 × 5 的方式。N 表示所有参与头脑风暴的人总数，这个式子表示需要每人在 5 min 的时间内写下 5 个想法，然后将这 5 个想法传给下一个人，同时接收上一个人传来的 post 贴，再写一轮，如此类推，N 轮过后，每个人手中都会有 5N 个想法，所有人共有 5 × N × N 个。所有人都要写，但是相互之间不要交流，这样子其实避免了常见的几个问题：

没有讨论，辩论会的情况就不会发生。
没有讨论，老板想要完全控制方向是不太可能的。
传递 post 贴，所有人都会看到之前其他人的想法并且一次为基础发散，站在巨人的肩膀上了。
五分钟内五个想法，是个高强度的脑力训练，强迫参与者打破一切限制，寻找任何可能的思路，参与者往往会比较积极的参考别人的想法。

卡片分类和完善

通过上一步的头脑风暴，我们会搜集到 100 – 200 个 post 贴，甚至更多，这些 idea 都是感性的、灵光一闪的、零散的。这一步，我们需要将这些 idea 组织起来，抽象出其中暗含的逻辑关系，这个会对应之后产品的方向。我们需要对搜集到的所有 post 贴贴在墙上，通过移动 post 贴来做卡片分类，大概分成 5 – 7 类，每个类别都需要有一个概括性的标题。分类没有一定的规则，大家会根据这些 idea 之间的关联或者自然属性来分类。每类下包含 idea 的数量应该差不多。如果有某个类别所包含的 idea 数量明显多于其他组，则需要把大的分类打散，直到所有类别下 idea 的数量大致相等。

譬如，关于上一个点菜的问题，我们可能产生了很多的想法，这其中有一些是关于菜单设计的，有一些是关于服务员服务技巧的，还有一些是关于餐厅制度的，等等。

方案设计

经过分类，这些头脑风暴产生的零散想法之间就有了关联，每一个类别下的想法，对应的就是一类个产品方向。截至此阶段，设计师们也会开始产生一些具象化的内容。这一步，我们需要发动所有的设计师参与和贡献：将所有的设计师分组，每一组设计师领走一个类别的卡片；根据这些卡片上的信息，设计师可以做具体的设计了，设计 storyboard、workflow 以及开始绘制大量的草图和线框图。对于每个组，绘图的过程和方式比较灵活，可以是每位组员分工做，根据所拿到的 idea 做不同方面的草图，也可以组员一起讨论出一个草图。对 idea 的取舍由设计师自己确定。

怎么把产品的想法组织并且表达成具体的产品，关心产品设计的人对此都非常熟悉，我就不展开描述了。

为什么会有 Design Hackathon

在传统的头脑风暴会议中，讨论的导向可能会被更高级别的参会者或者气场强大者所把持，使得讨论结果最终成为了是个人意志的体现，或者是为讨论的内容设定了各种条条框框。Design Hackathon 在创意搜集阶段的“沉默”至少起到了以下几方面的作用：

1、参会者身份平等化，使得每个人的意见都拥有同等的表达机会;

2、言语上的沉默转换为手头的文字，每一轮的便签纸的交换实际上就是意见的交换和参考;

3、每个人写的内容是匿名的，在经历多次传递和创意分类后，高级别参会者将无法过多干涉产品方向，这里更多体现的是群体意志;

总结

Design Hackathon 遵循了「从发散到抽象再到具体」的思维过程。通过『How might we…』和头脑风暴来发散保证了我们不会错失有关产品设计的各种可能性和细节，通过卡片分组来抽象我们整理出想法中的产品逻辑和需求层次，而具体的 storyboard、workflow 和线框图的过程则保证了我们所有的想法和需求都能落地成为可见的设计。

从国内来看，Design Hackathon 还是一种比较新颖的头脑风暴形式。对于层级结构扁平和对创意效率有所需求的创业公司或项目团队，Design Hackathon 不失为一种十分值得尝试的“生产力工具”。

案例分享：

Design Hackathon 现场手记

在豌豆荚品牌设计工作坊上，豌豆荚产品设计总监刘亚平亲自担任 Design Hackathon 的主持人，他只负责对命题的把握，并不参与到讨论当中。

参与者按照每 6 个人为一组分开，每个人都有一张 A3 白纸、一叠可贴便签纸及一支马克笔。刘亚平出的是一道很基础的场景命题：让用户在餐厅完成点餐。除此之外再没有其他任何限定及条件。每个人都要 5 分钟内在便签纸上写出 5 条自己的想法和点子，然后在 A3 纸上贴成一排。当一组的 6 个人都写完后，每个人把自己已经贴过便签纸的 A3 纸传给右手边的人，等于每个人都看到了一份不同的答案。

在第二轮的时候，参与者需要以手头拿到的别人的点子为启迪，再写出 5 条与 A3 纸上已有的不同的想法，5 分钟后再次传给右手边的人。Design Hackathon 最有特色的地方在于，在整个前期的创意搜集阶段，口头讨论是被禁止的，参与者只能埋头书写，并不能与旁边的人进行交流。这就迫使参与者必须独立思考，不断挖掘出新的创意来。当进行到第三轮的时候，参与者的进度明显放缓，此时每个人手头会有来自于左边两个人的 10 条想法。要想出与这 10 条都不一样的点子已经相当有难度。

由于每组有 6 个人，创意搜集在进行了 6 轮，也就是每张 A3 纸贴上 30 张便签纸后告一段落。此时刘亚平让每组的成员把本组共计 180 张便签纸从 A3 纸上撕下来，按照某种产品维度进行分类，比如“好友推荐”“优惠”“点评”等。分类过程中组员可以进行简单讨论，并最终从这些分类中选择一个作为本组的产品方向。当方向确定后，就开始由组内的产品设计师着手勾画产品草图。

当然，这只是 Design Hackathon 工作法的一次简单演练，豌豆荚所进行的产品设计的实际操作要更加复杂和严格。