編輯導(dǎo)語(yǔ)：在B端的產(chǎn)品設(shè)計(jì)中，如果在還不了解需求背景的情況下，就直接開(kāi)始動(dòng)手設(shè)計(jì)，做出的方案可能就經(jīng)不起推敲。那么，怎么才能設(shè)計(jì)出更容易過(guò)稿的產(chǎn)品呢？本文作者將整個(gè)過(guò)程分為前期、中期、后期，分析如何進(jìn)行B端產(chǎn)品設(shè)計(jì)，希望能給你帶來(lái)幫助。

很多設(shè)計(jì)師喜歡在拿到產(chǎn)品原型后就開(kāi)始動(dòng)手設(shè)計(jì)，或直接去找參考和競(jìng)品。這種工作模式存在較大的缺陷，我們?cè)诓涣私庑枨蟊尘皶r(shí)做出的方案，同樣也顯得蒼白無(wú)力，經(jīng)不住盤問(wèn)或?qū)徍恕?/p>

在B端領(lǐng)域中，決策者大多不是使用者，而決策者也往往不是一個(gè)人，很多設(shè)計(jì)師應(yīng)該聽(tīng)甲方說(shuō)過(guò)“要高大上”“感覺(jué)不對(duì)，這不是我想要的”繼而產(chǎn)生各種天馬行空的想法，在你的方案繼續(xù)升華，而你還是靠著猜測(cè)苦中作樂(lè)，最后一句“還是第一版吧”讓你徹底崩潰。

如何最大程度改變這種現(xiàn)狀，那就看下面的內(nèi)容吧。

01 前期：如何快速理解業(yè)務(wù)目標(biāo)和應(yīng)用場(chǎng)景？

1. 人

要知道自己的用戶和決策者是誰(shuí)，了解他們的特征和喜好，判斷他們的認(rèn)知和心智，做針對(duì)性的方案和視覺(jué)。如：

• 我們的用戶是誰(shuí)？
• 決策者有哪些？
• 用戶社會(huì)屬性是什么樣子的？
• 用戶和決策者的偏好是什么？
• 決策者是否有絕對(duì)主導(dǎo)權(quán)？
• 決策者的認(rèn)知和心智在什么階段？

2. 行為

用戶需要完成哪些事情，通過(guò)什么動(dòng)作去完成，用戶的習(xí)慣偏好是什么？如：

• 用戶使用產(chǎn)品做哪些事情？
• 用戶的具體行為路徑？
• 用戶的交互習(xí)慣？
• 用戶對(duì)交互的認(rèn)知怎樣？

3. 目的

用戶想要達(dá)成的目標(biāo)，或產(chǎn)品和功能目標(biāo)是什么？如：

• 用戶使用產(chǎn)品要達(dá)到什么目標(biāo)？
• 商業(yè)目標(biāo)是什么？
• 設(shè)計(jì)目標(biāo)是什么？

4. 環(huán)境

用戶在什么場(chǎng)景/環(huán)境下使用產(chǎn)品，使用產(chǎn)品的頻次怎么樣，用戶在是嘈雜的環(huán)境還是安靜的環(huán)境，在辦公室還是戶外場(chǎng)景？如：

• 用戶在什么環(huán)境在使用產(chǎn)品？
• 用戶有哪些場(chǎng)景，是否有特殊場(chǎng)景？
• 每個(gè)場(chǎng)景都有什么特征？

5. 媒介

用戶使用什么工具，是電腦、手機(jī)、ipad還是其它形式？

6. 5W1H

最后通過(guò)5W1H模型去將需求進(jìn)行串聯(lián)。

02 中期：如何設(shè)計(jì)符合用戶認(rèn)知的方案？

1. 頭腦風(fēng)暴方案，草繪記錄

設(shè)計(jì)方案要以先框架后局部的思路進(jìn)行，不要糾結(jié)在細(xì)節(jié)表現(xiàn)上，而是從整體看產(chǎn)品的結(jié)構(gòu)然后再逐一細(xì)化，顆粒度由粗到細(xì)的過(guò)程。

我們要發(fā)散思維，根據(jù)結(jié)論頭腦風(fēng)暴去思考多的設(shè)計(jì)方案并快速草繪記錄下來(lái)，這里可以大膽一些把想到的方案全部草繪出來(lái)（建議大家直接在紙上畫，簡(jiǎn)單便捷），最后根據(jù)業(yè)務(wù)場(chǎng)景逐一去分析每個(gè)方案的優(yōu)劣勢(shì)進(jìn)一步篩選方案。

當(dāng)你的靈感枯竭時(shí)就停止腦暴，然后去細(xì)化你篩選后的方案。

如果一開(kāi)始就沒(méi)有靈感，那就去大量看直接競(jìng)品或間接競(jìng)直到靈感涌現(xiàn)，這里平時(shí)還是建議大家多去看、多去收集分析與行業(yè)或者形態(tài)相關(guān)的產(chǎn)品。

一般企業(yè)自研產(chǎn)品大多是找不到競(jìng)品的，所以還是需要根據(jù)業(yè)務(wù)場(chǎng)景去做高度符合的方案。那么如何去做符合業(yè)務(wù)場(chǎng)景的方案呢？

舉個(gè)作品集中，F(xiàn)M首頁(yè)改版的例子供大家參考一下改版思路。

2. 用戶洞察，設(shè)計(jì)符合用戶認(rèn)知和心智的方案

一定要去做符合用戶認(rèn)知的產(chǎn)品架構(gòu)和UI視覺(jué)，比如我們的決策者是國(guó)企背景，在這個(gè)大環(huán)境下決策者的做事風(fēng)格是規(guī)矩的、嚴(yán)謹(jǐn)?shù)模麄儙缀趺刻於荚谑褂脀ord、excel、ppt這種辦公軟件或者傳統(tǒng)軟件，所以對(duì)一些新型產(chǎn)品的交互、視覺(jué)、創(chuàng)新上的接受程度是有限的（尤其大boss）。

所以我們?cè)谠O(shè)計(jì)方案時(shí)，交互和視覺(jué)上要盡量保持中規(guī)中矩的方案，如果可以，盡量使用符合用戶認(rèn)知的設(shè)計(jì)元素和交互。如：我之前負(fù)責(zé)國(guó)企光纜資源采集項(xiàng)目時(shí)，設(shè)計(jì)元素和交互流程大量運(yùn)用了輸入行列生成布局、表格、表單組成的簡(jiǎn)單元素貫穿了一個(gè)場(chǎng)景，這樣可以降低用戶的學(xué)習(xí)和操作成本，符合用戶認(rèn)知和心智，也提高了用戶的接受度（同時(shí)也要考慮方案是否滿足使用者）。

這里有兩個(gè)比較經(jīng)典的案例和大家分享，假設(shè)案例中的人是你，你會(huì)怎樣思考或者怎樣做？歡迎評(píng)論區(qū)留言。

經(jīng)典案例一：項(xiàng)目背景是設(shè)計(jì)一個(gè)國(guó)家軍方應(yīng)急系統(tǒng)，有A和B兩名設(shè)計(jì)師共同負(fù)責(zé)，A設(shè)計(jì)師的設(shè)計(jì)風(fēng)格緊跟當(dāng)下流行設(shè)計(jì)趨勢(shì)；B設(shè)計(jì)師的設(shè)計(jì)方案卻中規(guī)中矩，視覺(jué)呈現(xiàn)得很Low。那么你認(rèn)為這兩名設(shè)計(jì)師誰(shuí)的方案更容易通過(guò)呢？

案例一結(jié)論：答案是B設(shè)計(jì)師。產(chǎn)品目標(biāo)不同、用戶不同，UI視覺(jué)和方案也會(huì)有較大的差異。

你覺(jué)得的美只是你主觀意識(shí)，并不是客觀存在的事實(shí)，所以要去拆分目標(biāo)和洞察用戶去做用戶認(rèn)為美的“東西”，當(dāng)然我們也可以去做視覺(jué)引導(dǎo)，但很多時(shí)候卻不那么如意。

“好看”有兩層定義：

1. 視覺(jué)的好看
2. 實(shí)用的好看

當(dāng)用戶對(duì)產(chǎn)品有要求時(shí)，不要急于按照要求去做設(shè)計(jì)，而是要先去對(duì)齊對(duì)“要求”的定義和理解。大家對(duì)美的主觀感覺(jué)會(huì)根據(jù)自身背景和環(huán)境有極大的偏差，要在理解和認(rèn)知達(dá)成一致的情況下，再去設(shè)計(jì)方案。下面這個(gè)案例中，你認(rèn)為哪個(gè)設(shè)計(jì)師的方案才能更滿足用戶？

經(jīng)典案例二：項(xiàng)目為公安系統(tǒng)，用戶對(duì)產(chǎn)品提出風(fēng)格要求——科技感，A設(shè)計(jì)師在了解客戶要求后直接進(jìn)行UI設(shè)計(jì)；B設(shè)計(jì)師則去先跟用戶定義對(duì)“科技感”的理解，然后再去設(shè)計(jì)方案。

案例二結(jié)論：答案是B設(shè)計(jì)師。無(wú)論客戶有什么要求都要先對(duì)齊對(duì)理解的一致，避免大家沉浸在各自的世界里，上述案例中B設(shè)計(jì)師的交付還會(huì)超出甲方的預(yù)期。

應(yīng)該很多設(shè)計(jì)師聽(tīng)過(guò)甲方說(shuō)過(guò)“要高大上”“感覺(jué)不對(duì)，這不是我想要的”繼而產(chǎn)生各種天馬行空的想法，在你的方案繼續(xù)升華，而你還是靠著猜測(cè)在苦中作樂(lè)，最后一句“還是第一版吧”讓你徹底崩潰。

所以很多時(shí)候甲方是說(shuō)不出具體的方向和需求的，這個(gè)時(shí)候除了對(duì)齊對(duì)要求的理解，還要去引導(dǎo)他或者挖掘需求。

設(shè)計(jì)沒(méi)有絕對(duì)的美丑，做國(guó)企項(xiàng)目、TG或軍方的小伙伴應(yīng)該會(huì)有所感受。

作為B端產(chǎn)品任何設(shè)計(jì)元素都應(yīng)該與業(yè)務(wù)場(chǎng)景僅僅相關(guān)，而受目標(biāo)用戶、行業(yè)的不同，產(chǎn)品的視覺(jué)和交互也會(huì)有較大差異。

03 后期：方案交付有哪些技巧？

1. 二選一法則

在提交設(shè)計(jì)方案給甲方時(shí)，要學(xué)會(huì)讓甲方做選擇，而不是讓甲方被動(dòng)接受，現(xiàn)在的甲方都很有主見(jiàn)，都喜歡自己選擇，自己做決定。

從營(yíng)銷學(xué)角度可以借鑒二選一法則，我也經(jīng)常會(huì)被這個(gè)技巧套路。比如你去買奶茶時(shí)，銷售員問(wèn)你喝什么，你會(huì)在琳瑯滿目的產(chǎn)品中艱難抉擇；如果向你推薦“奶茶三兄弟”或者“桃之夭夭”的飲品，你會(huì)下意識(shí)地脫口而出：“那就桃之夭夭吧。”

二選一法則在我們生活中無(wú)處不在，比如在約會(huì)時(shí)問(wèn)對(duì)方“周六一起看電影還是周天？”購(gòu)物時(shí)等等場(chǎng)景。

只讓對(duì)方回答“接受”或“不接受”很難達(dá)到你預(yù)想的結(jié)果，因?yàn)槎x一法則的技巧就是讓甲方在“這個(gè)方案”跟“那個(gè)方案”之間做選擇，而不是在“接受”與“不接受”之間做選擇。

而現(xiàn)實(shí)中我們大部分設(shè)計(jì)師很喜歡讓甲方做接受與不接受的選擇。

所以我們要去改變交付方案的習(xí)慣，設(shè)計(jì)是和生活息息相關(guān)的，生活中發(fā)生的事情或其它領(lǐng)域的小技巧也可以在設(shè)計(jì)中發(fā)揮不小的作用。

二選一法則釋義：當(dāng)我們對(duì)別人進(jìn)行說(shuō)服時(shí)，對(duì)方因?yàn)榇嬖谶^(guò)多的選擇或沒(méi)有準(zhǔn)確目標(biāo)時(shí)，作為說(shuō)服者可以采用縮小對(duì)事物選擇的整體范圍，直到剩余兩個(gè)辦法，來(lái)讓對(duì)方做出你預(yù)期的選擇。

下面舉個(gè)例子，幫助大家理解：

A設(shè)計(jì)師：“您好，我們根據(jù)需求做了兩版方案，方案一我們是這樣思考的（闡述設(shè)計(jì)理念及過(guò)程）……方案二是這樣思考的（闡述設(shè)計(jì)理念及過(guò)程）……您看方案一和方案二哪個(gè)更符合需求呢？

甲方：“看起來(lái)方案二更符合我們的需求。”

人類具有一種跟隨最后選擇的習(xí)性，當(dāng)你想讓他人跟隨你的意愿進(jìn)行選擇的時(shí)候，不妨給客戶一個(gè)二選一的提問(wèn)，將希望對(duì)方選擇的那項(xiàng)放在最后。采用這種巧妙的習(xí)性心理，往往能夠讓你在交付中更順暢。

2. 表現(xiàn)層的差異化

最后才是視覺(jué)表現(xiàn)的差異化區(qū)分，不同方案中我們可以用不同的風(fēng)格和技法，打造鮮明的對(duì)比，從外觀和大感覺(jué)上推得遠(yuǎn)一些，往往也會(huì)有出其不意的效果（根據(jù)甲方特征去針對(duì)性做策略）。如果有足夠的把握，兩個(gè)方案的風(fēng)格做到相似就可以了，視情況而定。

3. 事前有準(zhǔn)備，不要做事后聰明

為了應(yīng)對(duì)比較難搞的甲方，我們要留有備選方案，以備不時(shí)之需拿出來(lái)應(yīng)急，設(shè)計(jì)圈兒似乎有條不成文的規(guī)矩，你最看不上的設(shè)計(jì)稿往往是甲方最喜歡的；甲方在變來(lái)變?nèi)サ姆桨钢校鶗?huì)選擇第一稿的方案。

04 結(jié)語(yǔ)

只有在設(shè)計(jì)前、中、后的三個(gè)階段做好充足的準(zhǔn)備，才有可能將變化控制到最小范圍。

有時(shí)客戶不接受我們的方案，不妨認(rèn)真想一想，我們真的是在做以人為本的設(shè)計(jì)嗎？我們是在追求技法的表現(xiàn)，還是追求效率的提升和產(chǎn)品的體驗(yàn)？

最后藝術(shù)是感性的，設(shè)計(jì)是理性的，藝術(shù)更專注于自我表達(dá)，設(shè)計(jì)則專注于信息傳達(dá)和用戶的感受。

?

本文由 @三范范 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議