一套B端產(chǎn)品的“CEO”設(shè)計(jì)思維模型

在你的印象中，B端產(chǎn)品是什么樣的？

復(fù)雜難用、操作繁復(fù)、界面古板……

如果讓你來優(yōu)化一款B端產(chǎn)品，你會(huì)從哪些角度出發(fā)呢？

普通設(shè)計(jì)師不外乎改改界面、搭配一套好看的主題色、多來點(diǎn)操作引導(dǎo)......激進(jìn)點(diǎn)的，可能會(huì)說“我們來重構(gòu)一下布局吧”！

但其實(shí)，B端產(chǎn)品經(jīng)過了這么多年的調(diào)整迭代，其底層邏輯結(jié)構(gòu)早已十分完善，重構(gòu)布局不但會(huì)顛覆用戶以往的操作習(xí)慣，甚至可能因此而流失一批用戶。

對(duì)于體驗(yàn)設(shè)計(jì)師來說怎樣優(yōu)化，可以賦予功能強(qiáng)大且復(fù)雜的B端產(chǎn)品以體驗(yàn)價(jià)值呢？

為B端的企業(yè)管理軟件設(shè)計(jì)，不僅僅是一種流程的設(shè)計(jì)，更是一種管理方式，結(jié)合此前的實(shí)際項(xiàng)目經(jīng)驗(yàn)，在此提煉了一種思維模型——CEO Mental Model，可以輔助我們優(yōu)化B端產(chǎn)品設(shè)計(jì)。

Control

建立掌控感

為什么B端產(chǎn)品需要為用戶建立一種掌控感？

假設(shè)用戶目前的狀態(tài)是起點(diǎn)，而需要完成的任務(wù)是終點(diǎn)，怎么讓他們準(zhǔn)確地從起點(diǎn)抵達(dá)終點(diǎn)呢？

首先來看一種常見的做法：?jiǎn)柭氛驹谀吧慕挚趩柭罚瑹嵝牡穆啡私o你說了一大通，最終你就記住了個(gè)“抵?jǐn)n倒拐”，倒拐后只好繼續(xù)問下一個(gè)路人。

為什么會(huì)這樣？因?yàn)槠揭晻r(shí)視野范圍有限，因此能夠認(rèn)知的范圍也受到了限制。

這樣也許能準(zhǔn)確抵達(dá)終點(diǎn)，但中間的過程卻顯得麻煩，這是用平視的角度接收周邊的信息。

讓我們換一個(gè)角度再看看

俯視的角度帶給我們完全不一樣的信息，道路的去向，每一棟建筑，每一株草木都盡收眼底，這正是ToB類產(chǎn)品的用戶所需要的就是這樣的控制感，能夠清楚每一個(gè)環(huán)節(jié)的任務(wù)，知道它的過去和將來，能夠輕松的計(jì)劃安排好自己的任務(wù)。

看看下面這個(gè)例子

你能在眾多的列表中找到哪些是你已經(jīng)延期的任務(wù)嗎？ 

你剛才一定有在心中默數(shù)或是做減法吧。B端產(chǎn)品中經(jīng)常會(huì)使用到模塊列表，普通設(shè)計(jì)師一般只會(huì)將這些信息按照狀態(tài)排列或是按照時(shí)間順序排列。

但用戶著陸時(shí)所有信息都會(huì)撲面而來，模塊之間的相似度極高，忽略標(biāo)題的差異后，用戶很難在短時(shí)間內(nèi)獲取到最有效的信息，頁(yè)面整體缺失全局掌控感，用戶缺乏目標(biāo)感。

接下來，我們看看

體驗(yàn)設(shè)計(jì)師會(huì)采用什么樣的方式優(yōu)化呢？

基于目標(biāo)感和掌控感的建立，新增了如下圖中的模塊部分，但又不單單只是設(shè)計(jì)一個(gè)數(shù)據(jù)總覽模塊。 

首先需要分析該產(chǎn)品中重要的流轉(zhuǎn)數(shù)據(jù)有哪些，如：我的任務(wù)、我的Bug、我的需求等。

其次，對(duì)每一部分的數(shù)據(jù)進(jìn)行深入的探討，以Bug為例，除了總體的數(shù)量以外，用戶還會(huì)關(guān)心哪些內(nèi)容？大致可以分為：

1.待處理的Bug是否有延期、2.新增了多少Bug、3.解決了多少Bug等。

最后，新增的數(shù)據(jù)縱覽模塊大體成形，通過一些關(guān)鍵因子的總覽數(shù)據(jù)及標(biāo)簽詞的引導(dǎo)，來營(yíng)造一種掌控全局的氛圍，讓用戶一著陸，便對(duì)大局了然于心（我待處理的任務(wù)有哪些？分別是多少？是否有延期？……）

Efficiency

高效率

在講效率之前呢，想先跟大家聊聊享受咖啡的流程。有人鐘愛于手工咖啡的醇厚口感，也有人偏愛于速溶咖啡的方便快捷。 

制作一杯手工咖啡大約要10個(gè)步驟才能享受咖啡，而速溶咖啡只需要一步。基于不同的目的，人們會(huì)選擇不一樣的咖啡，陽(yáng)光明媚的午后假日，愜意地享受制作咖啡的時(shí)光和它醇厚的味道；在匆忙的工作日，速溶咖啡可以快速地提神醒腦。

體驗(yàn)設(shè)計(jì)也是這樣，分析用戶當(dāng)下的場(chǎng)景，為他選擇最適合的“咖啡”。而提升效率就是B端產(chǎn)品最核心的宗旨。

B端產(chǎn)品的效率更多體現(xiàn)在快速獲取有效信息和操作處理事務(wù)上。而很多B端產(chǎn)品為用戶添加了許多編輯、操作等功能，卻又忽略了用戶能否快速且直接的著陸到這個(gè)功能點(diǎn)。

在實(shí)際的設(shè)計(jì)中我們也遇到過這樣一款B端的企業(yè)管理軟件。

這款產(chǎn)品設(shè)有很多的批量操作，對(duì)于不同的流程階段、不同的模塊均有覆蓋到批量的操作，但是，批量操作的層級(jí)設(shè)計(jì)比較深（如下圖的原始路徑），對(duì)于剛剛上手的用戶來說，很難快速精準(zhǔn)的找到其位置。

同時(shí)，基于對(duì)用戶的調(diào)研和訪談，我們了解到在實(shí)際的使用場(chǎng)景中，多為用戶先在線下完成整個(gè)需求文檔，確認(rèn)后由相關(guān)負(fù)責(zé)人統(tǒng)一錄入系統(tǒng)。

基于前面多方面內(nèi)容和場(chǎng)景的分析，我們判定“批量操作”實(shí)際上是一個(gè)相對(duì)高頻且重要的操作，解決方法是強(qiáng)化批量操作的感知，將該操作放置在更顯眼的位置以及縮短用戶抵達(dá)的路徑，來提升用戶實(shí)際操作時(shí)的使用效率。

Operability

可操作性

1956 年喬治·米勒發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7（±2）項(xiàng)信息塊，在記憶超過9 項(xiàng)信息后人類的頭腦就容易出錯(cuò)。也因此，神奇數(shù)字 7±2 法則經(jīng)常被應(yīng)用在移動(dòng)應(yīng)用交互設(shè)計(jì)上，如應(yīng)用的選項(xiàng)卡不會(huì)超過 5 個(gè)。

基于此法則，我們先姑且認(rèn)為對(duì)于同一個(gè)目標(biāo)對(duì)象的操作過多時(shí)，用戶做選擇時(shí)的決策錯(cuò)誤率就會(huì)上升，相應(yīng)的能夠精準(zhǔn)的操作和控制相對(duì)較弱，我們稱這類操作的可操作性弱。（非標(biāo)準(zhǔn)定義，僅提供以方便大家理解）

對(duì)于B端產(chǎn)品，可操作性與用戶的使用場(chǎng)景息息相關(guān)，也影響著用戶使用時(shí)的心理狀態(tài)，一款好用且實(shí)用的B端產(chǎn)品，可以讓使用者輕松愉悅的計(jì)劃安排自己的事務(wù)，處理好產(chǎn)品的可操作性自然也是很重要的。 

上圖是一款B端產(chǎn)品的“列表模塊”，附帶有很多操作，功能很強(qiáng)大，我們對(duì)信息有做抽象處理，其中最左側(cè)不同灰度的色條代表不同狀態(tài)下的目標(biāo)名稱，藍(lán)色的色條代表“被指派的人”，藍(lán)色的操作代表“指派操作”等，我們不難看出不同狀態(tài)的目標(biāo)所對(duì)應(yīng)的操作也有微弱的區(qū)別，主要體現(xiàn)在“當(dāng)前狀態(tài)下是否可以執(zhí)行該操作”。

回看上圖的“列表模塊”，你可以發(fā)現(xiàn)什么問題？

1.目標(biāo)對(duì)應(yīng)了過多的操作，對(duì)于新用戶而言，容易望而卻步，覺得很麻煩就放棄了，對(duì)于長(zhǎng)期使用的用戶來說，過多的操作，記憶成本高，可操作性弱；

2.簡(jiǎn)單的將常用功能羅列，為考慮到用戶實(shí)際的工作流是怎樣的，看似方便直接的做法，實(shí)則卻有待探討。

針對(duì)這個(gè)列表，可以如何優(yōu)化處理呢？

A.分析“所有操作”背后對(duì)應(yīng)的實(shí)質(zhì)內(nèi)容是什么，根據(jù)分析結(jié)果對(duì)操作進(jìn)行歸類劃分。通過分析可以將操作分為如下3類：

B.結(jié)合用戶實(shí)際的工作流，對(duì)歸類劃分好的操作進(jìn)行進(jìn)一步的定位。

· “指派操作”與“被指派人”高度相關(guān)，將“指派操作”與“被指派人”相結(jié)合，建立更強(qiáng)的場(chǎng)景感；

· 同為改變目標(biāo)狀態(tài)的三個(gè)操作，將其整合，根據(jù)目標(biāo)的狀態(tài)不同，優(yōu)先顯示的操作不同，同時(shí)結(jié)合“鼠標(biāo)的hover態(tài)”，“隱藏”剩余改變狀態(tài)的操作；

· 對(duì)于常用且相對(duì)獨(dú)立的操作，我們選擇將其保留常駐在列表上。 

C.根據(jù)以上的分析結(jié)果進(jìn)行設(shè)計(jì)。對(duì)比調(diào)整前后的兩個(gè)版本我們不難看出改版后的表格更簡(jiǎn)潔，結(jié)合用戶實(shí)際的工作流，只保留三個(gè)重要操作在外面，降低了用戶的記憶難度，整體的可操作性更強(qiáng)。

以上，就是關(guān)于“CEO Mental Model”的全部?jī)?nèi)容，綜合整個(gè)模型來看，B端產(chǎn)品體驗(yàn)設(shè)計(jì)的本質(zhì)，主要體現(xiàn)在兩個(gè)方面：

1.標(biāo)準(zhǔn)流程的抽象化  抽象標(biāo)準(zhǔn)化業(yè)務(wù)工作流，用更少的成本讓公司內(nèi)更多的員工進(jìn)行規(guī)范化的工作，更有效的在事務(wù)和工作流程間流轉(zhuǎn)；

2.管理思維的產(chǎn)品化   每套系統(tǒng)都是管理思維的產(chǎn)品化，以表單、按鈕、標(biāo)簽等基礎(chǔ)控件，傳遞工作方式。

最后，“CEO Mental Model”并不是唯一的設(shè)計(jì)方法，而是一種針對(duì)B端的產(chǎn)品設(shè)計(jì)思維，每個(gè)維度都有更多更好的方法等待大家去嘗試。為B端的企業(yè)管理軟件設(shè)計(jì)，不僅僅設(shè)計(jì)的是一種流程，更是一種管理方式，希望“CEO思維”可以對(duì)大家有所啟發(fā)。