第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

审批表单设计实战(2)

时间:2017-09-01 17:12来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
但也存在缺点:只有当指针固定在出发热点时,帮助文字才会显示。考虑到审批表单很多时候是以弹窗和侧滑窗作为承载,表现区域有限,所以使用即时帮

  但也存在缺点:只有当指针固定在出发热点时,帮助文字才会显示。考虑到审批表单很多时候是以弹窗和侧滑窗作为承载,表现区域有限,所以使用即时帮助提示会更好。

  错误与提示

  没有人真正喜欢填单,用户会急于完成表单而遗漏必填项直接提交,也会误解表单意思而出错,而面对错误的首要任务就是告知用户出错和如何补救。如何让用户第一时间知道错误?错误提示应该放在对应元素旁边,并且通过明显的视觉表现进行强调。

  

审批表单设计实战

  但我们常常犯的错误是用模态对话窗口提示错误,这在一定程度上干扰了用户,弹窗覆盖在出错表单上,用户只有先关闭了对话框才能继续操作。

  

审批表单设计实战

  当表单内容很多,屏幕一屏无法显示完表单所有信息时,错误提示应该置于表单顶部,告知用户有几处错误,需要修正后才能提交。

  

审批表单设计实战

  表单交互

  即时校验

  避免用户在点击提交后才开始校验,让用户提前纠正错误。实时、动态更新限制文本输入量。

  

审批表单设计实战

  智能默认

  智能默认设置满足多数人需要的默认选择,从而帮助用户填写单据。下图是用户发起审批后进入到的填单页面,系统会自动获取用户姓名、所属部门和申请日期等数据,为用户把这些信息填好,减少了用户的填写时间。

  

审批表单设计实战

  即时增加

  即时增加提供额外输入框给需要的人,同时不会阻碍不需要的人。审批过程设置默认没有条件,当用户需要添加条件时点击添加条件块即可。用户可以根据场景添加多条条件。

  

审批表单设计实战

  总结

  表单设计的首要目标是让人们迅速并且轻松地完成填写。最好的方式是,让表单以某种隐形方式存在,但又能保证系统和用户同时获得想要的东西。所以,表单设计不光是设计外观,我们还要去解决问题,用不同的视角和方法解决问题。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕