B端體驗設(shè)計是企業(yè)產(chǎn)品贏得市場的關(guān)鍵。本文深入探討了B端體驗設(shè)計的發(fā)展歷程、構(gòu)建機制和未來趨勢，為產(chǎn)品經(jīng)理和設(shè)計師提供了如何更理性地認(rèn)識和實踐B端體驗設(shè)計的寶貴指導(dǎo)。

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

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

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

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

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

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

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

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

第一，設(shè)計是對用戶的了解

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

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

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

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

第二，設(shè)計是對產(chǎn)品的了解

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

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

就好比公司現(xiàn)金流產(chǎn)品會比公司普通產(chǎn)品，獲得的設(shè)計資源更多。

再比如，當(dāng)我們客觀地認(rèn)識B端產(chǎn)品的復(fù)雜性時，我們在進行體驗設(shè)計時就需要考慮如何合理布局，可以降低產(chǎn)品的復(fù)雜性；當(dāng)我們知道B端產(chǎn)品視覺上的要求是傾向于克制、簡潔、精煉，強調(diào)功能為主時，我們體驗設(shè)計就要關(guān)注視覺服務(wù)于功能。

如下圖，我們一般在進行信息量大的頁面設(shè)計時，優(yōu)先會考慮左邊的圖標(biāo)設(shè)計方式，而非右邊的。

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

第三，設(shè)計是對設(shè)計本身的了解

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

所以我們需要具備一定的設(shè)計價值觀，幫助我們更好地去執(zhí)行。比如，設(shè)計應(yīng)該是一種確定性的東西，如此才可以幫助我們達到一個可預(yù)判的穩(wěn)定的結(jié)果。

第一，是設(shè)計者之間的確定性；

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

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

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

第四，設(shè)計是對設(shè)計流程和方法的了解

設(shè)計不是一件憑感覺的事情，當(dāng)我們的B端體驗設(shè)計具備流程和方法時，才能賦能產(chǎn)品。

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

它是由兩個菱形組成，前一個是發(fā)現(xiàn)正確的問題，主要側(cè)重于產(chǎn)品和設(shè)計環(huán)節(jié)；后一個是發(fā)現(xiàn)正確的解決方案，主要側(cè)重于開發(fā)和交付環(huán)節(jié)。

我們要把產(chǎn)品的體驗設(shè)計做好，就要重視前一個鉆；要把體驗設(shè)計落地好，就要重視后一個鉆。

每個鉆都是發(fā)散、聚焦的方式去執(zhí)行的。我當(dāng)時在做企業(yè)級B端設(shè)計體系的時候，就把這個雙鉆模型進行了優(yōu)化，改成了如下。

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

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

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

有時候我們經(jīng)過深挖還會發(fā)現(xiàn)，原來可以通過其他方式解決，而不是畫圖標(biāo)。

第五，設(shè)計是對交互的了解

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

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

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

我們在進行B端產(chǎn)品體驗設(shè)計時，需要對一些交互方法做到心中有數(shù)，隨時取用，比如尼爾森十大可用性原則，以幫助我們創(chuàng)造一個強大、靈活且用戶友好的環(huán)境，幫助企業(yè)用戶提高工作效率，優(yōu)化業(yè)務(wù)流程，并實現(xiàn)他們的目標(biāo)。

第六，設(shè)計是對視覺的了解

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

第七，設(shè)計是對體驗階梯的了解

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

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