善用Axure写PRD:APP文本框通用的输入规则
分享一下我整理的文本框在多种使用场景的输入规则,适用于社交,电商,o2o领域的初级PM查阅借鉴。
只有经验的结论,没有过程介绍哦。也可以直接点击查看 PRD模板网址 ,长期更新。

整理这样一份文档有这样2大作用,①有助于后端童鞋在设计数据表的时候定义数据类型,区间,边界等。当然大部分公司这个事情是后端默默的替PM做掉了。②有助于前端童鞋设定好输入的交互规则,亦可避免提交到服务端判断的错误做法。
第一步 整理文本框输入规则
先po下我整理的内容,基本上适用于大部分的app,点击图片可以看清晰的大图。

第二步 写规则到具体页面
当然你除了需要整理这张表之外,我建议你在具体页面的文本框旁边,也要写上相应的输入规则。这样方便前端童鞋写页面层。

第三步 补充通用规则
当然这里我们会发现一个问题,就是好像缺点什么。

第四步 查看PRD
生成原型页面后,查看对应的页面。查看注释tab。

请仔细看,你会发现选中左方tab-notes中的某一个模块,右方会高亮选中控件的边缘。标注这个文本框对应的注释是哪些。比拖拉一个便签好用太多。
这个功能很适合于控件和交互特别复杂的页面,比如购物车页面,确认订单页面。
下次我就讲讲axure8这个新功能,目前没看到有其他人写过相应的经验技巧。
作者:吴宝峰(微信号nuanai88),业务型产品经理,3年社交+4年电商的工作经验。
本文由 @吴宝峰 原创发布于人人都是产品经理。未经许可,禁止转载。
赞
收藏