由泡茶引发的设计思考 ——设计方法论之统筹思维

| 导语 统筹法的基本思想是统筹兼顾、合理安排。在交互设计中，统筹的对象是功能流程和界面元素。

前言

相信大家一定都听过那个泡茶的故事：客人突然来家里坐客，如何在最短时间内为客人泡茶。当时的情况是：开水没有；水壶要洗，茶壶茶杯要洗；火生了，茶叶也有了。 怎么办？ 办法1：洗好水壶，灌上凉水，放在火上；在等待水开的时间里，洗茶壶、洗茶杯、拿茶叶；等水开了，泡茶喝。 办法2：先做好一些准备工作，洗水壶，洗茶壶茶杯，拿茶叶；一切就绪，灌水烧水；坐待水开了泡茶喝。 办法3：洗净水壶，灌上凉水，放在火上，坐待水开；水开了之后，急急忙忙找茶叶，洗茶壶茶杯，泡茶喝。 我们很容易知道办法1最好，因为这个办法最科学和高效的完成了多步骤的任务，并且最节省时间。

这个故事是著名数学家华罗庚在《统筹方法》中讲到到例子，我们一般称之为“统筹”。本文将围绕统筹、设计、方法这几个关键词展开讨论。

一、什么是统筹

1.统筹的定义

统筹简单来说，就是统一地、全面地筹划，安排。

从深层来看，它包括了一个过程的五个步骤即：统一筹测（预测）——统一筹划（计划）——统筹安排（实施）——统一运筹（指挥）——统筹兼顾（掌控）。

2.统筹法的原理

统筹法的基本思想是：

• 首先从需要管理的任务的总进度着眼，以任务中各工作所需要的持续时间为时间因素，按照工作的先后顺序和相互关系作出统筹图，以反映任务全貌，实现管理过程的模型化。
• 然后进行时间参数计算，找出计划中的关键工作和关键线路，对任务的各项工作所需的人、财、物通过改善网络计划作出合理安排，从而得到合理方案并付诸实施。
• 此外，还可对各种评价指标进行定量化分析，在计划的实施过程中，进行有效的监督与控制，以保证任务优质优量地完成。

感觉有点懵逼……

简而言之，统筹法的基本思想就是统筹兼顾，合理安排。放在交互设计中，统筹的对象是功能流程和界面元素。

二、统筹法的应用方法

统筹法的思想在各个学科和生活中有广泛的应用。例如高效时间管理，多任务进程实施等课程都是基于统筹法的思想而开展的。

统筹的关键因素不仅仅指时间的方面，更重要的各个步骤如何安排，也就是流程。具体方法如下：

1.步骤拆解

将一个完整的步骤拆解开，按照时间顺序、操作顺序、逻辑顺序等。拆解的精细程度可能要视具体情况而论，一般情况拆解的越细，得到的对像越多，根据排列组合的原理可能出现新的组合的情况就越多。

2.步骤归类

将步骤分为并列步骤、先后步骤两类。

• 并列步骤：可同时进行的步骤，如“洗开水壶→烧开水步骤”与“洗茶壶步骤”、“洗茶杯步骤”、“洗茶叶步骤”是并列的。
• 先后步骤：步骤存在先后次序，即必须先完成前一步才能够进行下一步骤，如“洗开水壶→烧开水→泡茶”，“洗茶壶→泡茶”，“洗茶杯→泡茶”，“拿茶叶→泡茶”。

PS.判断步骤是否并列，在于其步骤是否必须先完成前一步才能够进行下一步骤，例如“洗开水壶→烧开水→泡茶”，洗茶壶与泡茶存在先后次序，是先后步骤；但是“洗开水壶→烧开水”与“洗茶壶”不存在先后次序，因此是并列步骤。

3.步骤组合

穷举法列出工作流程中所有的并列步骤（或关键操作），将这些步骤（或关键操作）排列组合，剔除掉不合理的部分，比如有明显先后顺序的。另外还要考虑在有先后顺序的步骤中是否可以插入并列的步骤。如图：

4.方案评估

将剩余的方案进行评估，综合其他情况得到最优方案。

三、设计实例，如何用统筹设计的思想进行交互设计

这是VOOV多人视频聊天的一个使用场景: 多人视频聊天小黑板的功能界面。

打个广告：VOOV是腾讯面向海外市场（主要为中国香港和东南亚市场）的一款视频社区应用，包含直播、短视频、多人视频聊天等功能。

0.设计背景：

用户在中途进入群聊房间时，不知道房间内聊天主题，无法快速融入。所以小黑板要起到告知用户聊天主题，并增加趣味性的作用。

这里需要解释一下这里的“用户”包括：1.进入房间且在场上聊天的人；2.进入房间但没上场的围观群众。

看一下产品给到的设计需求：

• 房主可以修改信息板内容，点击信息板拉起键盘，输入信息
• 信息版默认展开，点击箭头收起信息板
• 通过拖动可以放在屏幕的任意位置

PS:房主指开启这个房间的人，在1号位置，也就是屏幕最左上角的位置。任何用户都有权限开启一个房间，供其他人用户进入。

0.需求分析：

三个需求对应的交互操作分别是：编辑内容、收起展开、拖动位置。我们挨个分析下：

• 编辑内容好理解，因为聊天过程中话题聊不下去了，房主可以更改主题。
• 展开收起，其实是怕画面的遮挡。那我们考虑直接删除可以吗？当然可以，但是删除就需要有一个常驻按钮再打开。有没有必要加一个常驻按钮呢？这个下面会说到。
• 拖动同样是为了防止遮挡，或者说是故意遮挡，按照产品的话讲，因为这样更爽更好玩。（可能是我爽点太高暂时还想像不到）

分析完需求，马上映入脑海的是摄影类APP的滤镜选择。同样是对当前画面进行元素的叠加，可以选择不同的滤镜也可以关掉滤镜。……（有没有很像？）只是这里加一个可以拖动位置就好了。所以马上有了这一稿：

接下来的问题和得到的的回复：

Q：贴纸的样式只有一种吗？

A：目前只有一种，不排除以后增加样式的可能性

Q：为什么现在只设置一种？

A：先试试用户能不能用起来，如果根本没人用就不做更多了。如果用的还挺好，就增加样式，甚至有些样式可以付费使用。还有一个就是考虑成本方面的原因。

小贴士：做需求，三问而后行 ：）

结合这两个信息，我们明确了：

• 小黑板只有一个样式
• 目前因为只有一个样式，所以可以做收起的操作
• 直接删除需要增加常驻按钮，但目前也只是开关的作用

至此，我们通过对需求的分析，同时也是对步骤进行了拆解：

1.步骤拆解：

小黑板包含三个主要交互操作：编辑、拖动和删除（或者收起）

删除和收起的区别在于是否要加一个新按钮，为了方便说明问题，在这里我们也把它作为一个步骤。

2.步骤归类：

编辑、拖动、删除、收起均为并列步骤

3.步骤组合：

方案设计如下：

经过筛选找出可行的方案：

4.方案评估：

经过分析共得出5个可行方案：

PS.为了说明方法，此处仅截取方案中的部分内容，有些交互操作也有优化的部分

通过对比，我们可以发现方案BCD优于AE，所以可以作为备选方案进一步讨论。好的设计一定是简单的，简单的设计体现在空间和时间的节省上。从这个角度来看，方案B节省了一个常驻按钮，是操作空间上的节省；方案CD是流程的合并，是操作时间上的节省。

小结

统筹的思想我们在生活中经常用到，同时作为一个学科在经济、管理等领域已经形成了科学的理论系统。今天我们只是把它的基本思想提炼出来，目的是为了形成设计的方法论，更好地指导我们进行设计和决策。

希望对您有帮助，欢迎一起讨论交流~