? ? ? ? 之前寫過(guò)一篇作為產(chǎn)品新人的總結(jié)栽惶，列了幾個(gè)產(chǎn)品人一定要注意的事項(xiàng)蛛砰。希望看到的產(chǎn)品新人能避過(guò)其中一個(gè)或幾個(gè)坑娃肿。不過(guò)咕缎，有些事情只有經(jīng)歷了，并進(jìn)行深刻的反思料扰，才會(huì)成為自己的經(jīng)驗(yàn)锨阿，他人分享的經(jīng)驗(yàn)始終是他人的。只覺得上篇文章的內(nèi)容有些空记罚。因此將一些平時(shí)的學(xué)習(xí)筆記和工作思考整理出一份原型設(shè)計(jì)的流程說(shuō)明墅诡，也算是從這一段時(shí)間的工作中提煉出的一套產(chǎn)品設(shè)計(jì)方法論。分享給正在奮斗的產(chǎn)品人，如有不妥之處末早，歡迎指正交流烟馅。

? ? ? ? 我所在公司產(chǎn)品設(shè)計(jì)的流程基本是立項(xiàng)-需求分析-競(jìng)品分析-原型+PRD-需求評(píng)審-排期-開發(fā)-測(cè)試-上線-反饋迭代。本文主要針對(duì)“原型+PRD”這一環(huán)節(jié)然磷，結(jié)合用戶體驗(yàn)五要素進(jìn)行原型設(shè)計(jì)流程說(shuō)明郑趁。《用戶體驗(yàn)要素》一書中的用戶體驗(yàn)五要素可謂是每個(gè)產(chǎn)品人設(shè)計(jì)產(chǎn)品的標(biāo)準(zhǔn)姿搜。雖然討論的是用戶體驗(yàn)寡润，但滿足這五個(gè)要素的過(guò)程其實(shí)就是設(shè)計(jì)一款產(chǎn)品的過(guò)程。這一過(guò)程中需要產(chǎn)品經(jīng)理和業(yè)務(wù)方舅柜，開發(fā)以及UI密切溝通梭纹。產(chǎn)品設(shè)計(jì)中的其他環(huán)節(jié)暫時(shí)不多做說(shuō)明。

首先是戰(zhàn)略層致份。

? ? ? ? 戰(zhàn)略層定義了用戶想從產(chǎn)品中獲得什么变抽，以及經(jīng)營(yíng)者想從中獲得什么。在我看來(lái)氮块，這就是產(chǎn)品的定位绍载，一款產(chǎn)品的定位做好了，之后圍繞產(chǎn)品定位的設(shè)計(jì)工作就可以有序展開滔蝉。我現(xiàn)在還未達(dá)到可以對(duì)產(chǎn)品規(guī)劃負(fù)責(zé)的程度击儡，但在實(shí)踐中如果有合適的想法，就會(huì)提出來(lái)交流討論蝠引。

其次是范圍層阳谍。

? ? ? ? 范圍層確定了產(chǎn)品的各種特性和功能最合適的組合方式。根據(jù)產(chǎn)品定位和發(fā)展規(guī)劃確定產(chǎn)品的核心功能立肘，以最少的功能滿足大部分用戶的使用目標(biāo)。這個(gè)可以從產(chǎn)品涉及的業(yè)務(wù)層面入手名扛，繪制一個(gè)情景劇本谅年，不需要很詳細(xì)，但需要列出用戶使用的整個(gè)流程以及涉及的相關(guān)功能肮韧，然后從中提取需求并對(duì)需求進(jìn)行優(yōu)先級(jí)排列融蹂。接著，就可以開始考慮如何表現(xiàn)功能弄企。

接著是結(jié)構(gòu)層超燃。

? ? ? ? 開始時(shí)需要全局的去看產(chǎn)品的表達(dá)方式，對(duì)功能型產(chǎn)品來(lái)說(shuō)拘领，結(jié)構(gòu)層用來(lái)設(shè)計(jì)用戶如何到達(dá)某個(gè)頁(yè)面意乓，并且在他們做完事情之后能去什么地方。對(duì)信息型產(chǎn)品约素，結(jié)構(gòu)層用來(lái)合理安排內(nèi)容元素以促進(jìn)用戶理解信息届良。一般的app或者web端產(chǎn)品笆凌，在我看來(lái)，這部分會(huì)涉及到交互和視覺兩個(gè)層面士葫，包括由場(chǎng)景劇本和需求創(chuàng)建的粗略的屏幕和行為草圖乞而。需要注意的是開始設(shè)計(jì)時(shí)，先把重點(diǎn)放在功能層面慢显，先滿足人物場(chǎng)景需求爪模，然后在設(shè)計(jì)具體細(xì)節(jié)時(shí)再修改。

然后是框架層荚藻。

? ? ? ? 這一階段開始更加具體的功能體現(xiàn)設(shè)計(jì)屋灌，包括對(duì)按鈕，控件鞋喇，照片声滥，文本區(qū)域位置的布局≌煜悖框架層通常用于優(yōu)化設(shè)計(jì)布局落塑，產(chǎn)品經(jīng)理就需要了解如何擺放這些元素，才能達(dá)到最大的效果和效率罐韩。比如不同場(chǎng)景下確認(rèn)刪除提示中“取消”和“確定”的位置擺放憾赁，就需要考慮位置的不同會(huì)對(duì)的用戶操作產(chǎn)生的影響，這種影響的結(jié)果是否與預(yù)期目標(biāo)一致散吵。

最后是表現(xiàn)層龙考。

? ? ? ? 表現(xiàn)層由一系列頁(yè)面，圖片和文字組成矾睦。表現(xiàn)層決定了產(chǎn)品帶給人的感受是否與產(chǎn)品定位和氣質(zhì)相符晦款。表現(xiàn)層設(shè)計(jì)時(shí)產(chǎn)品經(jīng)理需要與UI進(jìn)行溝通，做到讓用戶第一眼看到這個(gè)產(chǎn)品不反感枚冗。如果表現(xiàn)層設(shè)計(jì)優(yōu)秀缓溅，也會(huì)給用戶的初始體驗(yàn)加分，所以赁温，產(chǎn)品經(jīng)理具有較高的審美水平也對(duì)產(chǎn)品有益坛怪。有一些設(shè)計(jì)原則和一些設(shè)計(jì)基礎(chǔ)理論，比如《寫給大家看的設(shè)計(jì)書》中提到的四大設(shè)計(jì)原則：對(duì)比股囊，對(duì)齊袜匿，重復(fù)，親密性稚疹，也是需要了解并會(huì)運(yùn)用的居灯。

? ? ? ? 原型和PRD撰寫過(guò)程中，戰(zhàn)略層和范圍層決定了產(chǎn)品的方向和功能，為后續(xù)的產(chǎn)品設(shè)計(jì)奠定基調(diào)穆壕，范圍層待牵，結(jié)構(gòu)層和表現(xiàn)層，則把這些功能以界面喇勋，彈框缨该，跳轉(zhuǎn)等具體形式表現(xiàn)出來(lái)。實(shí)際工作中把這五個(gè)層次理解清楚川背，產(chǎn)品設(shè)計(jì)的框架和細(xì)節(jié)其實(shí)就很清晰明了贰拿。看過(guò)很多大神分享的產(chǎn)品設(shè)計(jì)流程熄云，這些方法論經(jīng)過(guò)工作實(shí)踐的驗(yàn)證膨更，很有借鑒意義，不過(guò)適合自己的方法才是最好的缴允。

? ? ? ? 我的微信號(hào)是：koala344699754

? ? ? ? 希望能認(rèn)識(shí)一些產(chǎn)品人荚守，可以一起探討問(wèn)題，共同成長(zhǎng)练般。