由泡茶引发的设计思考 :什么是设计统筹思维?

4 评论 9883 浏览 35 收藏 12 分钟

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

前言

相信大家一定都听过那个泡茶的故事:客人突然来家里坐客,如何在最短时间内为客人泡茶。当时的情况是:开水没有;水壶要洗,茶壶茶杯要洗;火生了,茶叶也有了。 怎么办?

办法1:洗好水壶,灌上凉水,放在火上;在等待水开的时间里,洗茶壶、洗茶杯、拿茶叶;等水开了,泡茶喝。

办法2:先做好一些准备工作,洗水壶,洗茶壶茶杯,拿茶叶;一切就绪,灌水烧水;坐待水开了泡茶喝。

办法3:洗净水壶,灌上凉水,放在火上,坐待水开;水开了之后,急急忙忙找茶叶,洗茶壶茶杯,泡茶喝。

我们很容易知道办法1最好,因为这个办法最科学和高效的完成了多步骤的任务,并且最节省时间。

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

一、什么是统筹

1. 统筹的定义

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

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

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

2. 统筹法的原理

统筹法的基本思想是:

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

感觉有点懵逼……

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

二、统筹法的应用方法

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

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

1. 步骤拆解

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

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

2. 步骤归类

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

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

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

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

3. 步骤组合

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

如图:

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

4. 方案评估

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

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

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

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

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

1. 设计背景

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

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

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

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

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

2. 需求分析

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

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

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

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

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

Q:贴纸的样式只有一种吗?

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

Q:为什么现在只设置一种?

A:先试试用户能不能用起来,如果根本没人用就不做更多了。如果用的还挺好,就增加样式,甚至有些样式可以付费使用。还有一个就是考虑成本方面的原因。小贴士:做需求,三问而后行 :)

结合这两个信息,我们明确了:

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

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

1. 步骤拆解:

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

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

2. 步骤归类:

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

3. 步骤组合:

方案设计如下:

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

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

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

4. 方案评估

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

PS:为了说明方法,此处仅截取方案中的部分内容,有些交互操作也有优化的部分。
由泡茶引发的设计思考 ——设计方法论之统筹思维

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

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

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

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

通过对比,我们可以发现方案BCD优于AE,所以可以作为备选方案进一步讨论。

好的设计一定是简单的,简单的设计体现在空间和时间的节省上。从这个角度来看,方案B节省了一个常驻按钮,是操作空间上的节省;方案CD是流程的合并,是操作时间上的节省。

小结

统筹的思想我们在生活中经常用到,同时作为一个学科在经济、管理等领域已经形成了科学的理论系统。

今天我们只是把它的基本思想提炼出来,目的是为了形成设计的方法论,更好地指导我们进行设计和决策。

希望对你有帮助,欢迎添加公众号讨论交流。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 想问一下:案例里的常驻按钮,本身的正负不能代表贴纸的开关吗(跟弹幕一样)?何必在贴纸上再增加收起/删除操作呢?贴纸本身只负责编辑不就好了嘛(不好意思图片看不太清楚,感觉是在贴纸上增加了收起…)

    来自北京 回复
  2. 如果图还能再清晰一点就完美了呢
    中间贴纸那块小问答感觉获得了一种迭代思路,不要一开始就做的太复杂,根据数据进行增删

    回复
    1. 哈哈是的,由简入繁,模块思维。高清图欢迎关注「晓吾设计」公众号后台私信索要,期待交流。

      来自广东 回复
    2. 哈哈是的,由简入繁,模块思维。高清图可以关注[晓吾设计]公众号私信索要哦~

      回复