做一個(gè)密碼管理類(lèi)的app是我萌生已久的一個(gè)idea，起初我只是在網(wǎng)上查了下密碼管理類(lèi)App的市場(chǎng)，發(fā)現(xiàn)都是國(guó)外的幾款產(chǎn)品占據(jù)著大部分市場(chǎng)，本地化的優(yōu)化還不是很好，正好我最近在尋求產(chǎn)品類(lèi)的工作，打算做出點(diǎn)東西來(lái)，于是就有了現(xiàn)在這個(gè)“密碼管家”的產(chǎn)品原型。在這里把制作PRD的過(guò)程分享給大家，共同探討這個(gè)產(chǎn)品可能性。

寫(xiě)在前面

需要說(shuō)明的是，其實(shí)只制作PRD是很扯淡的，一個(gè)產(chǎn)品的誕生是由其核心需求和商業(yè)目標(biāo)所驅(qū)動(dòng)的，那么我這里做出來(lái)的東西其實(shí)是拋開(kāi)了商業(yè)戰(zhàn)略來(lái)假想的，但是核心需求是明確的，在做的過(guò)程中你能體會(huì)到一個(gè)產(chǎn)品經(jīng)理所需要做的很多工作，我分享的就是這個(gè)過(guò)程。做它的過(guò)程和一個(gè)產(chǎn)品的誕生大概相同，這里我想引用《用戶(hù)體驗(yàn)的要素》里面提到了五個(gè)框架來(lái)說(shuō)明：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。

階段一：確定需求（戰(zhàn)略層）

這里涉及到戰(zhàn)略層面的東西，確定核心需求就是致力于改善用戶(hù)生活中密碼繁多且容易忘記的問(wèn)題。核心用戶(hù)是商務(wù)人群和中老年人群，商業(yè)目標(biāo)的話(huà)我也想了很多，但是目前還沒(méi)有特別好的想法，也歡迎大家腦洞大開(kāi)，提供一些好的想法。

階段二：確定做什么（范圍層）

我首先考慮的是為了實(shí)現(xiàn)核心需求需要做什么。目前v1.0的產(chǎn)品還比較簡(jiǎn)單，功能比較單一，但是基本功能需求肯定是能滿(mǎn)足的。在此基礎(chǔ)上，根據(jù)功能需求確定功能框架

階段三：確定怎么做（結(jié)構(gòu)層）

這里要根據(jù)上一階段的功能構(gòu)架，確定產(chǎn)品的邏輯流程、產(chǎn)品結(jié)構(gòu)、信息結(jié)構(gòu)等。實(shí)現(xiàn)每一個(gè)小的功能點(diǎn)，都要進(jìn)行邏輯設(shè)計(jì)，想清楚其中的邏輯，對(duì)應(yīng)的畫(huà)出流程圖。

首次進(jìn)入APP流程：

非首次進(jìn)入APP流程：

創(chuàng)建網(wǎng)絡(luò)庫(kù)流程：

新增密碼流程：

其實(shí)我個(gè)人很不喜歡這種純粹的流程圖，你要表達(dá)的意思別人通過(guò)這種形式的流程圖很難理解，這里提倡的是有原型的流程圖，所以我后來(lái)又重新設(shè)計(jì)了一張總的邏輯流程圖，然后把一個(gè)比較繁瑣的流程也重新設(shè)計(jì)成了這種形式。

界面流轉(zhuǎn)圖（部分）：

（點(diǎn)擊可查看大圖，完整圖片請(qǐng)?jiān)L問(wèn)：密碼管家 原型文檔）

在邏輯流程設(shè)計(jì)好之后，我進(jìn)行的是產(chǎn)品信息構(gòu)架設(shè)計(jì)，確定為了實(shí)現(xiàn)功能需求需要哪些信息作為支撐。

接下來(lái)是產(chǎn)品結(jié)構(gòu)設(shè)計(jì)，這個(gè)把結(jié)構(gòu)框架用腦圖畫(huà)出來(lái)，為原型設(shè)計(jì)打好基礎(chǔ)。

階段四：原型設(shè)計(jì)（框架層）

開(kāi)始原型設(shè)計(jì)吧！我的方法是首先在筆記本上用筆繪制草圖，然后確定界面的元素哪些是必需的，原因是什么，放棄這個(gè)元素可不可以，經(jīng)過(guò)反復(fù)推敲，確定了就大膽開(kāi)始設(shè)計(jì)吧！還有一點(diǎn)是我在每個(gè)原型圖下面都繪制了相同一幅圖進(jìn)行標(biāo)注說(shuō)明，進(jìn)行必要的界面解釋。另外我在《Word產(chǎn)品需求文檔，已經(jīng)過(guò)時(shí)了》這篇文章中受到啟發(fā)，加入了漂亮的導(dǎo)航設(shè)計(jì)，多謝作者臻龍~

下面給大家展示幾個(gè)有代表性的界面

版本說(shuō)明：

全局交互：

控件規(guī)范：

網(wǎng)絡(luò)庫(kù)登陸界面：

修改密碼：

安全設(shè)置：

首頁(yè)：

我的資料：

我的收藏：

模板選擇：

我的資料：

設(shè)置：

會(huì)員中心：

密碼詳情：

密碼編輯：

寫(xiě)在后面：

這個(gè)PRD完全使用axure制作，沒(méi)有用傳統(tǒng)的word方式，歷時(shí)2個(gè)月完成制作。到現(xiàn)在，我覺(jué)得在轉(zhuǎn)行產(chǎn)品的同學(xué)，也可以嘗試著做一下這個(gè)事情，對(duì)你會(huì)有很大的提升，也是你找工作的一個(gè)重要籌碼。

作者：潘和翔，14年大學(xué)畢業(yè)，畢業(yè)后從事與產(chǎn)品無(wú)關(guān)的工作。正在利用業(yè)余時(shí)間深度學(xué)習(xí)產(chǎn)品，這個(gè)作品正是我利用業(yè)余時(shí)間制作出來(lái)的，尋求互聯(lián)網(wǎng)產(chǎn)品機(jī)會(huì)。

本文由 @潘和翔（微信公眾號(hào)：newPMhome） 獨(dú)家授權(quán)人人都是產(chǎn)品經(jīng)理?， 未經(jīng)本站許可，不得轉(zhuǎn)載。謝謝合作。