以用戶場(chǎng)景為導(dǎo)向:B端設(shè)計(jì)師輕松過(guò)稿三板斧
編輯導(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í)候卻不那么如意。
“好看”有兩層定義:
- 視覺(jué)的好看
- 實(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é)議