V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
guchengf
V2EX  ›  问与答

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

  •  
  •   guchengf · 2013-12-29 09:47:30 +08:00 via Android · 3886 次点击
    这是一个创建于 3983 天前的主题,其中的信息可能已经有所发展或是发生改变。
    从易用性,或者使用体验,或者更符合大多数人的使用习惯来说,
    确认 在左,取消 在右,
    和 取消 在左,确认 在右,
    哪种更好?
    11 条回复    1970-01-01 08:00:00 +08:00
    JoyNeop
        1
    JoyNeop  
       2013-12-29 09:58:58 +08:00   ❤️ 1
    Windows 用户与 Mac 用户不可兼得,取决于你的目标受众的 OS。

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

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

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

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

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

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

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

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

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

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

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

    建议你看一下这篇Wiki里的参考。
    chmlai
        10
    chmlai  
       2013-12-29 14:41:54 +08:00   ❤️ 1
    Apple: I am always right!
    ogrish
        11
    ogrish  
       2013-12-29 19:20:14 +08:00   ❤️ 1
    360的有一个应用的按钮 。不是确认和取消。 只有加大的按钮 桌面快捷 和取消
    太无耻了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2822 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 07:57 · PVG 15:57 · LAX 23:57 · JFK 02:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.