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

寫在前面

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

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

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

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

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

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

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

首次進入APP流程：

非首次進入APP流程：

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

新增密碼流程：

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

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

（點擊可查看大圖，完整圖片請訪問：密碼管家 原型文檔）

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

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

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

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

下面給大家展示幾個有代表性的界面

版本說明：

全局交互：

控件規(guī)范：

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

修改密碼：

安全設(shè)置：

首頁：

我的資料：

我的收藏：

模板選擇：

我的資料：

設(shè)置：

會員中心：

密碼詳情：

密碼編輯：

寫在后面：

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

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

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