技术资讯
表单中的重置与取消按钮
2008-11-10 22:28:00
Article copyright by Jakob Nielsen
Jakob Nielsen版权所有
作者:Jakob Nielsen
译者:UCD翻译小组,Link
大在大部分网页表单中,移除重置按钮会有效提升可用性,同样的,取消按钮对网页的意义也不太大。
启发式的交互设计中最基本的一点是在任何情况下为用户提供“紧急出口”,离开当前环境。撤销功能是最好的🐽解决方法之一,基本原则只是告诉我们要提供撤销功能但并没有告诉我们怎么做。往往,不同的原则适用于不同的用户界面:
在基于窗口环境的用户界🐼面中,取消按钮可以让用户通过对对话框的操作,实现探索性的学习。相比较而言,你在老些的系统中下𒉰达了错误的命令往往意味着你将陷入绝境。
在编辑系统中通常会有撤销命令来使文档回复到用户编辑之前的状态。有时,多级撤销和重复命令是很有用但又🉐令人𒁃困扰的功能。
网页试图通过重置和取消按钮来复制以上特性,但用户往往更愿意通过浏览器的后退按钮来离开误入的页面。
不要使用重置按钮!
如果去掉所有重置按钮,网页将变为一片净土。这些按钮非但不能帮助用户,还可能伤害到他们。
重置功能会把用户输入到表单中的所有信息清除掉,但为什么用户要使用这样的功能呢?用户浏览网页的时候会在页面之间频繁转换,他们很少重复访问相同的表
单,因此,表🍰单在呈现给用户的时候就是干干净净的。而当用户使用相同的进程重新访问一个表单时,编辑原有的数据往往比重新填写更便捷。
重置按钮会在以下三个方面伤害用户:
最糟糕的问题是用户想点击提交却误点了重置,他们填写的信息将一下子付之东流。
在表单底部提供两个按钮将混淆交互界面并让用户难以搞清下一步要做什么。用户会把一小部꧒分时间浪费在浏览无用的按钮和决定哪一个才是该点的上面。
当用户希望在表单中修改已经填写的信息时,面对额外的按钮会做出以下两个选择:
在输入框中修改不正确的内容
点击重置,在清空的输入框中重新填写内容
额外的选择会迫使用户进行额外的思考,而使用最佳的交互方式所节省的时间往往小于用户考虑决定使用最常用的方式所花费的时间。这将浪费用户一到两秒的时间来从中取舍,这也是尽量不要让用户选择的原因。(一秒钟听起来没什么了不起,但它意味着每年一亿美元左右的生ꩵ产力浪费。)
让所有输入可撤销
去掉了重置按钮,我们有必要为▨用户提供其他的修改错误输入的方式。对于文本框和选择框来说,用户可以随时输入或恢复到最初的状态。
不幸的是,有些使用了非标准风格的单选框(radio button)和下拉菜单的表单并没有提供回到初始状态的选项,而这是网页设计的典型错误之一。往往,一旦用户选择了一个选项,就没有办法作出“什么都不
选”的选择。永远别忘了在单选按钮和下拉菜单中加入明确的默认选项,否则你用户的麻烦就大了。▨(请参考复选框和单选按钮设计🐲的13条军规)
例外:重复输入表单的重置按钮
当同时满足以下两个条件时,重置按钮将发挥它的作用:
表单总是由一个用户反复填写
填写的内容每次都有较大差异
即使某个用户经常使用一个表单,当填入的数据每次都很相似时重置按钮也不是十分必要的。在这种情况下♛编写原有的数据要🌠比重新来过简单得多。
保守地使用取消按钮
网页并不像软件一样拥有对话框,而是一个用户游走于各个页🐓面之间的导航环境。自从超文本导航成为用户的使用习惯,人们开始依赖后退按钮来逃离窘境。每当用户误入了不想进入的页面,他们就会自然而然地把鼠标放到后退按钮上。
因为🍎后退是网页浏览中很常规的行为,单独的取消功能也就不是那么重要了。如果用户不喜欢当前的页面,可以肯定,后退𒀰按钮就要出场了。
当用户害怕自己提交了不想提交的信息时,可以为他们提供取消按钮,这样能够提𒆙供给他们比直接退出更安全的的感觉。
在需要多步填写的表单中用户会在超过一个页面上进行输入,这时取消按钮是个不错的选择,因为♓后退按🔜钮不会撤销之前的输入。
当然,不能指望用户每次都点取消,应该有一个后端/后台逻辑来处理点击后退来中断多步输入的行为。额外的复杂性是我不推荐在网页中加入复杂应用的原因之🧜一,更好的办法是使用另一种形式来实现。
购物车中的移除按钮
很有必要在购物车中添加特殊的按钮来帮助用户移除商品,我们无法知道用户是不是了解他们能够通过购买“0”件商品来取消购🎀物。(但是反正这个小技巧也不影响其它用户,所以还是应该实现出来给懂的人用)
(作者:请参考拙作购物车的可用性,来了解更多表单设计中的规则)
到底什么时候使用用取消按钮就
Lisa Padol 问道:
"当你讨论取消和重置按钮时并没有提及停止(即在载入时停止页面)和刷新按钮,不是吗?
我觉得这不仅是可以接受的,也很必要为比如下载文件的过程加入取消按钮。"
她的假定꧂完全正确,浏览器的“停止”按钮很好地加强了用户的控📖制权。而对于文件传输和其它一些得花好几秒钟的操作也应该这样做。设计师必须给Applet(网页上的Java应用)和
近期更新
- [2023-07-26 14:17:28] 加拿大预测网-在线预测:为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 加拿大预测网-在线预测:青岛网站建设公司🎀,高端网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 加拿大预测网-在线预测:高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] 加拿大预测网-在线预测:H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] 加拿大预测网-在线预测:windows2012程序在哪
- [2022-04-14 11:01:47] 加拿大预测网-在线预测:力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 加拿大预测网-在线预测:青岛网站建设的流程
- [2021-04-29 10:14:38] 加拿大预测网-在线预测:企业定制化官网建设项目
- [2021-03-05 10:34:45] 加拿大预测网-在线预测:移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 加拿大预测网-在线预测:微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 加拿大预测网-在线预测:网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 加拿大预测网-在线预测:建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2008-10-10 08:31:00] 加拿大预测网-在线预测:表格按钮的摆放和命名?
- [2012-08-20 12:29:56] 加拿大预测网-在线预测:网站的表单设计要点
- [2012-02-02 11:40:05] 加拿大预测网-在线预测:WEB表单设计分析及重要性
- [2009-03-19 11:33:00] 加拿大预测网-在线预测:按钮表状态还是表动作?
- [2012-12-19 22:20:48] 加拿大预测网-在线预测:网站反馈表单的用户体验
- [2009-02-16 22:30:00] 加拿大预测网-在线预测:什么时候需要有“取消”按钮?
- [2008-10-29 17:59:00] 加拿大预测网-在线预测:按钮还是分类,以及好友的组合
- [2009-03-03 08:51:00] 设计评论表单
- [2015-07-16 21:42:58] 加拿大预测网-在线预测:织梦自定义表单获取到当前时间
- [2014-08-31 23:08:11] 加拿大预测网-在线预测:反馈表单的确认后提交提示
- [2008-07-09 17:51:00] 加拿大预测网-在线预测:B2c杂思:以候选为中心
- [2008-08-13 12:16:00] 注册表单的规则
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案