由泡茶引發(fā)的設(shè)計思考 :什么是設(shè)計統(tǒng)籌思維?
統(tǒng)籌法的基本思想是統(tǒng)籌兼顧、合理安排。在交互設(shè)計中,統(tǒng)籌的對象是功能流程和界面元素。
前言
相信大家一定都聽過那個泡茶的故事:客人突然來家里坐客,如何在最短時間內(nèi)為客人泡茶。當(dāng)時的情況是:開水沒有;水壺要洗,茶壺茶杯要洗;火生了,茶葉也有了。 怎么辦?
辦法1:洗好水壺,灌上涼水,放在火上;在等待水開的時間里,洗茶壺、洗茶杯、拿茶葉;等水開了,泡茶喝。
辦法2:先做好一些準(zhǔn)備工作,洗水壺,洗茶壺茶杯,拿茶葉;一切就緒,灌水燒水;坐待水開了泡茶喝。
辦法3:洗凈水壺,灌上涼水,放在火上,坐待水開;水開了之后,急急忙忙找茶葉,洗茶壺茶杯,泡茶喝。
我們很容易知道辦法1最好,因?yàn)檫@個辦法最科學(xué)和高效的完成了多步驟的任務(wù),并且最節(jié)省時間。
這個故事是著名數(shù)學(xué)家華羅庚在《統(tǒng)籌方法》中講到到例子,我們一般稱之為“統(tǒng)籌”。本文將圍繞統(tǒng)籌、設(shè)計、方法這幾個關(guān)鍵詞展開討論。
一、什么是統(tǒng)籌
1. 統(tǒng)籌的定義
統(tǒng)籌簡單來說,就是統(tǒng)一地、全面地籌劃,安排。
從深層來看,它包括了一個過程的五個步驟即:統(tǒng)一籌測(預(yù)測)——統(tǒng)一籌劃(計劃)——統(tǒng)籌安排(實(shí)施)——統(tǒng)一運(yùn)籌(指揮)——統(tǒng)籌兼顧(掌控)。
2. 統(tǒng)籌法的原理
統(tǒng)籌法的基本思想是:
- 首先從需要管理的任務(wù)的總進(jìn)度著眼,以任務(wù)中各工作所需要的持續(xù)時間為時間因素,按照工作的先后順序和相互關(guān)系作出統(tǒng)籌圖,以反映任務(wù)全貌,實(shí)現(xiàn)管理過程的模型化。
- 然后進(jìn)行時間參數(shù)計算,找出計劃中的關(guān)鍵工作和關(guān)鍵線路,對任務(wù)的各項(xiàng)工作所需的人、財、物通過改善網(wǎng)絡(luò)計劃作出合理安排,從而得到合理方案并付諸實(shí)施。
- 此外,還可對各種評價指標(biāo)進(jìn)行定量化分析,在計劃的實(shí)施過程中,進(jìn)行有效的監(jiān)督與控制,以保證任務(wù)優(yōu)質(zhì)優(yōu)量地完成。
感覺有點(diǎn)懵逼……
簡而言之,統(tǒng)籌法的基本思想就是統(tǒng)籌兼顧,合理安排。放在交互設(shè)計中,統(tǒng)籌的對象是功能流程和界面元素。
二、統(tǒng)籌法的應(yīng)用方法
統(tǒng)籌法的思想在各個學(xué)科和生活中有廣泛的應(yīng)用。例如高效時間管理,多任務(wù)進(jìn)程實(shí)施等課程都是基于統(tǒng)籌法的思想而開展的。
統(tǒng)籌的關(guān)鍵因素不僅僅指時間的方面,更重要的各個步驟如何安排,也就是流程。具體方法如下:
1.?步驟拆解
將一個完整的步驟拆解開,按照時間順序、操作順序、邏輯順序等。拆解的精細(xì)程度可能要視具體情況而論,一般情況拆解的越細(xì),得到的對像越多,根據(jù)排列組合的原理可能出現(xiàn)新的組合的情況就越多。
2. 步驟歸類
將步驟分為并列步驟、先后步驟兩類:
- 并列步驟:可同時進(jìn)行的步驟,如“洗開水壺→燒開水步驟”與“洗茶壺步驟”、“洗茶杯步驟”、“洗茶葉步驟”是并列的。
- 先后步驟:步驟存在先后次序,即必須先完成前一步才能夠進(jìn)行下一步驟,如“洗開水壺→燒開水→泡茶”,“洗茶壺→泡茶”,“洗茶杯→泡茶”,“拿茶葉→泡茶”。
PS:判斷步驟是否并列,在于其步驟是否必須先完成前一步才能夠進(jìn)行下一步驟,例如“洗開水壺→燒開水→泡茶”,洗茶壺與泡茶存在先后次序,是先后步驟;但是“洗開水壺→燒開水”與“洗茶壺”不存在先后次序,因此是并列步驟。
3. 步驟組合
窮舉法列出工作流程中所有的并列步驟(或關(guān)鍵操作),將這些步驟(或關(guān)鍵操作)排列組合,剔除掉不合理的部分,比如有明顯先后順序的。另外還要考慮在有先后順序的步驟中是否可以插入并列的步驟。
如圖:
4. 方案評估
將剩余的方案進(jìn)行評估,綜合其他情況得到最優(yōu)方案。
三、設(shè)計實(shí)例,如何用統(tǒng)籌設(shè)計的思想進(jìn)行交互設(shè)計
這是多人視頻聊天的一個使用場景: 多人視頻聊天小黑板的功能界面。
1. 設(shè)計背景
用戶在中途進(jìn)入群聊房間時,不知道房間內(nèi)聊天主題,無法快速融入。所以小黑板要起到告知用戶聊天主題,并增加趣味性的作用。
這里需要解釋一下這里的“用戶”包括:1.進(jìn)入房間且在場上聊天的人;2.進(jìn)入房間但沒上場的圍觀群眾。
看一下產(chǎn)品給到的設(shè)計需求:
- 房主可以修改信息板內(nèi)容,點(diǎn)擊信息板拉起鍵盤,輸入信息;
- 信息版默認(rèn)展開,點(diǎn)擊箭頭收起信息板;
- 通過拖動可以放在屏幕的任意位置。
PS:房主指開啟這個房間的人,在1號位置,也就是屏幕最左上角的位置。任何用戶都有權(quán)限開啟一個房間,供其他人用戶進(jìn)入。
2. 需求分析
三個需求對應(yīng)的交互操作分別是:編輯內(nèi)容、收起展開、拖動位置。我們挨個分析下:
- 編輯內(nèi)容好理解,因?yàn)榱奶爝^程中話題聊不下去了,房主可以更改主題。
- 展開收起,其實(shí)是怕畫面的遮擋。那我們考慮直接刪除可以嗎?當(dāng)然可以,但是刪除就需要有一個常駐按鈕再打開。有沒有必要加一個常駐按鈕呢?這個下面會說到。
- 拖動同樣是為了防止遮擋,或者說是故意遮擋,按照產(chǎn)品的話講,因?yàn)檫@樣更爽更好玩。(可能是我爽點(diǎn)太高暫時還想像不到)
分析完需求,馬上映入腦海的是攝影類APP的濾鏡選擇。同樣是對當(dāng)前畫面進(jìn)行元素的疊加,可以選擇不同的濾鏡也可以關(guān)掉濾鏡?!ㄓ袥]有很像?)只是這里加一個可以拖動位置就好了。所以馬上有了這一稿:
接下來的問題和得到的的回復(fù):
Q:貼紙的樣式只有一種嗎?
A:目前只有一種,不排除以后增加樣式的可能性
Q:為什么現(xiàn)在只設(shè)置一種?
A:先試試用戶能不能用起來,如果根本沒人用就不做更多了。如果用的還挺好,就增加樣式,甚至有些樣式可以付費(fèi)使用。還有一個就是考慮成本方面的原因。小貼士:做需求,三問而后行 :)
結(jié)合這兩個信息,我們明確了:
- 小黑板只有一個樣式
- 目前因?yàn)橹挥幸粋€樣式,所以可以做收起的操作
- 直接刪除需要增加常駐按鈕,但目前也只是開關(guān)的作用
至此,我們通過對需求的分析,同時也是對步驟進(jìn)行了拆解:
1. 步驟拆解:
小黑板包含三個主要交互操作:編輯、拖動和刪除(或者收起)
刪除和收起的區(qū)別在于是否要加一個新按鈕,為了方便說明問題,在這里我們也把它作為一個步驟。
2. 步驟歸類:
編輯、拖動、刪除、收起均為并列步驟。
3. 步驟組合:
方案設(shè)計如下:
經(jīng)過篩選找出可行的方案:
4. 方案評估
經(jīng)過分析共得出5個可行方案:
PS:為了說明方法,此處僅截取方案中的部分內(nèi)容,有些交互操作也有優(yōu)化的部分。
通過對比,我們可以發(fā)現(xiàn)方案BCD優(yōu)于AE,所以可以作為備選方案進(jìn)一步討論。
好的設(shè)計一定是簡單的,簡單的設(shè)計體現(xiàn)在空間和時間的節(jié)省上。從這個角度來看,方案B節(jié)省了一個常駐按鈕,是操作空間上的節(jié)??;方案CD是流程的合并,是操作時間上的節(jié)省。
小結(jié)
統(tǒng)籌的思想我們在生活中經(jīng)常用到,同時作為一個學(xué)科在經(jīng)濟(jì)、管理等領(lǐng)域已經(jīng)形成了科學(xué)的理論系統(tǒng)。
今天我們只是把它的基本思想提煉出來,目的是為了形成設(shè)計的方法論,更好地指導(dǎo)我們進(jìn)行設(shè)計和決策。
希望對你有幫助,歡迎添加公眾號討論交流。
想問一下:案例里的常駐按鈕,本身的正負(fù)不能代表貼紙的開關(guān)嗎(跟彈幕一樣)?何必在貼紙上再增加收起/刪除操作呢?貼紙本身只負(fù)責(zé)編輯不就好了嘛(不好意思圖片看不太清楚,感覺是在貼紙上增加了收起…)
如果圖還能再清晰一點(diǎn)就完美了呢
中間貼紙那塊小問答感覺獲得了一種迭代思路,不要一開始就做的太復(fù)雜,根據(jù)數(shù)據(jù)進(jìn)行增刪
哈哈是的,由簡入繁,模塊思維。高清圖歡迎關(guān)注「曉吾設(shè)計」公眾號后臺私信索要,期待交流。
哈哈是的,由簡入繁,模塊思維。高清圖可以關(guān)注[曉吾設(shè)計]公眾號私信索要哦~