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