在進(jìn)行B端體驗(yàn)改版的過程中，有時(shí)我們并沒有多余的時(shí)間或精力去走一遍完整的體驗(yàn)設(shè)計(jì)流程，這個(gè)時(shí)候，有沒有什么方法可以幫助我們進(jìn)行基礎(chǔ)的體驗(yàn)改版，解決日常工作訴求呢？本文作者便總結(jié)了體驗(yàn)優(yōu)化的基本路徑，一起來看看吧！

很多同學(xué)對(duì)B端體驗(yàn)該怎么做存在很大的誤解。雖然前面我分享過和體驗(yàn)設(shè)計(jì)有關(guān)的掃盲，但光靠對(duì)它的基本認(rèn)識(shí)還是不足以完成日常工作任務(wù)的。

最近也有好幾個(gè)私信來咨詢?nèi)绾螌?duì)項(xiàng)目進(jìn)行體驗(yàn)優(yōu)化、改版。所以我就要拿一個(gè)案例來做分享，如何進(jìn)行最基礎(chǔ)的體驗(yàn)改版，解決真正的工作訴求。

一、體驗(yàn)優(yōu)化的基本路徑

在以前的分享中，我們說過用戶體驗(yàn)是一種客觀的、抽象的感受，圍繞它的設(shè)計(jì)是需要通過調(diào)研來收集和驗(yàn)證的。專業(yè)的設(shè)計(jì)師開發(fā)了很多體驗(yàn)設(shè)計(jì)的流程，比如最著名的雙鉆模型。

但是，這些流程所需投入的時(shí)間和精力又多，有時(shí)候面向一些基礎(chǔ)的樣式改版、交互優(yōu)化、功能升級(jí)需求，不可能動(dòng)不動(dòng)來一個(gè)大全套，導(dǎo)致它們看起來和日常工作完全脫節(jié)，一點(diǎn)也不實(shí)際，似乎只有人力過剩的大廠團(tuán)隊(duì)能做，小公司根本不行。

這是非常錯(cuò)誤的認(rèn)知，即使是大廠，也不可能輕易就走一遍完整的體驗(yàn)設(shè)計(jì)流程，而是將這些工作拆分成很多零碎的模塊，在不同的項(xiàng)目需求中接入，比如用戶訪談、可用性測(cè)試、同理心地圖、體驗(yàn)量化等等。

掌握不同體驗(yàn)的技巧，就像掌握十八班武藝一樣見招拆招，項(xiàng)目需要什么你使什么。但即便如此，每一個(gè)獨(dú)立的體驗(yàn)設(shè)計(jì)操作所需的精力也不少，可操作性的限制也很大，在多數(shù)只有1-2 天的需求中根本施展不開。

所以，今天就忘掉你以前學(xué)過的和體驗(yàn)有關(guān)的流程，重新認(rèn)識(shí)一遍體驗(yàn)設(shè)計(jì)的方法，就三個(gè)基礎(chǔ)的步驟：

第一步：背景認(rèn)識(shí)

背景認(rèn)識(shí)，就是分析改版對(duì)象的功能、字段、業(yè)務(wù)信息，確保里面的每個(gè)元素模塊你都清楚的知道它們的作用和邏輯。然后理解該頁(yè)面的使用場(chǎng)景，用戶進(jìn)來這頁(yè)面會(huì)做什么操作，解決什么問題。

這里存在一個(gè)非常普遍的誤解，就是理解用戶使用場(chǎng)景，你們就會(huì)本能的認(rèn)為這需要做用戶調(diào)研，需要產(chǎn)品經(jīng)理、業(yè)務(wù)員和你描述用戶的動(dòng)機(jī)和行為，如果你接觸不到用戶，相關(guān)人員也不給你提供信息，你就束手無策……

實(shí)際上，最基礎(chǔ)的用戶場(chǎng)景理解是可以完全不借助外力的，僅僅通過我們的邏輯來推導(dǎo)出來。

比如一個(gè)電商數(shù)據(jù)統(tǒng)計(jì)頁(yè)面，用戶為什么要看這個(gè)頁(yè)面，當(dāng)然是為了查看店鋪的經(jīng)營(yíng)狀況，相關(guān)銷售數(shù)據(jù)的查看肯定是用戶訪問這個(gè)頁(yè)面的主要目的。那么什么場(chǎng)景下用戶才會(huì)有這個(gè)目的進(jìn)行查看？

我就要根據(jù)邏輯去推導(dǎo)，應(yīng)該集中在每天一早訪問系統(tǒng)時(shí)查看昨日的數(shù)據(jù)，每天下班查看當(dāng)天銷售額做回顧，或者需要分析近期銷售狀況的場(chǎng)景。

B端項(xiàng)目和C端最大的差異就是頁(yè)面和模塊都具有清晰的“工具”屬性，需要有使用場(chǎng)景才去用它，而不是誘導(dǎo)用戶去點(diǎn)擊。我們?cè)趧?chuàng)建工具的過程中，無論如何都會(huì)去建立一個(gè)使用場(chǎng)景。而不是打算造一把錘子，用戶打算拿這錘子做什么，用在什么場(chǎng)景，你既不知道也不需要理解。

不要找借口這些東西在你自己的項(xiàng)目中想象不出來，唯一的解釋就是你對(duì)這些頁(yè)面的功能理解不足，對(duì)項(xiàng)目基本的業(yè)務(wù)認(rèn)識(shí)也不足，這樣根本不能支撐你完成后續(xù)的設(shè)計(jì)。

第二步：發(fā)現(xiàn)問題

這一步就是找出當(dāng)前頁(yè)面體驗(yàn)上的問題，體驗(yàn)問題是緊跟用戶使用場(chǎng)景中發(fā)掘出來的缺陷、漏洞、阻力，而不僅僅是分析通用的設(shè)計(jì)規(guī)范、美觀性。

還是以上面的錘子為例，你可以說根據(jù)配色原則、斐波那契數(shù)列、陰陽(yáng)五行的學(xué)說解釋這錘子設(shè)計(jì)不行，把它優(yōu)化得比原來更 “美觀”。既然都變美了，那么根據(jù) “美即好用效應(yīng) Aesthetic Usability Effect” 它不就變得更好用，獲得更佳的用戶體驗(yàn)了嘛！

項(xiàng)目里要真用這種方法去解釋體驗(yàn)問題，必然會(huì)讓老板聽了沉默，產(chǎn)品聽了落淚……

既然它是工具，那么它的首要目標(biāo)肯定是要解決對(duì)應(yīng)場(chǎng)景下的問題，而不是僅僅美觀而已。比如有的家具工人拿它打小鐵釘來固定家具的木架，有的裝修工人拿錘子目的是用來敲掉原有的瓷磚和墻面，如果你造太大太重，對(duì)前者不友好，造太小太輕，對(duì)后者不友好。

所以用都能用，但在對(duì)應(yīng)的場(chǎng)景下好不好用，就是另一個(gè)值得關(guān)注的問題，而這種問題的產(chǎn)生和美不美觀沒有關(guān)系。并且多數(shù)情況下，它好不好用是由場(chǎng)景決定的，而不是使用者的年齡、性別、身高、體重。

分析界面同理，將自己代入到用戶的角色中，并不一定需要你有多了解用戶，而是結(jié)合使用場(chǎng)景給自己制定出相關(guān)的任務(wù)去做試用。生產(chǎn)錘子就去敲幾個(gè)釘子，生產(chǎn)吸塵器就去清掃下房間，開發(fā)新品奶茶就先自己試喝……

只要產(chǎn)品存在顯著的問題，我們都可以在這種試用過程中定位出來。只有在我們自己完全挑不出毛病，或者“感覺” 不同用戶類型的使用習(xí)慣、決策、目標(biāo)會(huì)有極大的差異時(shí)，才需要去做用戶調(diào)研，找出更精確客觀的問題。

第三步：解決問題

最后一步自然就是進(jìn)入到具體的執(zhí)行環(huán)節(jié)了，即調(diào)整頁(yè)面的設(shè)計(jì)和交互，解決前面所說的問。

比如，按鈕擺放的位置不合理、措辭不清晰、色彩太混亂、交互的反饋看不懂等等，哪里不對(duì)優(yōu)化哪里，即俗話所說的頭疼醫(yī)頭，腳疼醫(yī)腳。這實(shí)際上非常好理解，不需要我再多拿這些案例來解釋，大家看以前的改版說明就行。

問題在于，肯定有同學(xué)還會(huì)有疑問，這樣的做法不就只是表面性的嗎，看病診斷只觀察到表因，可能只是一系列并發(fā)癥，真正的病因沒找出來，也只是治標(biāo)不治本而已。

這種思路聽起來很正確，但實(shí)際工作過程中，哪給你那么多時(shí)間去解決本質(zhì)性的問題？而且透過現(xiàn)象看本質(zhì)的能力是需要大量經(jīng)驗(yàn)和知識(shí)積累的，絕對(duì)不是你連表面原因都解決不了的情況下就可以做到的。

很多時(shí)候我們看專業(yè)書籍、大廠干貨通過大量的分析去挖掘本質(zhì)問題，是因?yàn)樗麄兘?jīng)歷完那個(gè)階段，追求更高層次的輸出，但不代表你可以跳過前面的階段，直接套用他們現(xiàn)在的做法。

所以，在初級(jí)階段做一些中小規(guī)模的改版、優(yōu)化，就是以自己代入用戶的使用場(chǎng)景中，去挖掘產(chǎn)品的體驗(yàn)問題，并修改布局、樣式、交互等內(nèi)容來解決這些問題，這就是體驗(yàn)設(shè)計(jì)。

而沒有找出體驗(yàn)問題所做的改版優(yōu)化，就只能叫樣式調(diào)整或視覺優(yōu)化。

二、改版的實(shí)例解析

下面，我們就以某個(gè)同學(xué)工作中的體驗(yàn)優(yōu)化頁(yè)面為對(duì)象（脫敏處理過），來說明大多數(shù)真實(shí)工作場(chǎng)景中，體驗(yàn)改版是怎么做的。也因?yàn)檫@次是針對(duì)體驗(yàn)改版本身的介紹，所以案例故意用非常基礎(chǔ)的，讓你們更容易理解。

首先第一步理解產(chǎn)品功能、業(yè)務(wù)這些我就不介紹了，直接進(jìn)入用戶的使用場(chǎng)景分析。先以第一頁(yè)為例，頁(yè)面中就包含三個(gè)功能模塊，快速入口、待辦事項(xiàng)、訂單監(jiān)控。

所以，我作為用戶來這個(gè)頁(yè)面就是找功能模塊進(jìn)入，檢查待辦的清單，查看最近的訂單數(shù)據(jù)。既然目的有了，那么甭管界面咋做的，每個(gè)動(dòng)作都已經(jīng)具備基本的要求了。

• 快速入口：能快速有效的識(shí)別對(duì)應(yīng)入口并打開頁(yè)面。
• 待辦清單：能很清晰的看到還有哪些待辦的事情，明確工作任務(wù)。
• 訂單監(jiān)控：能很便捷的關(guān)注相關(guān)數(shù)據(jù)，有個(gè)大致的了解。

第二步，就是作為用戶來檢查這個(gè)頁(yè)面的功能。假設(shè)我要查找模塊入口進(jìn)入二級(jí)頁(yè)面，然后查看我的待辦事項(xiàng)，再查看下訂單順序。

不同的用戶和情況來這個(gè)頁(yè)面可能關(guān)注的順序和重點(diǎn)不同，但說到底就三個(gè)功能而已，所以只要合理分配和設(shè)計(jì)就可以滿足多數(shù)人的需求，不用過度糾結(jié)權(quán)重和優(yōu)先級(jí)的沖突（能有更細(xì)致的理解更好）。

然后我們一個(gè)個(gè)過，第一件事查看這些快速入口，明顯感覺到找東西非常的累，一點(diǎn)也不容易。

根據(jù)這個(gè)問題再做進(jìn)一步的分析，原因有好幾個(gè)：

• 大模塊卡片下方又用投影區(qū)分二級(jí)卡片，即混亂樣式又多余。
• 入口本身的標(biāo)題就沒什么存在感，對(duì)比太弱了，讀起來也費(fèi)勁。
• 圖標(biāo)本身的顏色就很灰暗，沒辦法很好的做出區(qū)分和形成記憶點(diǎn)。
• 入口卡片內(nèi)的布局很亂，提升了瀏覽的成本，進(jìn)一步降低效率。

然后在待辦清單中，顯然最重要的應(yīng)該是應(yīng)該辦什么事。

但該看清的任務(wù)介紹沒有重點(diǎn)突出，顯然大多數(shù)注意力都被時(shí)間和右側(cè)的操作還有狀態(tài)搶走了，導(dǎo)致每次觀看它的時(shí)候都是視線在右側(cè)轉(zhuǎn)一圈再回到左側(cè)。

最后數(shù)據(jù)統(tǒng)計(jì)的模塊，上方的高度已經(jīng)超過一屏，再看那么點(diǎn)數(shù)據(jù)實(shí)在是很累。而且里面的排版很亂，重點(diǎn)應(yīng)該被突出的數(shù)據(jù)并沒有那么顯眼和易于識(shí)別，在看完前兩模塊再看這個(gè)純粹是種折磨。

如果你對(duì)業(yè)務(wù)足夠了解，就可以進(jìn)一步分析哪些模塊的重要性更高，或者它們應(yīng)該發(fā)揮的作用是什么樣的從而代入到場(chǎng)景中，會(huì)比現(xiàn)在獲得更多的想法和更有說服力的結(jié)論。

但先不管其它的，有了現(xiàn)在這些問題就可以得出一個(gè)初級(jí)的問題解決方向：

• 快速入口不容易識(shí)別，需要優(yōu)化布局以及標(biāo)題、色彩的對(duì)比度。
• 待辦事項(xiàng)的標(biāo)題應(yīng)該被進(jìn)一步凸顯，弱化不重要的字段。
• 數(shù)據(jù)展示模塊提升數(shù)字的權(quán)重和排版，能輕松的看完數(shù)據(jù)。
• 就三個(gè)功能應(yīng)該盡量合并到一個(gè)頁(yè)面中，向下滾動(dòng)除非有更自然的操作過程。

然后，我們就可以開始重構(gòu)頁(yè)面的模塊了，首先我把數(shù)據(jù)放到最頂部，能一眼看完，并去掉大標(biāo)題減少高度的空間占用。然后簡(jiǎn)化快速入口卡片層級(jí)，將入口卡片直接排列在背景上提升識(shí)別性。之后底部放待辦事項(xiàng)，如果要看更多的列表內(nèi)容再向下滾動(dòng)。

然后，再在這個(gè)基礎(chǔ)上，完成內(nèi)容的設(shè)計(jì)。頂部數(shù)據(jù)增加數(shù)字的對(duì)比度?？焖偃肟谥貥?gòu)布局，提升圖標(biāo)的色彩區(qū)分度和標(biāo)題文字的對(duì)比識(shí)別性。底部待辦事項(xiàng)提升左側(cè)標(biāo)題的權(quán)重，讓視線更容易集中，弱化右側(cè)次要字段信息。

這樣，這個(gè)頁(yè)面的改版就完成了。我們?cè)僮鰝€(gè)簡(jiǎn)單的前后對(duì)比：

相信你們都可以感覺改完的肯定比前面的體驗(yàn)更佳。這么簡(jiǎn)單的案例，如果單做視覺改版，確實(shí)是不值一提的，在工作環(huán)境中只以視覺角度出發(fā)再怎么改，也不會(huì)讓老板和產(chǎn)品高看你一眼，認(rèn)為你產(chǎn)出了什么有效的價(jià)值。

所以，要作為體驗(yàn)改版，就必須先自己分析出問題，再去解決這個(gè)問題，并在評(píng)審的過程中去呈現(xiàn)這個(gè)解決的過程。

雖然很多時(shí)候我們通過主觀的定性分析去產(chǎn)生結(jié)論，不可能盡善盡美準(zhǔn)確無誤，但至少你輸出的東西是具有邏輯性的，也給其它成員提供了一個(gè)可以討論的框架和樣本，可以在他們給出的意見和思路中再做出進(jìn)一步的調(diào)整。

這才是體驗(yàn)設(shè)計(jì)在真實(shí)項(xiàng)目中的真正落地方式，尤其在B端行業(yè)，先做出完善的分析并形成邏輯合理的主觀想法是無比重要的，不可能留給你足夠的時(shí)間去調(diào)研整套系統(tǒng)中的所有體驗(yàn)問題。

所以，不要好高騖遠(yuǎn)，先從這種最基礎(chǔ)的做法中出發(fā)，再去思考那些更深入的知識(shí)點(diǎn)可以怎么實(shí)踐，能在這個(gè)過程中帶給你什么回報(bào)，有哪些利弊。

感興趣的同學(xué)，就可以拿上面我沒解釋的另一個(gè)頁(yè)面做對(duì)象，來分析它的體驗(yàn)問題，并思考應(yīng)該怎么做體驗(yàn)改版才好。

三、結(jié)尾

體驗(yàn)改版本身要掌握的體驗(yàn)知識(shí)其實(shí)不需要很多，前置條件就兩個(gè)，一個(gè)是知道優(yōu)秀的設(shè)計(jì)應(yīng)該是什么樣的，另一個(gè)是具有邏輯性的推導(dǎo)過程。

前者可以通過大量的使用和體驗(yàn)不同產(chǎn)品獲得，后者則需要刻意去做思維訓(xùn)練來提神，不管是產(chǎn)品思維、交互思維、設(shè)計(jì)思維，本身都是邏輯思維中的不同細(xì)分領(lǐng)域而已。

就像阿西莫夫在《銀河帝國(guó)》 中寫道的：

“再也沒有比邏輯推理更妙的東西，除了解決之道，我們已經(jīng)得到這個(gè)問題的一切答案……”