做以用戶為中心的產(chǎn)品設(shè)計(jì)(下)

0 評(píng)論 18206 瀏覽 20 收藏 15 分鐘

Part03? 產(chǎn)品設(shè)計(jì)是什么

產(chǎn)品設(shè)計(jì)是什么

產(chǎn)品設(shè)計(jì)貫穿產(chǎn)品戰(zhàn)略層面和范圍層面。一般由產(chǎn)品經(jīng)理主導(dǎo),也有資深交互設(shè)計(jì)師扮演產(chǎn)品設(shè)計(jì)師的角色,從戰(zhàn)略層面開(kāi)始定義產(chǎn)品走向。

產(chǎn)品設(shè)計(jì)工作需要定義產(chǎn)品運(yùn)營(yíng)目標(biāo),用戶需求,產(chǎn)品功能規(guī)范,內(nèi)容需求 四大方面。

產(chǎn)品運(yùn)營(yíng)目標(biāo)

“我們要通過(guò)這個(gè)產(chǎn)品得到什么?”

一般包含公司商業(yè)目標(biāo)(一般是賺錢或省錢),品牌識(shí)別,判斷產(chǎn)品成功的標(biāo)準(zhǔn)(也就是KPI)。

請(qǐng)注意!這是一切的開(kāi)始,我們必須保證決策不是隨便做出的,而之后我們每一個(gè)決定都會(huì)建立在此之上。此外此階段我們做的是明確定義成功的條件,而非成功的途徑。

 

用戶需求

“用戶是誰(shuí),用戶需要什么?”

請(qǐng)注意,我們不是為自己設(shè)計(jì)產(chǎn)品,而是為用戶設(shè)計(jì)產(chǎn)品。必須了解他們是誰(shuí),他們想要的是什么。用戶專員會(huì)協(xié)助此部分工作,提供有力的用戶報(bào)告數(shù)據(jù)(稍后章節(jié)會(huì)做闡述)。

 

功能規(guī)范

“我們需要做什么?”

團(tuán)隊(duì)需要明確一致的目標(biāo)。這個(gè)目標(biāo)不能只存在于產(chǎn)品經(jīng)理腦海中,擁有明確的需求,權(quán)責(zé)清晰,統(tǒng)一的目標(biāo),將會(huì)大大提高團(tuán)隊(duì)工作效率和士氣。

“我們不需要做什么?”

隨著項(xiàng)目前進(jìn),產(chǎn)品的各種可能性會(huì)浮現(xiàn)出來(lái)。這個(gè)時(shí)候如果不控制需求,會(huì)將項(xiàng)目帶到一個(gè)非常危險(xiǎn)的境地。因此確認(rèn)需求的優(yōu)先級(jí),是非常重要的。

 

內(nèi)容需求

“我們要開(kāi)發(fā)的是什么?”

在這里,我們需要一份文檔將所有功能,以清晰準(zhǔn)確的方式向團(tuán)隊(duì)展示出來(lái)。我們稱之為需求文檔。這份文檔必須做到積極,具體,客觀,清晰,毫不含糊。

 

產(chǎn)品設(shè)計(jì)階段的輸出物

產(chǎn)品運(yùn)營(yíng)目標(biāo)——產(chǎn)品愿景文檔

描述產(chǎn)品目標(biāo)和?戶需求的?檔,說(shuō)明產(chǎn)品目標(biāo)如何與企業(yè)目標(biāo)相關(guān)連,?檔需要簡(jiǎn)潔明了,未來(lái)一切決定將基于這?份?文檔。

用戶需求——用戶研究報(bào)告

詳見(jiàn)下一章節(jié)描述

功能規(guī)范 -項(xiàng)目計(jì)劃

為項(xiàng)目做整體的日程安排,定義團(tuán)隊(duì)各個(gè)角色工作的里程碑,整理不同優(yōu)先級(jí)的需求,確保所有需求按計(jì)劃進(jìn)行,并分不同版本得到有序的實(shí)施。

內(nèi)容需求 -需求文檔

把需求用清晰專業(yè)的語(yǔ)言定義出來(lái),讓開(kāi)發(fā)團(tuán)隊(duì)和設(shè)計(jì)團(tuán)隊(duì)能夠讀懂。并確保所有工作都是基于這樣一份書面文檔進(jìn)行,而非含糊的口頭傳達(dá),或不穩(wěn)定的個(gè)人意志。

Part04? 用戶研究是什么

用戶研究是什么

用戶研究是產(chǎn)品設(shè)計(jì)的基石和依據(jù)。一般由專門的用戶研究專員來(lái)負(fù)責(zé)。

這個(gè)階段用戶研究專員將通過(guò)專業(yè)手段,為團(tuán)隊(duì)獲取準(zhǔn)確,有效的用戶信息。幫助產(chǎn)品設(shè)計(jì)作出正確的決策,并為判斷產(chǎn)品研發(fā)成效提供依據(jù)。

用戶需求

“他們是誰(shuí),他們需要什么?”

通過(guò)專業(yè)的手段——用戶統(tǒng)計(jì),用戶細(xì)分,問(wèn)卷調(diào)查,用戶訪談,焦點(diǎn)小組,用戶測(cè)試,建立用戶心理檔案。我們將建立產(chǎn)品特有的用戶畫像,這樣才能做到有的放矢。一份用戶畫像可以幫助你更好的闡述用戶訴求,并幫助團(tuán)隊(duì)在整個(gè)設(shè)計(jì)過(guò)程中把用戶放在心中。

 

用戶研究階段輸出物

用戶需求——用戶研究報(bào)告

一份完整的用戶調(diào)研報(bào)告包含用戶數(shù)據(jù)采集,樣本分析,測(cè)試結(jié)果。并依據(jù)建立用戶畫像,必要時(shí)還可以配合產(chǎn)品經(jīng)理完成故事板——一份合理的用戶文檔是以用戶為中心的產(chǎn)品設(shè)計(jì)理念的基礎(chǔ)。

Part05? 交互設(shè)計(jì)是什么

交互設(shè)計(jì)是什么

從結(jié)構(gòu)層到框架層開(kāi)始進(jìn)入交互設(shè)計(jì)工作,也是傳統(tǒng)設(shè)計(jì)部門主要工作內(nèi)容的體現(xiàn)部分。這兩部分是交互設(shè)計(jì)師的領(lǐng)域。在結(jié)構(gòu)層和框架層兩個(gè)階段,需要將前面提到的產(chǎn)品目標(biāo),功能需求,用戶訴求,內(nèi)容等等這些分散的元素收攏起來(lái),組成一個(gè)完整具體的產(chǎn)品形象。

交互設(shè)計(jì)工作主要需要定義產(chǎn)品交互邏輯關(guān)系,信息結(jié)構(gòu),信息內(nèi)容,界面布局,導(dǎo)航關(guān)系五大方面。

交互邏輯關(guān)系

按照用戶使用習(xí)慣組織功能和內(nèi)容。

交互設(shè)計(jì)師從這里開(kāi)始,按照專業(yè)的工作流程,使用一定的手段,將功能和需求按一定的方式組織在一起,并確保用戶按照自己的理解能夠順利的走完整個(gè)產(chǎn)品功能使用流程。

信息結(jié)構(gòu)設(shè)計(jì)

按照產(chǎn)品目標(biāo)和用戶需求定義產(chǎn)品結(jié)構(gòu)

前面提到的戰(zhàn)略層面一般是由上而下的驅(qū)動(dòng)產(chǎn)品內(nèi)容組織。而在交互設(shè)計(jì)師手中,則會(huì)自下而上的梳理產(chǎn)品展現(xiàn)內(nèi)容層次。此時(shí)交互設(shè)計(jì)師還必須考慮結(jié)構(gòu)具備擴(kuò)展性和成長(zhǎng)性。

一般來(lái)說(shuō)交互設(shè)計(jì)師會(huì)采用一些比較經(jīng)典的結(jié)構(gòu)來(lái)組織功能和內(nèi)容——這些經(jīng)典結(jié)構(gòu)往往都經(jīng)歷過(guò)考驗(yàn)或使用了很長(zhǎng)時(shí)間已被用戶所接受。樹(shù)狀結(jié)構(gòu),矩陣結(jié)構(gòu),自然結(jié)構(gòu),線性結(jié)構(gòu),這一切結(jié)構(gòu)使用的原則是:符合產(chǎn)品目標(biāo)和用戶需求。

界面布局

為用戶提供做某些事情的能力

交互設(shè)計(jì)師會(huì)為頁(yè)面選擇正確的控件,根據(jù)用戶使用習(xí)慣組織到一起,并體現(xiàn)出既定商業(yè)目標(biāo),是的用戶能夠通過(guò)操作頁(yè)面上的某些元素,完成設(shè)計(jì)師設(shè)定的功能。

 

導(dǎo)航設(shè)計(jì)

為用戶提供去某個(gè)地方的能力

通過(guò)專業(yè)手段,另用戶理解頁(yè)面跳轉(zhuǎn)的辦法,及頁(yè)面包含的元素之間的關(guān)系,傳達(dá)出產(chǎn)品內(nèi)容和當(dāng)前瀏覽頁(yè)面的關(guān)系。常見(jiàn)的導(dǎo)航方式有:全局導(dǎo)航,局部導(dǎo)航,輔助導(dǎo)航,上下文導(dǎo)航,友好導(dǎo)航,網(wǎng)站地圖,索引表。

 

信息內(nèi)容

傳達(dá)某種想法給用戶

通過(guò)排列組合,按照用戶習(xí)慣和易于理解的方式,重新組織產(chǎn)品內(nèi)容,以能反映用戶思路和支持他們?nèi)蝿?wù)目標(biāo)的方式來(lái)排列組合元素。

 

交互設(shè)計(jì)階段的產(chǎn)出物

交互關(guān)系——頁(yè)面邏輯關(guān)系圖

頁(yè)面邏輯關(guān)系跳轉(zhuǎn)圖將有助于向團(tuán)隊(duì)表達(dá)功能的展現(xiàn)方式和使用流程。邏輯關(guān)系圖有助于團(tuán)隊(duì)及早判斷并發(fā)現(xiàn)會(huì)給用戶帶來(lái)困擾的使用流程。

信息結(jié)構(gòu)——頁(yè)面結(jié)構(gòu)關(guān)系圖

頁(yè)面結(jié)構(gòu)關(guān)系將使團(tuán)隊(duì)可具體了解到產(chǎn)品頁(yè)面的數(shù)量,規(guī)模,以及復(fù)雜度。優(yōu)秀的設(shè)計(jì)師會(huì)使用較少的頁(yè)面,交簡(jiǎn)單的結(jié)構(gòu),來(lái)呈現(xiàn)可能非常復(fù)雜的功能,從而減少用戶在使用中產(chǎn)生的負(fù)擔(dān)。

頁(yè)面布局/導(dǎo)航設(shè)計(jì)/信息內(nèi)容——線框圖(低保真原型)

線框圖即交互設(shè)計(jì)詳細(xì)方案,也是產(chǎn)品設(shè)計(jì)的低保真原型。交互設(shè)計(jì)師在這里詳細(xì)的描述頁(yè)面存在的一切元素和內(nèi)容。團(tuán)隊(duì)也第一次從這里了解到產(chǎn)品將如何展示到用戶面前。
 

Part06? 視覺(jué)設(shè)計(jì)是什么

視覺(jué)設(shè)計(jì)是什么

表現(xiàn)層是最終展現(xiàn)在用戶面前的部分,這里是視覺(jué)設(shè)計(jì)師施展的領(lǐng)域。設(shè)計(jì)師必須考慮產(chǎn)框架層的邏輯排布如何以用戶喜聞樂(lè)見(jiàn)的方式呈現(xiàn)給他們。此外視覺(jué)設(shè)計(jì)師還必須保證展現(xiàn)給用戶的是流暢的使用體驗(yàn),并使用專業(yè)手法,為用戶提供有效的引導(dǎo)。

視覺(jué)設(shè)計(jì)

視覺(jué)設(shè)計(jì)師需要注意哪些規(guī)則

視覺(jué)設(shè)計(jì)師在運(yùn)用專業(yè)表達(dá)手段和個(gè)人對(duì)美學(xué)的理解同時(shí),還需要遵守產(chǎn)品設(shè)計(jì)中一系列規(guī)則:使用對(duì)比的方式引導(dǎo)用戶關(guān)注產(chǎn)品目標(biāo);確保產(chǎn)品視覺(jué)的一致性以避免用戶迷惑和焦慮;基于規(guī)范和柵格進(jìn)行設(shè)計(jì),確保視覺(jué)元素在布局上的有序,利用色彩語(yǔ)言引導(dǎo)用戶理解產(chǎn)品;制定設(shè)計(jì)規(guī)范和風(fēng)格指南,以體現(xiàn)公司產(chǎn)品品牌形象。

視覺(jué)設(shè)計(jì)階段的輸出物

視覺(jué)概念設(shè)計(jì)方案

為了向團(tuán)隊(duì)展現(xiàn)及確認(rèn)視覺(jué)設(shè)計(jì)的風(fēng)格以及傾向,視覺(jué)設(shè)計(jì)師往往需要在初期根據(jù)一定的設(shè)計(jì)流程,制作不同的視覺(jué)設(shè)計(jì)概念方案,供團(tuán)隊(duì)選擇及確認(rèn)。此時(shí)針對(duì)用戶需求和特點(diǎn)進(jìn)行視覺(jué)設(shè)計(jì)是非常關(guān)鍵的一點(diǎn)。

視覺(jué)詳細(xì)設(shè)計(jì)方案

確認(rèn)視覺(jué)設(shè)計(jì)風(fēng)格以及傾向后,視覺(jué)設(shè)計(jì)師需要為所有必須的頁(yè)面制作高保真視覺(jué)設(shè)計(jì)圖,以供前端開(kāi)發(fā)團(tuán)隊(duì)開(kāi)發(fā)使用。此階段遵循團(tuán)隊(duì)視覺(jué)設(shè)計(jì)規(guī)范,及相應(yīng)平臺(tái)官方設(shè)計(jì)規(guī)范,是確保視覺(jué)設(shè)計(jì)質(zhì)量的關(guān)鍵。

視覺(jué)圖像資源及開(kāi)發(fā)說(shuō)明文檔

App設(shè)計(jì)中,視覺(jué)設(shè)計(jì)師需要為UI開(kāi)發(fā)團(tuán)隊(duì)提供相應(yīng)圖像資源,以及包含圖像尺寸,間距,狀態(tài)等開(kāi)發(fā)所需參數(shù)的說(shuō)明文檔。

 

Part07? 前端開(kāi)發(fā)是什么

前端開(kāi)發(fā)是什么

產(chǎn)品研發(fā)過(guò)程中,前端開(kāi)發(fā)是設(shè)計(jì)與用戶之間最后的一步。當(dāng)下各大互聯(lián)網(wǎng)公司用戶體驗(yàn)部門(UEC)都包含了前端開(kāi)發(fā)的團(tuán)隊(duì)。前端團(tuán)隊(duì)不僅要確保產(chǎn)品快速,無(wú)誤的傳達(dá)給用戶,還要肩負(fù)起使用新技術(shù),新手段,幫助產(chǎn)品更有力的傳遞給用戶。

考慮本文主要敘述產(chǎn)品設(shè)計(jì)部分,這里不再展開(kāi)討論。

 

Part08? 做有理有據(jù)的產(chǎn)品設(shè)計(jì)

提問(wèn)

做有理有據(jù)的產(chǎn)品設(shè)計(jì)

多年來(lái),我發(fā)現(xiàn)即便是從業(yè)多年經(jīng)驗(yàn)豐富的設(shè)計(jì)師和產(chǎn)品人,在描述自己產(chǎn)品時(shí),總還會(huì)使用“我覺(jué)得……”這類主觀詞匯。主觀判斷,主觀感受充斥著大家的潛意識(shí)。這樣條件下很難誕生真正符合用戶需求的產(chǎn)品。

請(qǐng)記住本文論述的核心思想:

我們要做到在產(chǎn)品設(shè)計(jì)開(kāi)發(fā)的每一環(huán)節(jié),都把用戶的需求納入考慮,保證每一步設(shè)計(jì)都經(jīng)過(guò)慎重考慮。妥協(xié)是存在的——但不可以是隨便的。我們要保證每件事,在每個(gè)階段,都在按正確的方式工作。

做以用戶為中心的設(shè)計(jì),做有理有據(jù)的產(chǎn)品設(shè)計(jì)。

 

Part09? 實(shí)例NQ ASF1.0(智能短信攔截項(xiàng)目摘要)

 

轉(zhuǎn)載自網(wǎng)秦UEC

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