为啥和为什么一样吗 为什么和为啥的区别( 三 )


2. 在上个层级的标签和冒号同时存在时 , 我们这时候怎么对齐呢?
我们最好确定统一的起点 , 如下左图 , 当然在使用的过程中需要判断用户使用场景 , 如下右图是12306修改乘车人信息 , 用户注意力在信息上 , 标题仅起到区分模块的作用 。

为啥和为什么一样吗 为什么和为啥的区别


问题四:为什么优先进行在线验证?
我最初入行和研发小哥哥就争执过登录页面 , 密码输入后需要点击登录按钮才能判断密码是否正确 , 如果在输入密码后直接判断密码错误就少一步交互 , 对老年用户来说少一步就是进步一大步 。为什么密码输入后不能直接判断密码是否正确呢?
1. 在线验证
在以往的网页设计中 , 信息填写的正确与否都要等待用户点击「提交」按钮后 , 产品将用户填写的数据提供到服务器 , 由服务器来判断是否正确 。这种方法太过于依赖网速 , 并且不符合用户体验中的「及时反馈」原则 。
所以现在产品设计 , 在数据还没有提供给服务器之前 , 先在前端进行一些基础的错误排查 , 即在线验证 。
一些基础的规范 , 如邮箱是否加上了 @xxx.com  , 都是可以通过在线验证的 , 而无需上传到服务器去比对数据库 。
理想情况下 , 所有用户填写的信息都应该先经过在线验证 。用户填写完字段后 , 如果包含错误 , 应该立即给予反馈并将错误提示消息放置在用户填写字段到附近 。这样 , 错误提示容易引起用户注意 , 对于用户的交互成本也低 。用户不必要重新查找和导航到错误位置 。
需要比对数据库的信息可能无法进行在线验证 , 那就还是当用户提交将信息发送给数据库后再提示错误 。也就是是说前端只能进行简单的验证 , 比如手机号位数不对、邮箱格式不对等 , 判断密码是否正确需要后端对比数据库才能判断 , 这时候就需要点击提交按钮 。
为啥和为什么一样吗 为什么和为啥的区别


左图一输入账号后里面提示不可用 , 方便用户及时修正;而图二需要输入手机号验证码点击提交后再提示错误信息 , 从信息反馈上来看 , 全部输完了提示错误 , 交互过于繁琐 。
前端校验:一般校验显示错误和格式错误:必填项、(邮箱、电话号、地址)格式、密码强度等 。快速反馈 , 直接提醒用户错误内容 , 让用户及时知晓并更改 。后端校验:唯一性验证、验证码、敏感词等 , 触发校验请求后系统会去数据库查询校验信息 , 再给予用户相应的反馈 。
2. 复杂字段设置填写成功指示器
同样的 , 在线验证也可以用于提示用户填写的内容符合规定 。谨记错误预防准则:提供给用户相关的建议 , 将用户的输入值限制为合规的范围内 , 并允许输入错误、缩写和不同的输入格式的存在以保证产品的兼容性 。
对于复杂的输入(例如输入新密码) , 即时的在线验证(在输入字符的一瞬间提示)将防止用户多次猜测或检查输入的内容是否符合系统的设置 。在下面的示例中 , 密码强度指示符会随着用户的输入而变化 , 并帮助用户确定到目前为止的输入是否合规 , 还是要继续改进 。

推荐阅读