如何利用以用戶為中心的設(shè)計(jì)畫布系統(tǒng)

0 評論 12295 瀏覽 40 收藏 9 分鐘

用戶體驗(yàn)設(shè)計(jì)絕不是一夜之間就可以做好的東西。它是一個(gè)長期的過程,包含大量必須思考和處理的任務(wù)模塊。雖然它們能被單獨(dú)處理:不同的時(shí)期由不同的人來做,但至關(guān)重要的是它們應(yīng)該是一致的,共同組成統(tǒng)一的整體并服務(wù)于相同的目標(biāo)。

具體指定這些目標(biāo)確實(shí)是一個(gè)很大的挑戰(zhàn),而組織圍繞目標(biāo)本身的設(shè)計(jì)過程也自然困難。我必須承認(rèn)我們團(tuán)隊(duì)在一開始也是叫苦其中。受挫于尋找一個(gè)可以幫助我們的工具,我們最終發(fā)明了自己的工具:User Centered Design Canvas(以用戶為中心的設(shè)計(jì)畫布系統(tǒng))。我們已經(jīng)將其分享在了UX magazine社區(qū),如果你想下載使用或查看使用說明,feel free.

20160607104911-1

受業(yè)務(wù)模式畫布系統(tǒng)中有用功能的啟發(fā),和以用戶為中心設(shè)計(jì)方法的強(qiáng)化,以用戶為中心的設(shè)計(jì)畫布系統(tǒng)使得我們能夠更加容易的組織我們的設(shè)計(jì)進(jìn)程并保證主要目標(biāo)始終如一。9片區(qū)域,一張A4紙,經(jīng)過幾個(gè)小時(shí)的討論,我們把所有的用戶信息和業(yè)務(wù)信息都聚集在這一個(gè)地方。但這絕不僅僅只適用在用戶體驗(yàn)設(shè)計(jì)的早期階段,當(dāng)這套畫布系統(tǒng)使用后,我們發(fā)現(xiàn)它在用戶體驗(yàn)設(shè)計(jì)過程中的多種其他領(lǐng)域都很有效。

和用戶一起工作

一套設(shè)計(jì)可能面向多種不同類型的用戶。如果你很幸運(yùn)的跟那些全程投入其中并樂意投入其中的用戶一起工作,以用戶為中心的設(shè)計(jì)畫布系統(tǒng)就可能會(huì)顯示的非常有用。如果有可能跟這些用戶見面,跟他們一起頭腦風(fēng)暴來完善這套畫布系統(tǒng)是再好不過的了。更多的人,通常意味著更多的想法,而且用戶很可能提出一些我們完全沒有考慮到的問題。你可以讓他們像完成項(xiàng)目摘要一樣獨(dú)立完成這些區(qū)域的填充,在這種情況下,比較用戶產(chǎn)出的畫布跟您團(tuán)隊(duì)的畫布就非常有用,比較之后,高亮標(biāo)示出兩張畫布中相同的條目——這樣你就能顯然明白這部分相同的內(nèi)容正標(biāo)志著需要特別注意的部分。

人物角色

為了創(chuàng)建人物角色模型,需要作出大量研究調(diào)查:從諸如人口統(tǒng)計(jì)學(xué)信息(性別、年齡等)、教育信息和專業(yè)背景信息等基礎(chǔ)資料,到更深層次的用戶需求、動(dòng)機(jī)和恐懼分析。這涉及到大量的數(shù)據(jù),很容易迷失其中,尤其是有不止一個(gè)人參與這項(xiàng)研究的時(shí)候。我們發(fā)現(xiàn)以用戶為中心的設(shè)計(jì)系統(tǒng)能夠很好的解決該問題。通過將收集到的數(shù)據(jù)依次填入系統(tǒng)的第2-5條能很好地將不同的數(shù)據(jù)整理和歸類。在我們的團(tuán)隊(duì)中,這個(gè)過程常常伴隨著頭腦風(fēng)暴,它也常常為我們帶來額外的收獲。在這些事情完成后,我們就通??梢蕴崛〕鰜碇辽?方面的用戶信息框架。

20160607104911-2

使用記號(hào)筆用同一種顏色表示出所有一致的條目。這種方法的另一個(gè)優(yōu)勢是,你可以看到哪種類型的用戶最常被高亮標(biāo)示,而這部分用戶也自然就是我們的目標(biāo)角色。

用戶模型

請按照我們建議的順序依次填入所有條目,您可能已經(jīng)注意到,它們中的一些是有關(guān)聯(lián)性的(實(shí)際上所有類型都是相關(guān)的,只不過某些之間的聯(lián)系更為密切)。例如,動(dòng)機(jī)可能直接來自于問題本身,擔(dān)心經(jīng)常是為了尋找更安全的方案,業(yè)務(wù)解決方案應(yīng)該指定其解決的用戶問題。這個(gè)邏輯鏈可以被證明在創(chuàng)建用戶模型時(shí)非常有用。

20160607104911-3

注意:這個(gè)用戶有個(gè)問題——他需要汽車的一些零部件,他為了省錢所以他決定在線購買,但他擔(dān)心這些零件不是原件導(dǎo)致他沒法自己安裝起來。這樣就很容易在我們腦海形成一幅用戶畫像:他們首先關(guān)注零件的價(jià)格并從中選出那些低價(jià)者,然后通過看這部分零件是不是有證書和看來自其他用戶的評價(jià)來判定這些零件是不是原件商品,再之后,他可能會(huì)去找一些指示說明來確保只靠自己是不是能把零件裝到車上。這樣,基本的用戶框架就已經(jīng)準(zhǔn)備好了!

信息架構(gòu)和線框圖

就像構(gòu)建用戶模型中的一樣,畫布各領(lǐng)域之間的相關(guān)性也可以被證明在規(guī)劃網(wǎng)站的信息架構(gòu)中同樣非常有用。當(dāng)所有最重要的條目都被高亮標(biāo)示出來后,從中選擇出網(wǎng)站的組成部分并合理排序就變得更加容易。畫布的左側(cè)部分有助于我們發(fā)現(xiàn)那些用戶重點(diǎn)尋找的信息,右側(cè)部分則幫助我們處理那些從業(yè)務(wù)角度來看至關(guān)重要的信息。將用戶和業(yè)務(wù)目標(biāo)都具體描述在紙上,能夠幫助我們更清晰的落實(shí)線框圖。將問題區(qū)域(也可以是擔(dān)心恐懼區(qū)域)和解決方案區(qū)域并列放置,則有助于我們想出那些關(guān)乎用戶期望和需求的設(shè)計(jì)思路。

20160607104911-4

用戶是沒有時(shí)間和心情去讀長篇的軟件說明書的——請直接給他一個(gè)特征摘要和演示就夠了。他會(huì)投入注意力到每個(gè)細(xì)節(jié)——提供給他一個(gè)綜合性的PDF規(guī)格文檔,保證他能夠打印出來和自己的團(tuán)隊(duì)討論。

內(nèi)容編寫

一些人聲稱內(nèi)容寫作不應(yīng)是用戶體驗(yàn)設(shè)計(jì)的一部分,對此觀點(diǎn)我不能同意。文本層次是會(huì)像視覺效果一樣影響用戶體驗(yàn)的。我使用了這套系統(tǒng)很多次,規(guī)劃跟用戶間的對話策略并編寫網(wǎng)站內(nèi)容。我發(fā)現(xiàn)它不光有助于我決定哪些內(nèi)容向用戶呈現(xiàn),而且對選擇出匹配業(yè)務(wù)目標(biāo)的最佳內(nèi)容也很有效。
完成區(qū)域8(競爭優(yōu)勢)的填充,將優(yōu)勢具體化,就能夠更容易的決定在一段文本中強(qiáng)調(diào)哪些方面的信息。

以用戶為中心的設(shè)計(jì)畫布系統(tǒng)僅僅是一個(gè)簡單的工具,也可能正是由于它的簡單靈活讓它能如此的多功能化。這套畫布上收集的所有信息的有用性貫穿于用戶設(shè)計(jì)的整個(gè)階段。我在這里只描述了其中的一部分,但也有許多其他的我能想到的和還沒有發(fā)現(xiàn)的地方。希望你們一起來完善。

譯自:https://uxdesign.cc/how-to-make-use-of-the-user-centered-design-canvas-2f725f5d552a#.ipyllq9au

 

譯者@三達(dá)不留點(diǎn)gpj

來源@簡書

本文由 @三達(dá)不留點(diǎn)gpj 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理 ,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!