快生活 - 生活常识大全

善用写文本框通用的输入规则


  分享一下我整理的常用输入字段的规则,适用于社交,电商,o2o领域等业务场景。可自行下载源文件使用并继续自行迭代。
  有助于后端童鞋在设计数据库表的时候定义清楚字段的类型,长度,边界等。
  有助于交互设计师设定好输入的交互规则,提前规避错误,不用等服务端重复判断。
  1、整理文本框输入规则
  先发下我整理的内容,还是比较全面的。
  2、写规则到具体页面
  当然你除了需要整理这张表之外,我建议你在具体页面的文本框旁边,也要写上相应的输入规则。这样方便前端童鞋写页面层。
  3、补充通用规则
  除了这些字段本身的规则之外,文本框本身还有一些通用的规则。
  4、查看原型
  生成原型页面后,查看对应控件的逻辑就非常全面了。
  延伸一下,如果你选中左方notes中的某一个模块,右方会高亮选中控件。标注它对应的逻辑是哪些。这个方法很适合于特别复杂的页面,比如购物车页面,确认订单页面。
  5、总结
  我提供了Axure源文件给大家。建议下载后结合自己的产品去完善字段,后续再去设计新字段的时候就可以照搬或者快速使用。
  提供Axure源文件点击下载,在线查看唯一更新网址。
网站目录投稿:易蝶