关于"确认"和"取消"按钮的顺序

2013-12-29 09:47:30 +08:00
 guchengf
从易用性,或者使用体验,或者更符合大多数人的使用习惯来说,
确认 在左,取消 在右,
和 取消 在左,确认 在右,
哪种更好?
3800 次点击
所在节点    问与答
11 条回复
JoyNeop
2013-12-29 09:58:58 +08:00
Windows 用户与 Mac 用户不可兼得,取决于你的目标受众的 OS。

如果是 web 可以通过 UA 判断分别为 Windows 和 OS X 提供不同的左右布局。
chon
2013-12-29 09:58:59 +08:00
在 App 里,「确定」按钮应该放在左边还是右边?
http://www.jianjia360.com/?p=313
raincious
2013-12-29 10:44:36 +08:00
排序两个系统不兼容,做好样式区分是关键。

比如取消操作做成连接样式,确定操作做成按钮,这样不管什么系统的用户都不会按错。
gouflv
2013-12-29 10:52:07 +08:00
raincious
2013-12-29 10:53:35 +08:00
@chon 这篇文章里提到的视线流太牵强了。

http://p2.zhimg.com/1d/1a/1d1afb18ff5f0a8a4d6ae393ab002bad_m.jpg

上面这张图片里,在只有两个选项的情况下,很多用户根本不会读完全部选项。事实上大部分用户在操作时只关心大标题和“确定”的位置。
gouflv
2013-12-29 10:55:25 +08:00
跟@chon发重复了
gouflv
2013-12-29 11:10:21 +08:00
@raincious
这部分用户只能说太无脑, 视线流的方案还不适合他们, 所以简单的样式区分足够用了.
不过虽然大部分人无法意识到视觉设计和交互设计的区别, 不过只要丢给他一部iphone, 我想会慢慢培养出来的
efi
2013-12-29 12:02:04 +08:00
水果系统:[取消] [好]
raincious
2013-12-29 12:32:09 +08:00
@gouflv 这不是无脑,虽然说所有的设计最终目标就是让用户无脑操作。

又或者你自己会让你看完屏幕上的所有提示才会操作。不过这很明显会让一个2秒能够决定的操作延长到10秒+,只会严重影响到工作效率,所以很抱歉,那样的设计早已被淘汰,除了少数软件的许可页面之外。

事实上人类(动物)的眼球有一个神奇的控制器叫大脑。他能感知除了感知视觉中心线所指的“重点”感知目标之外,也能感知中心线周围“辅助”的图像,只要训练的当就可以。

而且,事实上所有人都被训练过。所以只要确定和取消按钮处于这个范围内,能被大脑识别,就无需将另一个目标移到眼球的中心线上。

而另一个事实是,现在几乎所有的对话框设计都是让你看到选择目标A的同时,感知到选择目标B。这是自然使然。

所以那个“视觉流”设计显然是给第一次看到这样对话框的人设计的(或者前一次点错的人),对于其他人来说就是伪命题。

这也就是为什么这些操作系统需要有指南。也是“一致性体验”的重要之处。

参考资料:
http://en.wikipedia.org/wiki/Visual_perception

建议你看一下这篇Wiki里的参考。
chmlai
2013-12-29 14:41:54 +08:00
Apple: I am always right!
ogrish
2013-12-29 19:20:14 +08:00
360的有一个应用的按钮 。不是确认和取消。 只有加大的按钮 桌面快捷 和取消
太无耻了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/94919

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX