UI大牛教你設(shè)計(jì)統(tǒng)籌

說到統(tǒng)籌，我們不妨回想一下自己每天早上上班的情況：需要在繁忙的人群中排隊(duì)打卡進(jìn)入辦公區(qū)，到達(dá)工位后需要打開電腦，需要輸入密碼，需要安頓便攜包，對(duì)了，還需要去打杯水喝。對(duì)于諸如此類的相關(guān)事件，你一般是怎么安排呢？稍加分析下，不妨看看下面的步驟：

• 排隊(duì)時(shí)，提前拿出工牌，快輪到的時(shí)候，準(zhǔn)備打卡。
• 到達(dá)工位后，先開機(jī)，等待啟動(dòng)。
• 同時(shí)安頓便攜包，將桌面準(zhǔn)備成工作狀態(tài)。
• 正好電腦進(jìn)入輸入密碼界面，輸入密碼，等待電腦啟動(dòng)完全。
• 起身打水，回來的時(shí)候，常用工作軟件已啟動(dòng)完全。

以上第一步，你通過簡單的計(jì)劃，提前準(zhǔn)備，縮短了整體隊(duì)伍的停留時(shí)長。假想一下，你若是在輪到自己的時(shí)候再到包里翻尋工牌，不僅讓自己尷尬，還影響了后面排隊(duì)的人，是不是很難堪，這一步體現(xiàn)的是規(guī)劃串行事件，需要分析事件發(fā)展并計(jì)劃應(yīng)對(duì)；而后的一系列步驟里，你在不能縮減的電腦啟動(dòng)時(shí)間里，完成了其它事件（當(dāng)然如果你的電腦啟動(dòng)飛快就另當(dāng)別論了），節(jié)省了個(gè)人時(shí)間，這體現(xiàn)的是規(guī)劃并行事件，需要通過解析事件關(guān)系，對(duì)任務(wù)進(jìn)行抽離分類。我們通常說的「業(yè)務(wù)模塊化、任務(wù)拆解、資源配給」便是對(duì)這兩種方式的綜合應(yīng)用。

在上班這個(gè)簡單情景中體現(xiàn)的便是統(tǒng)籌思維的運(yùn)用：通過合理精細(xì)的規(guī)劃安排，提升個(gè)體或整體效率。這個(gè)整體既指團(tuán)隊(duì)整體，又指項(xiàng)目整體，包含產(chǎn)品未來的可見發(fā)展。

交互設(shè)計(jì)師作為整個(gè)產(chǎn)品開發(fā)流程中的上下游串聯(lián)角色，在解決方案的設(shè)計(jì)、傳達(dá)、執(zhí)行中積極主動(dòng)的進(jìn)行設(shè)計(jì)統(tǒng)籌，能極大的提升整體工作效率，同時(shí)也能很好的訓(xùn)練并提升自己的設(shè)計(jì)思維。

設(shè)計(jì)需求統(tǒng)籌

我們知道，產(chǎn)品需求方案都會(huì)規(guī)劃優(yōu)先級(jí)，這其中一方面體現(xiàn)需求的整體和部分的關(guān)系，也制定了需求的當(dāng)下安排和未來規(guī)劃。

設(shè)計(jì)師拿到需求方案，首先要做需求分析，這個(gè)分析分為兩個(gè)步驟：需求的合理性分析、需求規(guī)劃對(duì)設(shè)計(jì)的影響分析。

既然需求有了優(yōu)先級(jí)的劃分，匹配到設(shè)計(jì)方案上自然也就有了擴(kuò)展性的要求，設(shè)計(jì)方案的擴(kuò)展性大體可分為深度和廣度兩個(gè)方面。

深度上需要考量設(shè)計(jì)關(guān)聯(lián)，注意保持設(shè)計(jì)的延續(xù)性，合理選擇設(shè)計(jì)形式并預(yù)留擴(kuò)展空間。比如對(duì)一個(gè)列表的設(shè)計(jì)，當(dāng)前數(shù)據(jù)量比較小，無需分頁、無需各種排序篩選功能、無需批量操作，但在進(jìn)行設(shè)計(jì)時(shí)則需要全盤考慮，盡量按全功能布局，以使當(dāng)下和未來的關(guān)系簡化成元素的加減關(guān)系。

廣度上則需要做好模塊化的頁面布局規(guī)劃、模塊的通用性提煉和個(gè)性支持。比如首頁各類推薦維度內(nèi)容的附加；一致而又呈現(xiàn)豐富的各類專題模板等等。

當(dāng)然，無論是從深度還是廣度方面，在很多場(chǎng)景中設(shè)計(jì)方案的選擇實(shí)際會(huì)復(fù)雜得多，往往難以兼顧，這就需要結(jié)合迭代周期進(jìn)行統(tǒng)籌選擇了，比如對(duì)個(gè)人主頁的資料展示，從純文字過渡到圖文并茂，會(huì)有不同的展示形式和空間要求，如果這個(gè)過渡周期很長，那就要適當(dāng)犧牲擴(kuò)展性。

總之，設(shè)計(jì)方案需要能很好的應(yīng)對(duì)需求規(guī)劃，保持合理的靈活性，盡量符合完善型的漸進(jìn)設(shè)計(jì)模式，而避免推倒重來。

用戶行為統(tǒng)籌

用戶行為統(tǒng)籌是在每一個(gè)流程中規(guī)劃和引導(dǎo)用戶。這就好比圍棋博弈，每走一步都要思考對(duì)方的反應(yīng)并規(guī)劃后續(xù)對(duì)策。

比如我們?cè)O(shè)計(jì)一套登錄流程，當(dāng)用戶反復(fù)輸入都登錄出錯(cuò)的時(shí)候，一般的處理是提示「賬號(hào)密碼錯(cuò)誤」；進(jìn)一步的提示是猜測(cè)為什么錯(cuò)誤，比如是不是開啟了鍵盤的「大寫鍵」，是不是選錯(cuò)了賬號(hào)；如果還是沒解決，那就要引導(dǎo)進(jìn)行密碼找回的的流程了。

再比如我們?cè)O(shè)計(jì)一套注冊(cè)流程，如果注冊(cè)需要提供的資料并非用戶輕易可獲得的，那就需要做好充分的提示，告知用戶需要提前準(zhǔn)備好，而在設(shè)計(jì)保障上則要提供好信息的分段保存機(jī)制。

以上兩個(gè)例子歸整起來看實(shí)際上是在處理用戶「當(dāng)前、之前、之后」的問題，即用戶當(dāng)前要做什么（登錄/注冊(cè)），過去的準(zhǔn)備（登錄信息有誤/注冊(cè)資料準(zhǔn)備不足），接下來該/會(huì)怎么做。其中「當(dāng)前」是確定的，「之前」在我們或強(qiáng)或弱的記憶中，「之后」在我們或明或朦的期待中，都具有不確定性。而用戶行為統(tǒng)籌就是要在不確定中尋找并解決可能性。

設(shè)計(jì)制作統(tǒng)籌

設(shè)計(jì)制作涉及的是交互文檔的輸出，我想對(duì)大部分交互設(shè)計(jì)師來說，這一部分花費(fèi)的時(shí)間是最長的，自然也是最有可能通過統(tǒng)籌改善效率的。交互文檔是做什么的？大多數(shù)時(shí)候交互文檔是線框圖的低成本可視形式，用于方案的溝通、評(píng)估和開發(fā)的。既然是低成本和討論用的，那就需要能快速完成、靈活高效的修改。

相信不少交互設(shè)計(jì)師都遇到過這樣的問題：這2個(gè)地方有什么區(qū)別嗎？這個(gè)可以共用的嗎？可能很多時(shí)候你根本沒想過這個(gè)問題。

還有很多時(shí)候，某個(gè)元素需要調(diào)整，而這個(gè)元素遍及n個(gè)頁面，比如全局導(dǎo)航調(diào)整入口順序、增加入口等。這兩類問題實(shí)際上是對(duì)交互設(shè)計(jì)師結(jié)構(gòu)化思維的要求，畢竟常常專注于用戶思維，在這一點(diǎn)上是缺乏組織的平鋪直敘型思維。

有一個(gè)簡單的原則可以用來訓(xùn)練結(jié)構(gòu)化思維：制作文稿的時(shí)候，凡是有共同元素且會(huì)被頻繁用到內(nèi)容都組織成同一母版（交互工具Axure里有個(gè)「master」功能正好可以滿足），這樣隨著設(shè)計(jì)制作的深入，很多不同頁面的內(nèi)容就成為這些組織起來的構(gòu)件的組合了，而且復(fù)合組件、模式、通用模塊直接順理成章的產(chǎn)生，于是，面對(duì)修改或發(fā)問，你都可以自信應(yīng)對(duì)。

設(shè)計(jì)制作的另一方面是對(duì)產(chǎn)品邏輯的處理，對(duì)產(chǎn)品的邏輯處理是基礎(chǔ)也是重點(diǎn)。交互設(shè)計(jì)師的作用之一就是處理好各種邏輯，讓技術(shù)工程師將更多的精力放在業(yè)務(wù)實(shí)現(xiàn)，而不是發(fā)現(xiàn)邏輯漏洞上。

邏輯處理大體可分為3個(gè)層級(jí)：基本邏輯、顯性邏輯、關(guān)聯(lián)邏輯。

基本邏輯，主要與基本組件、設(shè)計(jì)模式相關(guān)：

• 比如文本框，看到文本框，要立馬想到一些問題。比如數(shù)據(jù)類型、長短、非法關(guān)鍵字、發(fā)送頻率控制等。
• 比如圖片。看到圖片就要想到獲取方式、截取壓縮還是等比壓縮、圖片獲取失敗、圖片小于縮略圖尺寸等的處理。
• 看到下拉的Suggest List，要考慮什么時(shí)候默認(rèn)選中、什么時(shí)候默認(rèn)不選中、鍵盤的觸發(fā)支持。
• 還有諸如服務(wù)器、網(wǎng)絡(luò)問題、數(shù)據(jù)為空的異常處理。

顯性邏輯，是產(chǎn)品需求明文給出的，作為規(guī)則限定：

• 比如限定文本框最長字符數(shù)為10，只能是字母或者數(shù)字。
• 比如限定每天可以抽獎(jiǎng)1次，過期作廢。
• 比如限定某個(gè)優(yōu)惠券只能用于購買實(shí)用技能的課程。

關(guān)聯(lián)邏輯，不亦察覺，容易遺漏，簡單說就是此處修改會(huì)影響到另一個(gè)地方。

• 比如更改了某個(gè)標(biāo)題的文字錄入上限，導(dǎo)致另一個(gè)原本可以完美顯示的地方折行了。
• 比如用戶的地域資料由必填變成了選填，導(dǎo)致另一個(gè)地方同城推薦可能產(chǎn)生問題。

基本邏輯需要做到條件反射，做到無需思考就能躍然紙上；顯性邏輯只是簡單從文檔中獲??；而關(guān)聯(lián)邏輯則需要深入理解產(chǎn)品的各個(gè)功能脈絡(luò)，需要對(duì)考量疏漏、思維盲點(diǎn)進(jìn)行總結(jié)方能提高。

執(zhí)行質(zhì)量統(tǒng)籌

前陣子有同事急切地問我：走查時(shí)間這么短，根本看不過來，怎么處理的？我說：并不需要也不可能面面俱到，選擇性查看即可。

交互設(shè)計(jì)師的工作從某種程度上來說，是處理「關(guān)系」：對(duì)外是用戶關(guān)系，對(duì)內(nèi)為團(tuán)隊(duì)關(guān)系。

隨著互聯(lián)網(wǎng)的發(fā)展以及「以用戶為中心」的設(shè)計(jì)思想的普及，項(xiàng)目團(tuán)隊(duì)中各職能角色都已對(duì)用戶體驗(yàn)有了足夠重視，開發(fā)工程師常常會(huì)從用戶角度以「局外人」視角提供設(shè)計(jì)方案的優(yōu)化，測(cè)試工程師也常在用例梳理過程中提供體驗(yàn)細(xì)節(jié)處理上的設(shè)計(jì)疏漏，設(shè)計(jì)師在進(jìn)行方案講解時(shí)也要多進(jìn)行設(shè)計(jì)思想的傳遞。

面對(duì)疑問，多一層「為什么？」，再多一層「為什么？」的進(jìn)行疏導(dǎo)解答，從「授之以魚」到「授之以漁」，一點(diǎn)一滴地逐步建立專業(yè)和值得賴的合作關(guān)系，促進(jìn)團(tuán)隊(duì)的共同成長。這樣久而久之，項(xiàng)目團(tuán)隊(duì)中對(duì)體驗(yàn)質(zhì)量的管控將不再以設(shè)計(jì)師為唯一，而成為一種去中心化的分布式自發(fā)要求。所以，對(duì)主流程的設(shè)計(jì)實(shí)現(xiàn)通常都不會(huì)產(chǎn)生問題，多數(shù)問題會(huì)集中在一些「邊角料」的細(xì)節(jié)處理上。于是，走查的重點(diǎn)便具有了選擇性：

• 從設(shè)計(jì)師自身角度來看，該項(xiàng)目中一些比較容易忽略的用戶體驗(yàn)細(xì)節(jié)有哪些？
• 從對(duì)團(tuán)隊(duì)成員的了解方面來看，對(duì)應(yīng)的人會(huì)容易疏漏哪方面的內(nèi)容？
• 重要的用戶流程。

讓統(tǒng)籌思維成為習(xí)慣

我們之所以要統(tǒng)籌一件事，無非是為了縮短時(shí)間，所以需要有個(gè)外部觸發(fā)或主動(dòng)意愿，比如需求總是變更、人員緊缺任務(wù)緊急。而既然和時(shí)間有關(guān)，那進(jìn)行統(tǒng)籌就以此為線索進(jìn)行：

• 抽取事件：具體事務(wù)的實(shí)施或抽象對(duì)象本身，如某個(gè)組件、設(shè)計(jì)模式。
• 將事件拆解成一個(gè)個(gè)任務(wù)或元素。
• 將這些任務(wù)或元素進(jìn)行歸整（時(shí)間、邏輯先后、關(guān)聯(lián)程度、資源配給），設(shè)定并行任務(wù)事件、串行任務(wù)事件。
• 執(zhí)行或反復(fù)訓(xùn)練，形成習(xí)慣。

曾有段時(shí)間，公司飲水機(jī)離我的工位比較遠(yuǎn)，于是我會(huì)在去洗手間時(shí)帶上水杯，途經(jīng)打水處將水杯留下，待折返時(shí)順便裝水，后面的事各位應(yīng)該可以猜到：常常是回到工位要喝水的時(shí)候才發(fā)現(xiàn)水杯沒了——忘在了打水處。這個(gè)統(tǒng)籌失敗比較容易理解：這2個(gè)任務(wù)缺乏關(guān)聯(lián)且都需要有意識(shí)的關(guān)注。但后面經(jīng)過多次實(shí)踐，強(qiáng)化練習(xí)，這樣的安排得以順利完成。

統(tǒng)籌思維需要在提升效率的意愿下不斷主動(dòng)實(shí)踐，強(qiáng)化訓(xùn)練，形成習(xí)慣。在習(xí)慣的指引下，面對(duì)類似場(chǎng)景，我們將可以一面關(guān)注其它事情，一面在幾乎無意識(shí)的情況下完成當(dāng)前任務(wù)。

日常生活中，統(tǒng)籌思維的應(yīng)用也無處不在，比如公交車即將到站時(shí)，你是會(huì)提前準(zhǔn)備好公交卡或零錢，以節(jié)省上車時(shí)間，還是我行我素，上車了在門口堵著翻遍大包小包地找公交卡；在食堂吃完飯，你是會(huì)提前將碗中殘食置空、多個(gè)碗疊在一起，以節(jié)省餐盤回收時(shí)間，還是會(huì)保留吃完時(shí)的原狀，在回收處手忙腳亂的傾倒剩余食物。

時(shí)常對(duì)比 「找下傷害」，如果一個(gè)方案或一件事別人需要一天，而自己需要二天才能做完，差距在哪里？或者自己預(yù)估需要一天，實(shí)際上一天不到的情況下，不加班能不能做完？統(tǒng)籌思維的運(yùn)用或許沒法徹底解決這些問題，但至少可以改善，讓你變得更好。
相關(guān)文章--《UI設(shè)計(jì)師概念設(shè)計(jì)前的思路》