B端體驗設計是企業產品贏得市場的關鍵。本文深入探討了B端體驗設計的發展歷程、構建機制和未來趨勢，為產品經理和設計師提供了如何更理性地認識和實踐B端體驗設計的寶貴指導。

前天晚上，受到王戴明老師的邀請，到他的星球直播間分享《B端產品體驗設計》。這是一個我擅長的話題，也是一個我不擅長的話題。原因在于，原來我是面向體驗設計師講，現在我要面向產品經理講。當受眾群發生變化的時候，我的內容就要進行相應地調整，以更好得滿足受眾群的需求。好在有王老師和他的小伙伴的專業支持，直播得以順利展開。這次直播準備了80+ppt，深入淺出、干貨滿滿。

分享從如下幾個方面展開，帶大家逐漸感受B端體驗設計 —— 一種解決問題的方法。包括：體驗設計發展歷程、進入B端體驗設計世界、B端體驗設計構建機制、B端體驗設計未來趨勢、你問我答這幾部分。

原來大家普遍的認知是，B端體驗設計=視覺設計，逐漸地，認為B端體驗設計=視覺設計+交互設計，其實啊，B端體驗設計遠遠比我們認知的范疇很大、更廣。廣義范疇：體驗設計是以用戶為中心，以場景為前提，提供用戶在產品使用前、使用中、使用后令人愉悅的全鏈路體驗過程。

這次分享的重點，在于帶大家走進B端體驗設計這個領域，感受B端體驗設計的真實情況，幫助我們更加理性地看待B端體驗設計。

接下來，我會對這次分享進行一個簡單的小總結，算是對B端體驗設計中我們必須要認知到的一些常識進行小小的梳理。下面，我們開始吧~引言讀書時，老師說過：設計源于生活又高于生活。

就如阿爾瓦· 阿爾托設計的甘藍葉（Savoy）花瓶，它的瓶身弧度靈感來自大自然花朵形狀的啟示。不規則是大自然的獨特魅力，而方方正正是工業化的產物。來源于生活的設計，讓人們更加心生喜歡。

比如這些軟件界面的圖標，也是源于我們的生活。每一個圖標不僅要遵循人為的設計規范，也需要具備顯性的寓意，而寓意來源于我們對生活的仔細觀察和體會。

再比如，未來和過去在人們的心中是存在空間感知的。所以，我們在設計先后關系的功能時候，會把代表先的、前面的功能放左邊，而把代表后的、未來的功能放右邊。產品中常見的「返回、前進」、「上一步、下一步」功能，就是如此。

第一，設計是對用戶的了解

我們設計B端體驗，就需要先了解人們的心理、想法、感知。從心理學、行為學的角度讓目標用戶按照自己的設想開展行動，而非通過規定要求對方必須這樣做或那樣做。這里我舉一個例子。

你先看圖一，圖一上是否有你關注的圓；你在看圖二，圖二是否有你關注的圓。是的，我們都會覺得，圖二有，因為圖二有個紫色的圓和其他灰色的圓都不一樣，所以吸引了用戶的眼球。

實際上，人們會在眾多的信息中關注一些特定的信息，這些信息要么是他自己很想關注的，要么是人為引導他關注的，總之會吸引他的才會讓他關注。所以，我們在設計中要有意識去打造界面的信息重點，引導用戶關注。

例如以下兩幅圖，上一幅圖表格的按鈕都是藍色，用戶無法關注到主要的功能是什么。而下一幅按鈕主次就很清晰，引導用戶關注主要功能，從而提升用戶操作效率。

第二，設計是對產品的了解

我們在進行B端體驗設計的時候，需要對B端產品有了解，這可以幫助我們在更加宏觀的視角思考體驗設計這件微觀的小事。

就拿下面這幅圖來說，如果我們知道自己的產品是處于什么價值區間，就可以對體驗設計做出合理的預判。不同價值區間的產品，我們在設計資源的投入上也會不同。

就好比公司現金流產品會比公司普通產品，獲得的設計資源更多。

再比如，當我們客觀地認識B端產品的復雜性時，我們在進行體驗設計時就需要考慮如何合理布局，可以降低產品的復雜性；當我們知道B端產品視覺上的要求是傾向于克制、簡潔、精煉，強調功能為主時，我們體驗設計就要關注視覺服務于功能。

如下圖，我們一般在進行信息量大的頁面設計時，優先會考慮左邊的圖標設計方式，而非右邊的。

但在一些儀表盤界面上，右邊的圖標也會使用，起到點綴作用，不過這些圖標繪制也有要求——要有功能性用途。

第三，設計是對設計本身的了解

B端體驗設計是一門設計，與藝術不同，它是把一種設想通過合理的規劃、周密的計劃、通過各種感覺形式傳達出來，解決問題的過程。

所以我們需要具備一定的設計價值觀，幫助我們更好地去執行。比如，設計應該是一種確定性的東西，如此才可以幫助我們達到一個可預判的穩定的結果。

第一，是設計者之間的確定性；

第二，是用戶的一種確定性。設計者之間的確定性，是指：B端產品都是分工合作的產物，設計師參與者越多，合作成本越高，結果也越不可控。

所以我們要探索設計規律，輸出設計物料，賦能設計者，從而保證體驗設計結果的可控性與一致性。以下是一份開源物料，我們在進行產品的設計時，也可以準備類似的，或者是更多的物料來支持我們的產品設計。

用戶的確定性是指：我們在設計時，需要提供產品一致的視覺和交互，保持面向用戶的熟悉感，降低用戶認知和操作成本，提升工作效率。

第四，設計是對設計流程和方法的了解

設計不是一件憑感覺的事情，當我們的B端體驗設計具備流程和方法時，才能賦能產品。

流程由多個步驟有序組合形成，并完成特定任務或達成特定的目的。方法是實現目標、解決問題的一種有組織的、系統性的方式。我們了解了概念以后，我就給大家介紹一個很實用的B端體驗設計的流程模型，很多小伙伴應該聽過，叫“雙鉆設計流程”。

它是由兩個菱形組成，前一個是發現正確的問題，主要側重于產品和設計環節；后一個是發現正確的解決方案，主要側重于開發和交付環節。

我們要把產品的體驗設計做好，就要重視前一個鉆；要把體驗設計落地好，就要重視后一個鉆。

每個鉆都是發散、聚焦的方式去執行的。我當時在做企業級B端設計體系的時候，就把這個雙鉆模型進行了優化，改成了如下。

其不僅幫助我將設計體系的工作思路捋清楚了，也讓我對設計體系了解更清楚了。

我們在進行一般性的B端體驗設計時，也可以用這個雙鉆設計流程。就說我們接到畫圖標的任務，我們是直接就畫呢？

還是“了解清楚為什么要設計這個圖標，是要解決什么問題，競品是如何處理的，等等”這些方面，如此，圖標這個任務就從僅僅是個任務變成了一件更有價值的事情。

有時候我們經過深挖還會發現，原來可以通過其他方式解決，而不是畫圖標。

第五，設計是對交互的了解

交互大家已經耳熟能詳了，交互定義了人機互動的行為方式。這是一個蘋果手機接聽電話的交互方式。你發現沒，竟然蘋果有兩種接聽電話的交互方式，這是怎么回事呢？原來啊，蘋果考慮到了用戶接聽的場景。

當用戶將手機放在口袋里面時，如果有了來電，那么很容易誤觸，所以采用了滑動接聽的方式（左圖）。

而手機放在桌面的時候，就不存在誤觸，那么就可以通過快速點擊的方式接聽（右圖）。這就是蘋果在交互上考慮得非常細致，符合用戶的心理預期。這個交互方式，用戶的認可度還是很高的。

我們在進行B端產品體驗設計時，需要對一些交互方法做到心中有數，隨時取用，比如尼爾森十大可用性原則，以幫助我們創造一個強大、靈活且用戶友好的環境，幫助企業用戶提高工作效率，優化業務流程，并實現他們的目標。

第六，設計是對視覺的了解

B端視覺設計不僅局限于好不好看、是否吸引眼球，更重要的界面視覺設計是否真正為用戶“增效”服務。我們常用的視覺設計方法有親密、對齊、重復、對比、W3C原則，具體就不在展開詳述，這些方法在界面上處處存在。

第七，設計是對體驗階梯的了解

對于B端體驗設計來說，我們還需要初步了解其劃分的層次，這可以幫助我們審視自己的產品設計，目前處于什么階段，還可以往哪個層次努力。

「B端體驗設計階梯6層次」將產品體驗層次從下至上分為6層，分別是能用、可靠、可用、易用、愉悅、意義，具體可以看下圖。