善用Axure写PRD,APP文本框通用的输入规则

23 评论 62667 浏览 504 收藏 3 分钟

分享一下我整理的常用输入字段的规则,适用于社交,电商,o2o领域等业务场景。可自行下载源文件使用并继续自行迭代。

  1. 有助于后端童鞋在设计数据库表的时候定义清楚字段的类型,长度,边界等。
  2. 有助于交互设计师设定好输入的交互规则,提前规避错误,不用等服务端重复判断。

1、整理文本框输入规则

先发下我整理的内容,还是比较全面的。

2、写规则到具体页面

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

3、补充通用规则

除了这些字段本身的规则之外,文本框本身还有一些通用的规则。

B10F700F-6949-49E5-B169-162EE6111B5F

4、查看原型

生成原型页面后,查看对应控件的逻辑就非常全面了。

延伸一下,如果你选中左方notes中的某一个模块,右方会高亮选中控件。标注它对应的逻辑是哪些。这个方法很适合于特别复杂的页面,比如购物车页面,确认订单页面。

5、总结

我提供了Axure源文件给大家。建议下载后结合自己的产品去完善字段,后续再去设计新字段的时候就可以照搬或者快速使用。

提供Axure源文件点击下载,在线查看唯一更新网址

 

#专栏作家#

浪子,业务型PM,浪子PRD系列51prd.com,公众号langzishuo。人人都是产品经理专栏作家。

本文由 @浪子 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 原型文件?

    回复
  2. 字符串是指数字、文本都可以吗

    来自广东 回复
  3. 【获取验证码】按钮要不要算做一个项目,比如点击时要判断手机号的格式,错误要报错
    “请输入正确的手机号”,正确要变成60s倒数并发送短信

    来自广东 回复
    1. 可以把你说的这个做到Axure元件库中,方便后续使用。但是也仅仅是主要的交互校验可以方便做出来。

      来自上海 回复
  4. 手机号的数据类型应该是“数字”把

    来自广东 回复
    1. 重新理解了一下。数据类型与能输入什么类型内容无关,也可以是只允许数字的字符串。另外,需要限制死数字的范围 才是数据区间。 😀

      来自广东 回复
    2. 应该是数字,我输错了。限制输入的字符数最多为11位即可。

      来自上海 回复
    3. 为什么要限定11位,如果手机号升位了不会有麻烦吗

      来自河南 回复
  5. 非文本,比如下拉列表框这类应该如何说明?
    是否有必要也弄一张表出来呢

    来自广东 回复
    1. 可以也弄一张表来,但是常见的才有必要整理出来。因为常见所以后续才有必要用到。

      来自上海 回复
  6. 链接都失效了,查看不了,也下载不了?

    来自上海 回复
    1. 更新了地址,请复制到浏览器打开http://51prd.com/guide/常用字段.html。

      来自上海 回复
  7. 楼主源文件失效了,可否发一份给我~~感谢~991434747@qq.com

    来自广东 回复
    1. 更新了地址,请复制到浏览器打开http://51prd.com/guide/常用字段.html。
      源文件下载详见http://51prd.com/buy.html。

      来自上海 回复
  8. 另外,楼主做的闪电约没发布吗?我在应用商店里没找到呢。:)

    来自四川 回复
    1. 早发布过了,Android应用市场有的下。

      来自上海 回复
  9. 这个表确实有用。我们公司也在用。相比之下我们的模板加了一个列叫页面,注释哪个页面的控件。因为同一控件可能会出现在不同的页面,但是规则可能不一样。有时必填,有时选填。

    来自四川 回复
    1. 这个是控件的规范或者常见的规则,应用到具体页面的控件单独写逻辑更适合。

      来自上海 回复
  10. 什么时候我也能有这么都总结,楼主太棒了,膜拜!

    来自广东 回复
  11. 感谢楼主~
    😉 😉 😉
    有了这些规范参考,减少了好多钻细节的精力投入

    来自浙江 回复
    1. 是的,这也是我梳理的目的。

      来自上海 回复
  12. 楼主怎么发布到Axure.cn的啊,加载好快啊

    回复
    1. 官方的确实慢

      回复