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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我們?cè)谶M(jìn)行B端體驗(yàn)設(shè)計(jì)的時(shí)候，需要對(duì)B端產(chǎn)品有了解，這可以幫助我們?cè)诟雍暧^的視角思考體驗(yàn)設(shè)計(jì)這件微觀的小事。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我們?cè)谶M(jìn)行一般性的B端體驗(yàn)設(shè)計(jì)時(shí)，也可以用這個(gè)雙鉆設(shè)計(jì)流程。就說我們接到畫圖標(biāo)的任務(wù)，我們是直接就畫呢？

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

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

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

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

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

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

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

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

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

第七，設(shè)計(jì)是對(duì)體驗(yàn)階梯的了解

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

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