设计师如何设计正确的对话框按钮位置

我们在设计用户介面时经常会遇到一些细小、对易用程度未必有很大影响的问题,

其中一个就是对话框中的按钮次序:应该「确定/取消」还是「取消/确定」

006zipb5zy78XzgOVsKaa&690

006zipb5zy78Xzh2gYA4c&690
 

建议是:跟随平台的一般做法,比优化介面更重要。

「确定」先行符合语文的自然阅读方向,中文、英文和很多语言都是从左到右阅读,很多按钮组合例如「是/否」、「前一页/下一页」都是按一个从左到右 的自然进程,所以我们应该按照阅读的逻辑顺序排列成「确定/取消」。此外,假设用户选择「确定」的机率比「取消」高,把「确定」放在前面可以让那些主要用 键盘浏览的用户少按一下 TAB 键便到达他们的首选按钮。

把「确定」放在后面可以改善流程,因为这是对话框的自然结束。此外,正如「前一页/下一页」的情况,「确定」是让用户继续下一步,「取消」是退回一步,所以「确定」应该放在「下一页」同一个位置,即是在右边。

在这样的情况下,通常怎么做也不要紧。每一种说法都有它的道理,没有一种做法会为可用性带来灾难。它可能帮助一些用户在某些情况下节省 0.1 秒来选择按钮,但是根本不值得为了这丁点好处而进行详细的可用性研究,即使有资源,不如用在一些可以提高关键效能 83% 的事情上。

 

 

转载于:https://my.oschina.net/u/2971691/blog/843056

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值