![cd98b0aab8f2dc7d89b4c77949c2d025.png](https://i-blog.csdnimg.cn/blog_migrate/9c952ae8fa1da04599e66367b3f244fb.jpeg)
这个PRD完全使用axure制作,没有用传统的word方式,历时2个月完成制作。到现在,我觉得在转行产品的同学,也可以尝试着做一下这个事情,对你会有很大的提升,也是你找工作的一个重要筹码。
做一个密码管理类的app是我萌生已久的一个idea,起初我只是在网上查了下密码管理类App的市场,发现都是国外的几款产品占据着大部分市场,本地化的优化还不是很好,正好我最近在寻求产品类的工作,打算做出点东西来,于是就有了现在这个“密码管家”的产品原型。在这里把制作PRD的过程分享给大家,共同探讨这个产品可能性。
写在前面
需要说明的是,其实只制作PRD是很扯淡的,一个产品的诞生是由其核心需求和商业目标所驱动的,那么我这里做出来的东西其实是抛开了商业战略来假想的,但是核心需求是明确的,在做的过程中你能体会到一个产品经理所需要做的很多工作,我分享的就是这个过程。做它的过程和一个产品的诞生大概相同,这里我想引用《用户体验的要素》里面提到了五个框架来说明:战略层、范围层、结构层、框架层、表现层。
阶段一:确定需求(战略层)
这里涉及到战略层面的东西,确定核心需求就是致力于改善用户生活中密码繁多且容易忘记的问题。核心用户是商务人群和中老年人群,商业目标的话我也想了很多,但是目前还没有特别好的想法,也欢迎大家脑洞大开,提供一些好的想法。
阶段二:确定做什么(范围层)
我首先考虑的是为了实现核心需求需要做什么。目前v1.0的产品还比较简单,功能比较单一,但是基本功能需求肯定是能满足的。在此基础上,根据功能需求确定功能框架
![52be848d60ca6c7a1a807097641b8234.png](https://i-blog.csdnimg.cn/blog_migrate/4c995b0a3976aabf59e4971445eaebe4.jpeg)
阶段三:确定怎么做(结构层)
这里要根据上一阶段的功能构架,确定产品的逻辑流程、产品结构、信息结构等。实现每一个小的功能点,都要进行逻辑设计,想清楚其中的逻辑,对应的画出流程图。
首次进入APP流程:
![5717b744aba0dc392cdf22c78989c812.png](https://i-blog.csdnimg.cn/blog_migrate/753332d2ac81451a426b4978408a0a8a.jpeg)
非首次进入APP流程:
![d6166c8c2e3f0bf1aa78e0be29c4bd8a.png](https://i-blog.csdnimg.cn/blog_migrate/05dc5a83949670b9afa92f9091ae230c.jpeg)
创建网络库流程:
![fd33466d06a1ea60fcb022e02fae2932.png](https://i-blog.csdnimg.cn/blog_migrate/814129a3fc2c02c42adc321884ec4fdf.jpeg)
新增密码流程:
![ddba379dab3cbad3d63d25354ebea22e.png](https://i-blog.csdnimg.cn/blog_migrate/b879f006b54bbe62757848eca626161c.jpeg)
其实我个人很不喜欢这种纯粹的流程图,你要表达的意思别人通过这种形式的流程图很难理解,这里提倡的是有原型的流程图,所以我后来又重新设计了一张总的逻辑流程图,然后把一个比较繁琐的流程也重新设计成了这种形式。
界面流转图(部分):
![8310411465d106f0516c549582adb3f9.png](https://i-blog.csdnimg.cn/blog_migrate/47c201679a982599854238f5fa7917a3.jpeg)
![4938fbc95c275c0a14683fe5c5eb8300.png](https://i-blog.csdnimg.cn/blog_migrate/ae8824e81c4e351ca642e2a2d34d65f1.jpeg)
![4dd4f404666d02c6f043f655bc6004f1.png](https://i-blog.csdnimg.cn/blog_migrate/dac1fd462ce7fdaa8d82e1aa2ba4a43a.jpeg)
(点击可查看大图,完整图片请访问:密码管家 原型文档)
在逻辑流程设计好之后,我进行的是产品信息构架设计,确定为了实现功能需求需要哪些信息作为支撑。
![4ab438e46b0fd4d18e2eef5f3f7b6613.png](https://i-blog.csdnimg.cn/blog_migrate/71f8eac564e283e21160c5e84c39e979.jpeg)
接下来是产品结构设计,这个把结构框架用脑图画出来,为原型设计打好基础。
![5e0460ee2e4eb3a78ce1ac5b08b26703.png](https://i-blog.csdnimg.cn/blog_migrate/8619ce6fda98d1b9912c8fcf98acbbd3.jpeg)
阶段四:原型设计(框架层)
开始原型设计吧!我的方法是首先在笔记本上用笔绘制草图,然后确定界面的元素哪些是必需的,原因是什么,放弃这个元素可不可以,经过反复推敲,确定了就大胆开始设计吧!还有一点是我在每个原型图下面都绘制了相同一幅图进行标注说明,进行必要的界面解释。另外我在《Word产品需求文档,已经过时了》这篇文章中受到启发,加入了漂亮的导航设计,多谢作者臻龙~
下面给大家展示几个有代表性的界面
版本说明:
![731e7d4be01315c91fe5d64307145c69.png](https://i-blog.csdnimg.cn/blog_migrate/708eefdc3ea67913217d4c417c1bdff5.jpeg)
全局交互:
![82f3b94b914f6a07cc6e6d8c71efb61f.png](https://i-blog.csdnimg.cn/blog_migrate/4c6f91418d47de149f3499fa97e0e996.jpeg)
控件规范:
![2fdf1f3172f55b617cb00b12be675800.png](https://i-blog.csdnimg.cn/blog_migrate/951d4fc49dfa40feb458c60346546845.jpeg)
网络库登陆界面:
![7032ebd92dac0dd0a48e4d2fec36ff00.png](https://i-blog.csdnimg.cn/blog_migrate/d4e1974074325b1ea519a753f23fb349.jpeg)
![567846f5999f9b33ee49bd2d52250ec7.png](https://i-blog.csdnimg.cn/blog_migrate/e175c610436599cc66b3810c8620acac.jpeg)
修改密码:
![f0ffa820089905f4bfd9f541559a0f44.png](https://i-blog.csdnimg.cn/blog_migrate/796e0de611f84c1a1356637e43328435.jpeg)
![68191893af696e7508a5147de3520168.png](https://i-blog.csdnimg.cn/blog_migrate/94e91fee4b8b4d60d663b5aa69b04609.jpeg)
安全设置:
![c043d4d8d175a25d85d020df739944ea.png](https://i-blog.csdnimg.cn/blog_migrate/8240a848660fd83bb52d0af5c92dac7a.jpeg)
![999bcb026fd4f10b7742d7cdbcc3f92c.png](https://i-blog.csdnimg.cn/blog_migrate/9f0f62f0a9fbd494af7544c6f1b25842.jpeg)
首页:
![a70165cd278d7618ab5741435f65e8f7.png](https://i-blog.csdnimg.cn/blog_migrate/c6711afbbd5d91a3daf4072723b16a95.jpeg)
我的资料:
![c9a7906bc6106083d4e599ced4574cb7.png](https://i-blog.csdnimg.cn/blog_migrate/04ae9cd14167c89b67e4c0e6c0ac10c9.jpeg)
![56c3f34c258180742ecd4f4054937afa.png](https://i-blog.csdnimg.cn/blog_migrate/d291bdd18e646975d16baacfb304240d.jpeg)
我的收藏:
![b960de52f40cbe93314bdcffdd63e35f.png](https://i-blog.csdnimg.cn/blog_migrate/5314e9b71c4fdfbb70be97527ae94784.jpeg)
模板选择:
![a2aa0d225a5679b3f9dbedce38087600.png](https://i-blog.csdnimg.cn/blog_migrate/f680486ed4d7458d6722d168c2e94f39.jpeg)
我的资料:
![c9a7906bc6106083d4e599ced4574cb7.png](https://i-blog.csdnimg.cn/blog_migrate/04ae9cd14167c89b67e4c0e6c0ac10c9.jpeg)
设置:
![ff9f15c0c45fb344e97b32782aff5d98.png](https://i-blog.csdnimg.cn/blog_migrate/3c1eedab8c235e248ab1ea3f6ae06921.jpeg)
会员中心:
![c138d3bf654d04cb7172a10b58202559.png](https://i-blog.csdnimg.cn/blog_migrate/cc04181fc49266fcf8588bce4feb9ffc.jpeg)
密码详情:
![284f5bc28bab260b506029d0203a8931.png](https://i-blog.csdnimg.cn/blog_migrate/b4c8173c19e6b3394a4a6bfe8b395221.jpeg)
密码编辑:
![460e35951d7a27d0b7743cd2a444550f.png](https://i-blog.csdnimg.cn/blog_migrate/1b2a8eb1fc626f24ca607aacd5b073d2.jpeg)
![57d304a29a37835d9a3a96f2ee6acc7a.png](https://i-blog.csdnimg.cn/blog_migrate/99d3e0652031c48fa332a10673282e33.jpeg)
写在后面:
这个PRD完全使用axure制作,没有用传统的word方式,历时2个月完成制作。到现在,我觉得在转行产品的同学,也可以尝试着做一下这个事情,对你会有很大的提升,也是你找工作的一个重要筹码。