Axure制作PRD | 如何用Axure制作“密碼管家”需求文檔

128 評論 59057 瀏覽 1532 收藏 10 分鐘

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

寫在前面

需要說明的是,其實只制作PRD是很扯淡的,一個產品的誕生是由其核心需求和商業目標所驅動的,那么我這里做出來的東西其實是拋開了商業戰略來假想的,但是核心需求是明確的,在做的過程中你能體會到一個產品經理所需要做的很多工作,我分享的就是這個過程。做它的過程和一個產品的誕生大概相同,這里我想引用《用戶體驗的要素》里面提到了五個框架來說明:戰略層、范圍層、結構層、框架層、表現層。

階段一:確定需求(戰略層)

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

階段二:確定做什么(范圍層)

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

階段三:確定怎么做(結構層)

這里要根據上一階段的功能構架,確定產品的邏輯流程、產品結構、信息結構等。實現每一個小的功能點,都要進行邏輯設計,想清楚其中的邏輯,對應的畫出流程圖。

首次進入APP流程:

liuchengtu

非首次進入APP流程:

liuchengeusaf

創建網絡庫流程:

wangdfasdf

新增密碼流程:

fdsdfsa

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

界面流轉圖(部分):

jiemian2

QQ20151105164527

QQ20151105164546

(點擊可查看大圖,完整圖片請訪問:密碼管家 原型文檔

在邏輯流程設計好之后,我進行的是產品信息構架設計,確定為了實現功能需求需要哪些信息作為支撐。

5

接下來是產品結構設計,這個把結構框架用腦圖畫出來,為原型設計打好基礎。

6

階段四:原型設計(框架層)

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

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

版本說明:

導航

全局交互:

7

控件規范:

8

網絡庫登陸界面:

9

9標注

修改密碼:

10

10標注

安全設置:

11

11標注

首頁:

12

12標注

我的資料:

16

我的收藏:

14

模板選擇:

15

我的資料:

16

設置:

17

會員中心:

18

密碼詳情:

19

密碼編輯:

20

20標注

寫在后面:

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

 

作者:潘和翔,14年大學畢業,畢業后從事與產品無關的工作。正在利用業余時間深度學習產品,這個作品正是我利用業余時間制作出來的,尋求互聯網產品機會。

本文由 @潘和翔(微信公眾號:newPMhome) 獨家授權人人都是產品經理?, 未經本站許可,不得轉載。謝謝合作。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 恩,登錄和登陸,分不清楚,哈哈

    來自重慶 回復
  2. 同求頂部導航欄實現邏輯,目前個人做的導航效果都不流暢

    來自上海 回復
  3. 請問下作者,頂部的菜單是如何做出來的呢?我嘗試用Axure制作,但是交互不像你做的那般流暢哦 ??

    來自廣東 回復
  4. 樓主做的很好,產品小白學習了~關于耗時問題,個人覺得只要有了這個模板,之后就能反復使用了,所以第一次投入的時間成本比較大,后續會簡單很多吧

    來自廣東 回復
  5. 確實是,感覺我既然把我所有的賬戶密碼都弄到這上面,你怎么保證我的信息不被泄露。感覺安全級別不夠啊。還有界面感覺贊一個,很用心學習學習。然后求原型交流跪謝,郵箱1160450248@qq.com,或者扣扣1160450248

    來自福建 回復
  6. 樓主好用心,做的真心贊,剛入行的小菜鳥表示很膜拜。

    來自北京 回復
  7. 能否發一份源文件嗎?謝謝咯,學習

    來自廣東 回復
  8. 能否分享一下源文件。謝謝。

    來自上海 回復
  9. ?? 不錯不錯 值得學習~

    來自廣東 回復
  10. 弱弱的問下, 原文件,能共享一下,讓新手學習一下

    來自浙江 回復
  11. 請問流程圖和界面流轉圖是用什么軟件畫的,是Axure畫的嗎

    來自廣東 回復
    1. 流程圖是visio,流轉圖是axure

      來自天津 回復
    2. 作者您好,請問是否可以分享一下rp學習一下 ?? 394481226@qq.com

      來自江蘇 回復
  12. 不錯。有所收獲。

    來自廣東 回復
  13. 好棒啊,原型圖很漂亮,做的很詳細,我剛剛產品入門,我有個問題,在用戶體驗里,樓主的產品目標人群包含中老年人,可是感覺繁瑣的注冊登錄保存密碼過程,對于這部分人群來說,在易用性上,會不會顯得復雜了

    來自四川 回復
  14. 模板設置和會員體系的設置真心很贊,另外我考慮的一點是對用戶的密碼進行安全級別檢查,這樣用戶體驗會更好吧 ?

    來自廣東 回復
  15. 密碼管理類,最重要的還是安全性。找到解決方案,難,讓用戶相信你,更難- -。

    來自四川 回復
  16. 厲害,我是材料學碩士,目前也想轉產品,剛自學1個月左右。學了Axure ,看了幾本入門書籍,對產品有大致的了解,但現在不知從何下手。希望你能給點建議

    來自上海 回復
  17. 好強,學習學習

    來自上海 回復
  18. 看到了如何一步步地實現一個需求 很棒的學習范例 贊哦

    來自浙江 回復
  19. 在看您的原型的時候,有幾個地方我一直搞不明白具體的case是怎樣的,能否發一下源文件參考一下啊,不勝感激!1009954682@qq.com

    來自江蘇 回復
    1. 有什么問題可以直接問我哦,或者加我微信給你解答 ??

      來自天津 回復
    2. 導航那一塊是怎么做的,為什么我加了延時的話 就會出現進入標題下拉菜單不出現的狀況?求詳解。。。。感激不盡啊

      來自江蘇 回復
    3. 就是感覺在設置case時,設置的條件都不起作用。不知道怎么解決,想了解一下自己設置的對不對

      來自江蘇 回復
    4. 能否發一份RP源文件,謝啦~
      380682272@qq.com

      來自廣東 回復
  20. 比我的PRD精致很多倍

    來自廣東 回復
  21. 可貴的分享精神?。?!贊?。。?!這是真實的項目嗎?在交互說明上有些乏力

    來自廣東 回復
  22. 密碼管理器要 個人信息干嘛?頭像,性別,地址給誰看?

    來自四川 回復
    1. 同問,收藏用來干嘛也沒看懂

      來自上海 回復
    2. 收藏的功能在我做之前就在考慮要不要去掉,你可以假想一個場景:我設置了很多密碼,但是有幾個密碼是經常查看的,這時候收藏的需求可能就出來了?,F在的版本是把收藏功能加上了,如果有數據支撐,收藏的需求不高的話,也是可以去掉的,都是看數據說話~

      來自天津 回復
    3. 如果經常查看,為何不置頂?

      來自上海 回復
    4. 因為密碼列表的話是按照字母數字順序排序的,還不能隨意置換順序,所以置頂還沒有考慮,你可以看看iOS的通訊錄,就是可以收藏的,也是這個道理

      來自天津 回復
    5. 密碼管家安全性如何保證?163郵箱都被脫褲了。
      不過您的原型文檔真的很好看,跟之前看到的一個大牛的PRD異曲同工,很厲害,贊一個。

      來自河北 回復
    6. 要說有什么用的話其他也并沒什么卵用,就是為了收集用戶信息,像頭像、性別、地址等都不是強制要求填寫的,后續版本引入積分體系后可以作為積分任務。

      來自天津 回復
  23. 原型和需求文檔都做得好精致,贊一個,就是這樣做太費時間了,特別是在創業公司里,有時甚至連需求文檔都沒有時間寫,直接程序員面談,我想在大多數的中小型公司里,根本沒有這么多時間來讓你做得如此精致。

    來自北京 回復
    1. 你說的確實是這樣,其實都是看產品經理和研發同事的默契程度來決定的

      來自天津 回復
  24. 引用《用戶體驗的要素》里面提到了五個框架來說明:戰略層、范圍層、結構層、框架層、表現層。

    為什么你的文章里只有四個框架說明。。

    “不想做產品總監的產品經理一定不是處女座!”

    來自山東 回復
    1. 啊看得好仔細,表現層由于涉及視覺設計,所以就沒有描述,忘記把這段話寫下來了,sorry

      來自天津 回復
    2. 寫的很不錯哦,PRD這個東西,在小公司其實沒有過多的規范,很多都是直接Axure做的
      但是做這樣一版的時間成本很大,具體在工作中,效率和細節需要權衡。有些細節真正的做出來也許需要一整天的時間,但是如果直接跟研發說一下,也就幾分鐘的事情。
      效果和效率之間的權衡,我認為也是產品需要考慮的。
      不過,作者的文章很不錯,已收藏??!祝你能順利踏入產品,且越來越好

      來自北京 回復
  25. 最近看了好多這樣的做法,真的方便嗎?里面得做多少交互???迭代的改動真的好改?

    來自廣東 回復
    1. 其實我問了同學的公司,他們還是以傳統的word形式提交PRD的,如果是小公司的話用axure形式的可能會更好,但是也是要看公司研發的習慣

      來自天津 回復
  26. 大家可以訪問 1passwordmanager.sinaapp.com 查看詳細的原型文檔

    來自天津 回復
  27. 原型做得很精細,但兩個月的制作時間……有點長了吧?

    來自廣東 回復
    1. 平時要上班的,只能周末的時候抽空來做,所以時間有點長。。

      來自天津 回復
    2. 做的挺好。但是對這種做法有個疑問,一般項目做這樣的原型只有三天到一周的時間。其中還包括大量的開會討論,與客戶反復溝通,正正能拿來做原型的時間很有限。而且,一般出于后面迭代、維護或者人員流動、項目管理、外包合同的目的,需求最終是要留檔的。
      也就是說這種現在大家都在提倡的原型化需求文檔在實際項目中對人對項目都還需要實踐檢驗。

      來自上海 回復
  28. 學習了,這個可是很用心做的原型,真的很棒

    來自廣東 回復
    1. 謝謝~~ ?? ,可以多討論討論產品的問題

      來自天津 回復
  29. 挺用心的 只不過 我是絕對不敢用APP來管理自己密碼的 或者說聯網的東西我都不會用 用本地記事本更感到放心

    來自上海 回復
    1. 其實我考慮過這個問題,所以給了用戶一個選擇是本地密碼庫,那個是完全本地的

      來自天津 回復
  30. 學習了,受益匪淺,碉堡

    來自天津 回復