| 导语 统筹法的基本思想是统筹兼顾、合理安排。在交互设计中,统筹的对象是功能流程和界面元素。
前言
相信大家一定都听过那个泡茶的故事:客人突然来家里坐客,如何在最短时间内为客人泡茶。当时的情况是:开水没有;水壶要洗,茶壶茶杯要洗;火生了,茶叶也有了。 怎么办? 办法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是流程的合并,是操作时间上的节省。
小结
统筹的思想我们在生活中经常用到,同时作为一个学科在经济、管理等领域已经形成了科学的理论系统。今天我们只是把它的基本思想提炼出来,目的是为了形成设计的方法论,更好地指导我们进行设计和决策。
希望对您有帮助,欢迎一起讨论交流~