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

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

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

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

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

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

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

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

Control

建立掌控感

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

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

首先來看一種常見的做法：問路站在陌生的街口問路，熱心的路人給你說了一大通，最終你就記住了個“抵?jǐn)n倒拐”，倒拐后只好繼續(xù)問下一個路人。

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

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

讓我們換一個角度再看看

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

看看下面這個例子

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

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

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

接下來，我們看看

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

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

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

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

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

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

Efficiency

高效率

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

制作一杯手工咖啡大約要10個步驟才能享受咖啡，而速溶咖啡只需要一步?；诓煌哪康?，人們會選擇不一樣的咖啡，陽光明媚的午后假日，愜意地享受制作咖啡的時光和它醇厚的味道；在匆忙的工作日，速溶咖啡可以快速地提神醒腦。

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

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

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

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

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

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

Operability

可操作性

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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è)計方法，而是一種針對B端的產(chǎn)品設(shè)計思維，每個維度都有更多更好的方法等待大家去嘗試。為B端的企業(yè)管理軟件設(shè)計，不僅僅設(shè)計的是一種流程，更是一種管理方式，希望“CEO思維”可以對大家有所啟發(fā)。