前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >由泡茶引发的设计思考 ——设计方法论之统筹思维

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

作者头像
晓吾
发布2020-04-08 15:14:33
1K0
发布2020-04-08 15:14:33
举报
文章被收录于专栏:体验主义

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

前言

相信大家一定都听过那个泡茶的故事:客人突然来家里坐客,如何在最短时间内为客人泡茶。当时的情况是:开水没有;水壶要洗,茶壶茶杯要洗;火生了,茶叶也有了。 怎么办? 办法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是流程的合并,是操作时间上的节省。

小结

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-05-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 体验主义 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 小结
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档