常用按钮的标准放置顺序

发布于 2024-11-19 10:37:04 字数 151 浏览 2 评论 0原文

我知道在 Microsoft Windows 中,“确定”/“取消”按钮通常按各自的顺序出现。另一方面,在 Linux 发行版中,我经常看到取消/确定。

(是/否)、(是/否/取消)、(添加/编辑/删除)和其他常见按钮怎么样?

这些有没有标准的放置顺序?

I know that in Microsoft Windows, OK/Cancel buttons normally appear in this respective order. On the other hand, in Linux distros, I often saw Cancel/OK instead.

What about (Yes/No), (Yes/No/Cancel), (Add/Edit/Remove) and other common buttons?

Is there any standard placement order for these?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

甜中书 2024-11-26 10:37:04

来自 Microsoft Windows 用户体验交互指南

将提交按钮右对齐在底部的单行中
对话框,但位于脚注区域上方。即使有一个也执行此操作
单个提交按钮(例如“确定”)。

按以下顺序显示提交按钮:

  1. 确定/[执行]/是
  2. [不要这样做]/不
  3. 取消
  4. 申请(如果有)
  5. 帮助(如果有)

来自 苹果人机界面指南

对话框右下角的按钮都会关闭该对话框。一个
启动操作的按钮位于最右侧。这个动作
按钮确认警报消息文本。取消按钮是
该按钮的左侧。

如果有第三个按钮用于关闭对话框,它应该转到
取消按钮的左侧。如果第三个按钮可能会导致
数据丢失——例如,不保存——将其放置在至少 24 像素之外
从“安全”按钮(例如取消和保存)。

影响对话框本身内容的按钮,例如
重置,应使其左边缘与主对话框文本对齐或
如果有“帮助”按钮,则位于其右侧 12 像素处。

来自 Java 外观设计指南

如果对话框有默认按钮,请将其设为第一个命令按钮
在组中。例如,在从左到右阅读的语言中,
默认按钮是最左边的按钮。

上述一些内容相互冲突。您可能还会发现这些建议与供应商自己的应用程序相冲突。但是,我会遵循您选择的操作系统的指南并坚持使用。至少这样,您自己的输出以及平台上的绝大多数其他应用程序都具有一致性。

From the Microsoft Windows User Experience Interaction Guidelines:

Right-align commit buttons in a single row across the bottom of the
dialog box, but above the footnote area. Do this even if there is a
single commit button (such as OK).

Present the commit buttons in the following order:

  1. OK/[Do it]/Yes
  2. [Don't do it]/No
  3. Cancel
  4. Apply (if present)
  5. Help (if present)

From the Apple Human Interface Guidelines:

The buttons at the bottom right of a dialog all dismiss the dialog. A
button that initiates an action is furthest to the right. This action
button confirms the alert message text. The Cancel button is to the
left of this button.

If there’s a third button for dismissing the dialog, it should go to
the left of the Cancel button. If the third button could result in
data loss—Don’t Save, for example—position it at least 24 pixels away
from the “safe” buttons (Cancel and Save, for example).

A button that affects the contents of the dialog itself, such as
Reset, should have its left edge aligned with the main dialog text or
if there is a Help button, 12 pixels to the right of it.

From the Java Look and Feel Design Guidelines:

If a dialog box has a default button, make it the first command button
in the group. For example, in languages that read from left to right,
the default button is the leftmost button.

Some of the above conflict with one another. You may also find that the advice conflicts with the vendors own applications. However, I would follow the guidelines for your operating system of choice and stick with them. At least that way you have consistancy within your own output and hopefully the vast majority of other apps on your platform.

菊凝晚露 2024-11-26 10:37:04

微软推荐一种,苹果推荐另一种。

这里的调查显示 50/50 的比例:
http://measuringuserexperience.com/SubmitCancel/index.htm

此页面还包含官方 UI 的链接指南,它回答了您对某些操作系统的问题。

Microsoft recommends one, Apple another.

Survey here shows 50/50 split:
http://measuringuserexperience.com/SubmitCancel/index.htm

This page has also links to official UI guidelines, which answer your question for some OSes.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文