從需求到拆解產(chǎn)品
《掌握需求過(guò)程》這本書(shū)中說(shuō)到:
“需求是產(chǎn)品必須完成的事以及必須具備的品質(zhì)”,是在構(gòu)建產(chǎn)品前需要發(fā)現(xiàn)的東西。
《啟示錄:打造用戶喜愛(ài)的產(chǎn)品》提到:
“我建議產(chǎn)品經(jīng)理關(guān)注日常生活里那些讓大眾煩惱不堪,又不得不應(yīng)付的事情。如果產(chǎn)品經(jīng)理能解決這些問(wèn)題,一定能打造成成功的產(chǎn)品?!?/p>
所以作為一名產(chǎn)品經(jīng)理,首先要做的,就是不斷地去發(fā)現(xiàn)用戶仍未得到解決或優(yōu)化的問(wèn)題,然后思考能否用產(chǎn)品的手段解決掉。
這樣搞定產(chǎn)品結(jié)構(gòu)圖
一個(gè)產(chǎn)品的結(jié)構(gòu)圖,其中包括每個(gè)欄目以及所包含的功能以及展示信息。而用戶流程圖則是展示一個(gè)用戶使用這些功能的流圖,第一步做什么,第二步做什么,檢查產(chǎn)品結(jié)構(gòu)圖是否合理,是否注意到用戶體驗(yàn),并且邏輯能否走得通。
另外就是定期去分析一個(gè) App ,寫(xiě)出里面的關(guān)鍵點(diǎn),比如我們能從中得到什么結(jié)論、學(xué)到什么新的交互邏輯、頁(yè)面怎么更好的布局、某些提示怎么處理等等。一般拿到一款 App ,不是先探究細(xì)節(jié),而是先要觀察整體。先完整的操作一遍這款產(chǎn)品,熟悉大致的功能、頁(yè)面流程以及框架結(jié)構(gòu)。
如下圖,我們通常用思維腦圖分析一款產(chǎn)品的結(jié)構(gòu):
產(chǎn)品結(jié)構(gòu)圖的設(shè)計(jì)流程
盡可能列出你要做的產(chǎn)品的所有功能。將所有功能一一列在紙上,尤其確定產(chǎn)品的必要核心功能。圍繞每個(gè)核心功能,將屬于它的子功能、模塊進(jìn)行歸類。子功能可有多個(gè)層級(jí)。同時(shí)可以標(biāo)出每個(gè)獨(dú)立的頁(yè)面。在每個(gè)功能節(jié)點(diǎn)上,補(bǔ)充必要的信息元素。使用思維導(dǎo)圖(或其他工具)將上述內(nèi)容整理成圖形,完成。
除此之外,作為一個(gè)產(chǎn)品或者設(shè)計(jì)人員,要學(xué)習(xí)產(chǎn)品的設(shè)計(jì)與交互,一個(gè)很好的方法,就是臨摹。把你喜歡的做得好的產(chǎn)品(大家作品)的每個(gè)頁(yè)面臨摹(反演)出來(lái),反演時(shí)思考產(chǎn)品為什么要這種信息架構(gòu),為什么這個(gè)頁(yè)面要放這些功能,每個(gè)區(qū)域放哪些元素,各個(gè)頁(yè)面是如何跳轉(zhuǎn)的。通過(guò)幾次臨摹,你一定對(duì)產(chǎn)品的設(shè)計(jì)和背后的邏輯有深入的領(lǐng)會(huì)。
同理,一款完整的app是主要包括 產(chǎn)品戰(zhàn)略層,交互邏輯層,UI視覺(jué)層,開(kāi)發(fā)&后臺(tái)層,以及最后的運(yùn)營(yíng)推廣層組成。每一個(gè)層次都可以進(jìn)行詳細(xì)拆解分析,但如題所說(shuō),這里我們著重分析拆解交互邏輯層。
拆解產(chǎn)品過(guò)程中的關(guān)鍵步驟:制作流程圖
只要有事情和任務(wù),流程就會(huì)有,但是并不是所有的流程都適合用流程圖的方式去表現(xiàn),適合用流程圖去表現(xiàn)的流程是一定程度固定的有規(guī)律可循的。這里的“流程圖”既然包括模塊和元素,是“逐漸完善產(chǎn)品的結(jié)構(gòu)導(dǎo)圖”,可以直接指導(dǎo)線框圖制作。
常見(jiàn)的3種流程圖
業(yè)務(wù)流程圖
通常由幾個(gè)「角色」來(lái)組成,互相配合流水線般的工作穿插,譬如小A搞定了給了小B,小B搞定他的部分傳給小C,小C搞定后又要將結(jié)果傳給小A做……可以認(rèn)為這種在各種角色中的穿梭操作就是所謂“業(yè)務(wù)流程”。
工具圖形:泳道圖
[泳道圖按角色劃分為一個(gè)個(gè)泳道,每個(gè)角色的活動(dòng)散落在各個(gè)角色對(duì)應(yīng)的泳道里。泳道圖是將模型中的活動(dòng)按照職責(zé)組織起來(lái)。這種分配可以通過(guò)將活動(dòng)組織成用線分開(kāi)的不同區(qū)域來(lái)表示。]如下圖所示:
操作流程圖
用戶對(duì)產(chǎn)品功能的操作過(guò)程,這個(gè)流程是為了完成某個(gè)任務(wù)。比如成功注冊(cè)、登錄或者支付
工具圖形:程序流程圖
頁(yè)面流程圖
主要體現(xiàn)在頁(yè)面跳轉(zhuǎn)邏輯
工具圖形:原型圖
總結(jié)
對(duì)于一個(gè)新的產(chǎn)品,作為產(chǎn)品經(jīng)理我們應(yīng)該從業(yè)務(wù)高度梳理產(chǎn)品結(jié)構(gòu),包括信息、功能、接口、邏輯、流程等。勾勒出產(chǎn)品的框架,拆分產(chǎn)品的結(jié)構(gòu),從表現(xiàn)到本質(zhì)都弄清楚產(chǎn)品需要做成什么樣子,怎么實(shí)現(xiàn),如何迭代等。
本文總結(jié)了拆解產(chǎn)品的三步法,雖不算非常牛逼,但是屢試不爽,如有雷同,純屬巧合。
- 第一步使用腦圖拆分結(jié)構(gòu),了解框架;
- 第二步,使用低保真線框圖,重建主體模塊及功能;
- 第三步,完善線框圖,形成有細(xì)節(jié)的原型圖。
作者:Mandy權(quán),微信公眾號(hào):PMandyQ(PM:?MandyQ),一名快樂(lè)的產(chǎn)品經(jīng)理!
本文由@Mandy權(quán) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,請(qǐng)勿轉(zhuǎn)載。
業(yè)務(wù)流程圖是針對(duì)整體功能的業(yè)務(wù)流程還是針對(duì)app部分功能的畫(huà)的?
業(yè)務(wù)流程
流程圖不對(duì)
有啥好建議呢?
大神帶帶我,給我留個(gè)聯(lián)系方式
業(yè)務(wù)流程,操作流程,頁(yè)面流程,對(duì)于“業(yè)務(wù)流程”的理解一直不夠深刻,業(yè)務(wù)流程主要是表達(dá)一個(gè)產(chǎn)品的什么?主要是給誰(shuí)看?和操作流程有什么不同?
業(yè)務(wù)流程即某個(gè)業(yè)務(wù)功能的邏輯;操作流程即為某個(gè)產(chǎn)品模塊的邏輯
求解
求問(wèn)泳道圖是用什么畫(huà)的
windows可以用visio,mac可以用sketch
網(wǎng)頁(yè)版project也可以
有沒(méi)得Axure的視頻教程?自己琢磨有點(diǎn)費(fèi)時(shí),(ˇ?ˇ) 想了解一下做app和做網(wǎng)站原型圖的一個(gè)大概方法流程
挺好
說(shuō)的不錯(cuò)
我點(diǎn)擊圖片竟然放小,我想看清楚圖片里面的內(nèi)容都不可以,真不知道這產(chǎn)品經(jīng)理是怎么想的?。。。?!懊惱 ??
呃
可以看清楚的
可以把圖片保存下來(lái),然后再打開(kāi)看
簡(jiǎn)潔易懂
xmind
請(qǐng)問(wèn)樓主腦圖用的是什么軟件
mindmanager
請(qǐng)問(wèn)原型圖是用什么工具畫(huà)的呢?
Axure
??