在产品方案阶段，画好了原型图之后，最重要的一步就是写交互规范了。一个良好的交互规范能够帮助个人、团队甚至整个企业提高开发效率、保证产品质量，进而保障用户体验统一。
记得刚做产品的时候，不知道交互规则怎么写，应该写哪些内容，自己输出的交互规则经常会落下一些细节，最后技术开发出来的产品也没有注意到那个地方，测试也没有发现这个问题。在验收产品的时候，才发现这么普遍的常识为什么开发没有注意到呢？为了保障产品质量和提高用户体验，我不得不提了优化的需求。
来自：百度图片
在经历了几次磨炼之后，我终于总结了一套还算实用的交互规范，今天我来分享一些常用的交互规范，个人思考并不完善，也希望各位大神多多指正和补充。
一 金额的相关规范
1 精确到小数点后两位，如0.01 USD
2 金额要带千分位，如100,00.00 USD，包括所有的显示及输入过程中输入金额
3 在输入数字时，弹起数据键盘，支持小数点后两位，超出两位则无法再输入
4 输入的金额为100的整数倍时，当输入的金额小于100，提示，最小金额为100，当输入的金额大于100，但不是100的整数倍时，提示，金额应该为100的整数倍。
二 日期显示规范
英文：月 日，年 时：分：秒
例如：Dec 28, 2020 18:26:30
中文：年 月 日 时：分：秒
例如：2020年12月28日 18:26:30
来自：百度图片
三 表单交互规范
3.1 表单填写
（1）只有一行，当显示不完时，用“……”表示
（2）默认回显提示语，当处于编辑状态时，表格内没有任何内容
3.2 触发错误提示的时机
（1）服务端给客户端返回错误信息（常见于用户填完信息，收起键盘，服务端去查询时，发现信息错误）
（2）用户点击下一步的按钮（用户以为自己填完了或者修改完了，然而还存在未填写或有误的信息）
（3）用户所有信息填写都对，但是系统读取手续费时失败，弹窗提示并提供重新读取的按钮
（4）对于超出一屏的表单，当点击下一步时，若错误向提示在屏幕外，需移动至屏幕内可见
3.3 错误提示的消失时机
（1）输入型：点击有错误提示的输入框，当内容有修改时，红字提示边消失，下方的内容上移（即之前出现红字提示的位置收起）
（2）选择型：点击后有弹窗，选择其中一项后，回到表单页，红字消失，下方的内容上移（即之前出现红字提示的位置收起）
来自：百度图片
3.4 键盘弹起时的交互
（1）编辑态的输入框不可被键盘遮盖
（2）若输入框需上移，且下方还有内容，输入框不要紧挨着键盘，间隔一条内容左右的距离
（3）上下滑动，不收起键盘
（4）点击行为，收起键盘，且触发弹窗（如有，例如点击了选择类选项）
四 选择器
（1）滑动滚动
（2）带选中震感
（3）带取消/确认（英文状态下的cancel/ok）
（4）点击蒙层不消失
五 账户名设置
1 Username账户名仅支持英文输入和数字输入，区分大小写，不支持中文输入，如Beauty和beauty是两个不同的账户名
2 默认提示 Username
3 字符长度限制在30个字符以内，中间可以添加空格
4 长度为6-20位，字母或字母和数字组合，不区分大小写。6-20 letters or a combination of letters and digits.
来自：百度图片
六 登录规则
1 用户名、密码、验证码校验通过 （1）如果是首次登录，先进入到修改密码页面 （2）如果是非首次登录，直接进入到首页 2 密码输入错误次数：5次 3 同一个用户名只允许一个人登录 4 密码错误输入超过5次，临时冻结，临时冻结期间不能登录； 解冻之后，再次输入错误，错误输入连续15次，永久冻结，临时冻结24小时解冻，永久冻结，联系管理员
七 电话号码
1 国际区号，初始化国际区号，不可更改，如果在其他国家地区运营，在部署时更改区号配置，号码长度根据运营区域进行设置，如果在新项目国运营，在部署时更改长度设置 2 当前开发长度限制限制在10位以上
来自：百度图片
制定自己的交互规范需要持续不断的优化，也需要根据项目产品的不同做适当的调整，在这个过程中需要多多积累，虽然会花费一定的人力及时间，但是相比于整个产品的设计研发，这些是非常有必要且有价值的。
