绝密原型档案后记:原型背后的设计思路(附Axure源文件下载)

175 评论 362055 浏览 1177 收藏 6 分钟

本着对思想的传播负责任,我要对之前那篇文章做一些补充说明。原型制作是一个循序渐进的过程,需求文档也不可能一蹴而就,我们通常是在项目过程中一步步优化的。以下是原型在项目过程中的成长历程。

运营需求

让我们先放下所有接口问题、用户体验问题、产品方向问题。仅考虑需求本身:做一个核心功能为违章处理的车辆服务app。

  • 运营驱动型产品
  • 第一期核心功能违章处理
  • 用户产生直接消费,消费产生流水,流水产生于两个部分:提成/充值

于是我做的第一件事情,是抱着基本的产品流程去找运营。运营小伙伴帮助我完成了一套完整的业务流程。除了产品内的流转,还有产品外的流转,我们需要在早期就为客服、编辑、审核人员留下位置。

开发评审

与运营小伙伴沟通过以后,我抱着业务流程和初步的原型去找开发。开发对大功能点进行评审和预估。确认之后我继续做原型。

设计师也看到了原型,可以根据原型开始风格设计。

此时的原型:

cishideyuanxing

虽然很粗糙,但是已经加入了栅格系统和母版。

shanggexitong

前端制作

团队成员对需求已经有了大致的概念后,下一步是评估开发工作量与前端制作,此时我开始细化原型。目标是整理主体流程的页面和梳理功能点。我在原型中添加了修改记录、页面结构、对原型本身的元素进行了统一并做了全局说明。页面中又对操作、内容和交互设计进行了需求说明。

此时的原型:

zhenglie1

zhenglie2

zhenglie3

(左侧的数字并不是页面编号,此时我还不能确定页面是否没有遗漏。这些数字是页面分类,比如3代表内容页和功能页,2代表列表页)

测试与运营

我们进入了和开发调整需求细节的环节,同时要开始运营相关工作的准备。于是页面中出现了和运营有关的工作内容。并且由于细节的确定,我开始为页面编号,用于未来设计师图片编号等等团队协作。

此时的原型:

pailie1

pailie2

1.0需求封版本

上一版原型已经接近所有最后的产品形态,还是经过一些细节的反馈和调整后,我制作了最后一个版本的原型,并且封锁需求文档。

此时的原型:

zuizhongpian

这就是最终《绝密原型档案:看看专业产品经理的原型是什麽样》中原型的由来过程。

源文件下载

人人都是产品经理已经从作者处买断本源文件版权,供人人都是产品经理社区粉丝免费学习参考使用。任何单位、组织、机构或个人不得用于除学习之外的任何商业用途。违者追究法律责任。

链接: http://pan.baidu.com/s/1i3pN1Tb

密码: rdtw

#专栏作家#

GaraC,知乎账号:GaraChenV,人人都是产品经理专栏作家。专长研究用户体验,虐待各种形式的键盘。关注教育、学习、LBS等相关领域产品。专业鉴定各种书籍。爱好:收集各种乐谱和书。

本文系作者独家授权发布,未经本站许可,禁止转载,违者追究法律责任。谢谢合作。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 有时简洁一些,比较好

    来自浙江 回复
  2. 感谢作者的无私分享

    来自福建 回复
  3. 其实这份原型我看晕了,说明太多了,各种颜色的字体密密麻麻,有点看不明白

    来自福建 回复
  4. 一直觉得高精度的原型图,对设计会友好一些

    然而开发还都不愿太被掣肘,求辩证

    来自中国 回复
  5. 写这么细估计没一个月出不来,尽管写的这么细,开发一般还是不愿意仔细看,该骂产品狗的还是要骂,所以我觉得这种原型我还是算了吧,还是当面跟开发沟通完全比较好,然后继续让他们骂去吧

    来自上海 回复
  6. 想问下这个产品原型做的这么细是不是可以直接拿给开发的开发了呢?

    来自北京 回复
  7. 第一时间下载和研究学习了一下,牛叉,产品街的楷模

    来自广东 回复
  8. 思路和展示方法都很清晰,学习

    来自北京 回复
  9. 好厉害啊!太详细了! 😀 😀

    来自浙江 回复
  10. 能看能下 报错是什么报错 如果是显示该文件只读显示的话 点击是就可以出来了 我的是7.0

    来自广东 回复
    1. 就说文件可能有破损或加密,现在可以了,可能是网络不好,下载有问题了,重新试一次就可以了

      来自浙江 回复
  11. 能下载,用axure7.0打开之后就报错,是版本问题吗?

    来自浙江 回复
  12. 很不错,小白受教了。谢谢作者。

    来自四川 回复
  13. 主要还是文章写的好,原型都大同小异的。

    来自浙江 回复
  14. 貌似文件有问题 下载之后打不开 提示文件损坏 麻烦楼主再上传一遍

    来自上海 回复
  15. 🙄 🙄 🙄 🙄 🙄
    无限感激~~~么么哒~~

    来自广东 回复
  16. 打不开文件啊,什么情况

    来自上海 回复
  17. 真不错

    来自福建 回复
  18. 感谢分享。要是有WEB产品原型就更好了

    来自江苏 回复
  19. 支持一下,太棒了。希望还能有更多优质文档出现!

    来自北京 回复
  20. 为什么这么多人都说下载链接有问题,我可以正常下载打开呀

    来自广东 回复
    1. 你的axure是什么版本的?

      来自浙江 回复
  21. 不能下载 真是醉了

    来自北京 回复
    1. 可以呀 可以呀

      来自广东 回复
  22. 重新传吧,文件好像有问题,打不开

    来自四川 回复
  23. 下载文件为空白,用axure打不开

    来自上海 回复
  24. 不能打开是什么情况啊

    来自四川 回复
  25. 写得很早,思路很清晰。

    来自山东 回复
  26. 我当时很膜拜这个帖子啊,居然有续篇,给力,赞!

    来自辽宁 回复
  27. 写得很早,思路很清晰。

    来自上海 回复
  28. 下载之后的文件是什么格式啊 打不开?

    来自上海 回复
    1. 我也是,用Axure打不开,报文件错误

      来自四川 回复
  29. 😀 😀 😀 多谢作者无私分享。群里面有小伙伴还问源文件呢。很有条理,很值得学习借鉴

    来自江苏 回复
  30. 🙄 1024 感谢分享

    来自北京 回复