画原型前要了解的产品套路(五)-面向开发的原型

前面啰嗦了4篇文章,终于开始讲原型了。文末有彩蛋,哈哈。。

原型是产品与技术交流的重要文档,很多公司都不会用prd跟技术沟通的,因为没有人愿意花半天时间看全是文字的word文档。

其实在日常工作中,我一般也是将所有需求内容写在原型上与技术沟通,图文结合方便自己也方便技术,而prd则是作为留档文件,软件的第一个版本写一份完整的prd,之后每次迭代进行更新,便于日后查询和工作交接。

一个完整的原型,至少要包括以下几个部分:
1、文档修改记录
2、页面结构
3、功能流程
4、全局说明
5、原型正文

1、文档修改记录

这个是原型必不可少的内容,记录什么时间创建的该文档,什么时间修改了文档,修改了哪些内容,修改人是谁。

大家都知道,一个原型文档提交给技术以后,在开发过程中不免有些内容可能不合理而出现小的原型(需求)变更,这个时候产品经理在修改完原型之后就要发技术一个最新版。有了修改记录,技术能够很清楚的知道你改了哪里,而对于产品来说,修改记录也是也是以后查询需求的重要依据。

2、页面结构

页面结构就是产品功能模块的一个总览,通常会用Visio来绘制结构图,展示页面结构关系。让技术一看就知道产品包含哪些模块。

3、功能流程

主要展示功能的操作流程,在功能流程中通常包括操作和判断两类,比如注册流程中用户进行输入操作之后,要进行号码位数是否符合要求,判断是否已注册等。

功能流程对于技术来说很重要,也是考验产品逻辑思维能力的部分,将流程理顺,将流程中可能出现的各种情况考虑到位,会为以后开发节约很多时间。

4、全局说明

全局说明一般会写整个原型中涉及的一些通用性的说明,或者是对某一类具有共性的是说明进行汇总统一说明,便于技术查阅。
(1)风格指南
目前的移动端产品设计主要是Android和iOS,两者的设计风格是有各自的规范的,比如警告视图、toast的样式,加载的形式等。建议产品的同学下载或者找技术要一份两个平台的界面设计规范文档,做一下了解。

风格指南包含全部的页面元素,这些元素被提取出来放在一张图上,可以看到这些元素之间是否排斥,风格是否统一。可以与了解两个平台不同特点的设计师一起确定。

(2)字符限制
除了常见的用手机号注册时的字符限制以外,还有密码的字符限制(至少、最多几位,是否支持字母,是否支持大写等),评论的字符限制,发布文章的字符限制等,所有涉及用户文本输入的部分都要确定字符限制规则。

这个很重要,因为很多地方做怎样的限制规则是很有讲究的,比如用户名我们希望用户填写的是自己真实姓名,那么是不是就限制为汉字?我们的用户有没有可能是歪果仁呢?如果有,那要考虑这个群体的数量有没有必要为其放开汉字的限制。

(3)异常说明
主要说明在各种异常情况下,产品该作何反应,为用户呈现怎样的提示或界面。最常见的比如无网络,连接超时等。

5、原型正文

做好了前面的准备后,开始撰写各个功能页面的详细说明。

这里有个建议,画原型时尽量少用交互动作,比如点击某个按钮跳转到其功能详细页,或者点击后某个界面弹窗隐藏等。虽然Axure或其他原型软件可以指示哪里可以点击,但跳转几次之后漏点的概率相当大,对于技术来说,平铺式的原型文档更容易阅读,不会遗漏某些界面的说明。

画好原型界面,按照页面模块进行说明,说明内容主要包括:

(1)概述
概述并不仅仅是说明这是个什么页面,还可以说明这里哪些规则引用了全局说明,这个页面需不需要登录等。

(2)罗列数据
页面都是由数据组成,这个页面包含哪些数据需要进行罗列,罗列方式可以参考:

数据 类型 优先级 操作 备注
用户头像 图片 1 点击进入页面B01 展示型信息
姓名 单行文本 2

(3)操作
说先说明页面的初始状态,然后根据需要说明操作的前置判断条件,比如点击评论按钮,一般都会有登录的前置判断。最后说明操作可能出现的各种结果的情况。


至此,《画原型前要了解的产品套路》就分享完了。产品经理不是画原型那么简单,调研需求、整理需求、设计产品、输出开发文档,每一个环节都有很多内容值得好好学习。共勉!

以上,来自Gara《绝密原型档案》的读书笔记。最后再推荐一次,真心不错。

感谢Gara提供的彩蛋——原型模板,这才是原型该有的样子,不看后悔哦。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容