windows:Text/ui-text

出自UXGuide.net

跳转到:导航, 搜索

用户界面文本
User Interface Text

目录


“用户界面文本”是显示在用户界面上的。这里的文本包括控件标签及静态文本:

注:风格与语气字体通用控件相关的设计规范请参考各自相应的章节。


使用模式

用户界面文本具有多种使用模式:

标题栏文本

标题栏文本用于标识窗口或对话框的出处。

Aa974176_UIText01(en-us,MSDN_10).png

在这个示例中,标题栏文本用于标识窗口。

主标题说明

使用显著的主标题说明来简要解释在窗口或页面中需要做的事情。

说明应当是明确的陈述句,祈使句式的指导,或是疑问句。好的主标题说明传达的是用户的目标,而不只是关注于操作用户界面。

Aa974176_UIText02(en-us,MSDN_10).png

在这个示例中,主标题说明文字以用户自己的利益和兴趣角度来直接向用户提问。

补充说明

必要时,可以使用补充说明来提供额外的有助于理解或使用窗口或页面的信息。

你可以提供更具体的信息,提供上下文,或是定义术语。补充说明用于详细解释主标题说明,而不是简单地换个说法。

Aa974176_UIText03(en-us,MSDN_10).png

在这个示例中,补充说明应对主标题说明中描述的信息提供了两种可能的操作途径。

控件标签

直接位于控件上或旁边的标签。

Aa974176_UIText04(en-us,MSDN_10).png

在这个示例中,控件标签用于标识那些用户可以选择或修改的桌面时钟设置。

补充解释

对控件标签(通常是命令链接、单选按钮和复选框)的详细说明。

Aa974176_UIText05(en-us,MSDN_10).png

在这个示例中,补充解释使各个选项的含义更加明确。


设计理念

软件开发人员往往会轻视文本,与产品文档和技术支持等同。“我们会先写程序,然后雇个人来帮我们解释一下我们开发的东西。”但事实上,重要的文本应当在更早的时候——在 UI 构思及编码完成之前——就写好了。毕竟,看到这些文本的人数和频率可能会比任何其他形式的技术文档都要多。

易于理解的文本是决定 UI 是否高效的关键。作为设计过程中不可或缺的部分,专业的作者与编辑应当与软件开发人员一起共同撰写 UI 文本。尽早设计文本,因为文本中的问题往往会暴露出设计上的问题。如果你的团队在解释某个设计时觉得困难,则需要改进的很可能是设计,而不是解释说明。


UI 文本的设计模型

当你在思考 UI 文本以及它在用户界面上的位置排列时,考虑如下因素:

作为一般的设计模型来说,不要假设用户会从左到右、从上到下地仔细阅读文本。而是要假定用户先是会快速地扫一眼整个窗口,然后大致会按下面的顺序来阅读 UI 文本:

  1. 中间的交互控件
  2. 提交按钮
  3. 其他地方的交互控件
  4. 主标题说明
  5. 补充解释
  6. 窗口标题
  7. 正文区域的其他静态文本
  8. 脚注

你还需要知道的是,一旦用户决定如何去做,他们就会立即停止阅读而转为执行。


去除重复

重复文本不仅占据了宝贵的屏幕空间,而且还降低了你试图对重要的概念或操作的传达效果。这同时也浪费了读者的时间,尤其是当人们通常只会一扫而过的时候。Windows Vista® 力求将用户需要做的事情解释一次——既好又简洁。

重新检查每个窗口,去除重复的字词和描述,包括控件内和控件外的。对于那些应当尽可能进行详细描述的重要文本也不能略过,不要重复也不要解释那些显而易见的事。


避免过度沟通

即使文本并没有冗余,也很有可能过于拖沓地进行详尽解释。太多的文本会影响阅读——人眼会直接跳过它——反而会导致沟通不足,而不是更丰富。在 UI 文本中,应当简要地表达最基本的信息。如果某些用户或情况下需要更多信息的话,可以通过链接来提供更详细的帮助内容,或者是转到词汇表的相关条目以提供术语的解释。

错误:

Aa974176_UIText06(en-us,MSDN_10).png

在这个示例中,文本太多难以扫视。尽管这不是设计师的本意,但是面对这么长的文本,用户最有可能的是什么也不看直接单击下一步。

要避免出现影响阅读的文本,应力求做到简明扼要。减去那些可有可无的内容之后,即是使用了简单、简洁的文本。


使用倒金字塔结构

学术写作通常会使用“金字塔”结构,首先给出奠定事实的基础,然后通过这些事实,构建出结论——形成金字塔结构。相反,新闻记者使用的是“倒金字塔”结构,先从结论开始——读者可以获取的最基本的信息。然后才是慢慢补充读者可能会感兴趣的细节——也有可能只是一扫而过。这种方式的好处在于迅速抓住要点,让读者可以在任何位置停止阅读,且仍然能够理解基本的信息。

你应当在 UI 文本上使用倒金字塔结构。迅速抓住基本信息,让用户可以在任何位置停止阅读,然后使用帮助链接来呈现金字塔的剩余部分。

Aa974176_UIText07(en-us,MSDN_10).png

在这个示例中,基本信息已经包含在主标题说明的问题中,额外的帮助信息则在辅助说明中,详细信息则可以通过单击帮助链接获取。

最重要的五点:

  1. 尽早进行文本方面的工作,因为文本问题往往反映出设计上的问题。
  2. 为扫视设计你的文本。
  3. 去除重复的文本。
  4. 使用易于理解的文本,不要过度沟通。
  5. 必要时,通过链接提供包含更多详细信息的帮助内容。


设计规范

常规

错误:
Aa974176_UIText37(en-us,MSDN_10).png


较好:
Aa974176_UIText36b(en-us,MSDN_10).png
在错误的示例中,对象名称完全没有区分性。而较好的示例则通过产品名称给出了明显的区别。
可以接受:
Aa974176_UIText19(en-us,MSDN_10).png
在这个示例中,用户可能不会阅读这段解释他们正在确认什么的文本。
较好:
Aa974176_UIText18(en-us,MSDN_10).png
在这个示例中,你可以肯定用户至少明白他们打算格式化磁盘。


文本字体、大小和颜色

更多信息和示例,参见字体颜色


其他文本特征

粗体

Aa974176_UIText09(en-us,MSDN_10).png
在这个示例中,并没有用粗体来强调数据,而是用深灰色来弱化标签。

斜体

正确:
The terms document and file are often used interchangeably.(“文档”和“文件”这两个词往往会互换使用。)
Aa974176_Search05(en-us,MSDN_10).png
在这个示例中,搜索框中的提示文本被设为斜体。

粗斜体

下划线


标点

句点

问号

感叹号

逗号

冒号

省略号

提示:在那些还有未使用的空间的窗口或页面中出现被截断的文本意味着不好的布局或默认窗口尺寸太小。努力调整布局和默认窗口尺寸,以消除或减少文本截断的数量。更多信息,参见布局

引号和省文撇

正确:
Are you sure you want to delete "Sparky's cat folder"?
错误:
Are you sure you want to delete 'Sparky's cat folder'?

对于中文 UI 来说,应当使用相应的中文标点符号。但对于用于位于标签末尾引导控件的冒号和在命令、数据、标签中表示不完整的省略号来说,仍然应使用英文标点。这将有助于提高无障碍访问特性。——译者注


大小写

Aa974176_UIText41(en-us,MSDN_10).png
该常规示例显示了用于属性表的正确的大小写和标点符号。
Aa974176_UIText42(en-us,MSDN_10).png
该常规示例显示了用于对话框的正确的大小写的标点符号。
正确:
Analysis Services, cubes, dimensions
Analysis ServicesSQL Server 中的一个主要组件,因此使用标题大写样式是合适的。cubesdimensions 是数据库分析软件中常见的元素,因此不必大写。
正确:
spacebar(空格键), Tab, Enter, Page Up, Ctrl+Alt+Del
错误:
SPACEBAR, TAB(制表), ENTER(回车), PG UP(上一页), CTRL+ALT+DEL

更多信息,参见具体 UI 组件设计规范中的“文本”或“标签”部分。


全球化与本地化

全球化是指创建能够在任何国家、区域或文化下使用的文档或产品。本地化是指使文档或产品适合于原国家/地区之外的某个地域使用。应当在撰写 UI 文本时考虑全球化和本地化。你的程序可能会被翻译成其他语言,在与你身处环境完全不同的文化下使用。

错误:
Aa974176_UIText10(en-us,MSDN_10).png
正确:
Aa974176_UIText11(en-us,MSDN_10).png
在错误的示例中,文本框错误地被放置在复选框的标签内部。


更多信息,参见 Microsoft Global Development and Computing Portal(英文)


标题栏文本


主标题说明

错误:
Aa974176_UIText12(en-us,MSDN_10).png
在这个示例中,主标题说明简单地给出了程序的名称,但它并没有明确说明用户应当怎么做。
可以接受:
Enter your locale, region, and language
更好:
Locale, region, and language
Aa974176_UIText17(en-us,MSDN_10).png
在这个示例中,UI 的上下文已经非常清晰,没有必要再添加主标题说明。

更多信息,参见具体 UI 组件设计规范中的“主标题说明”部分。


辅助说明


控件标签

可以接受:
Aa974176_UIText14(en-us,MSDN_10).png
在这个示例中,文本框标签只是对主标题说明的重复。
更好:
Aa974176_UIText13(en-us,MSDN_10).png
在这个示例中,去除了重复的标签,主标题说明具有访问键。
错误:
Aa974176_UIText27(en-us,MSDN_10).png
正确:
Aa974176_UIText27b(en-us,MSDN_10).png
在正确的示例中,提交按钮使用了明确的标签。
错误:
Aa974176_UIText39(en-us,MSDN_10).png
正确:
Aa974176_UIText40(en-us,MSDN_10).png
正确的示例将相同的说明文本移到了标签中,使两个选项之间的区别更加清晰。
错误:
Aa974176_UIText30(en-us,MSDN_10).png
正确:
Aa974176_UIText31(en-us,MSDN_10).png
在错误的示例中,控件标签中的命令动词适用于所有该类型的控件。
Aa974176_UIText29(en-us,MSDN_10).png
该示例显示度量单位为兆字节(MB)。

更多信息,参见具体 UI 组件设计规范中的“文本”或“标签”部分。

补充说明

Aa974176_UIText16(en-us,MSDN_10).png
在这个示例中,选项按钮的标签被加粗以使其文本更易于扫视。
Aa974176_UIText32(en-us,MSDN_10).png
在这个示例中,该组中有两个控件包含补充说明,而第三个则没有。
补充说明:这将在 USB 闪存盘上创建可以转送到路由器上的设置。仅当你拥有支持 USB 闪存盘配置的无线路由器时才这么做。


提交按钮标签

下列显示了最常用的提交按钮标签和用法。

按钮标签 含义 何时使用 访问键
OK(确定)
  • 在对话框中:应用更改或提交任务并关闭窗口。
  • 在父属性窗口中:应用未进行的更改(从窗口打开或上次应用后)并关闭窗口。
  • 在子属性窗口中:保留更改、关闭窗口,然后在父窗口的更改应用之时再应用这些更改。
  • 用于与特定任务并不相关的窗口,如属性表。
  • 对于用于完成某特定任务的窗口,应改用明确的以动词开头的标签(例如:打印)。
  • 对于用户无法进行更改的窗口,应使用 Close(关闭)。
Enter
Yes(是)/No(否) “是”是对于是否判断问题的肯定回答,而“否”则是否定回答。
  • 仅用“是”和“否”按钮来回答是否判断问题。不要使用“确定”和“取消”来回答是否判断问题。
  • 最好是使用有针对性的回答,而不是“是”“否”按钮。虽然使用“是”和“否”并没有什么问题,但有针对性的回答理解起来更快,做决定的效率也更高。
  • 但是,如果明确回答的措辞会太长或者显得古怪的话,可以考虑使用“是”和“否”。
  • 如果回答“否”的含义不明确的话,则不要使用“是”“否”按钮。此时应当改用明确的回答。
  • “是”和“否”必须始终成对使用。
Y 和 N
Cancel(取消)
  • 在对话框中:放弃所有更改或者正在进行的工作,回到先前的状态并关闭窗口。
  • 在属性表中:放弃所有未进行的更改(从窗口打开或上次应用后)并关闭窗口。
  • 在控制面板项中:放弃所有更改或者正在进行的工作,回到先前的状态,并回到启动任务所在的中心页面。如果没有此中心页面,则关闭控制面板项窗口。
  • 用于当所有未进行的更改或操作都可以丢弃,且副作用可以被撤销时。
  • 对于无法丢弃的更改,应使用 Close(关闭)。对于可以停止的正在进行的操作,应使用 Stop(停止)。如果在开始的时候,更改或操作可以被丢弃,你可以先使用“取消”,等到无法撤销时再改为“关闭”或“停止”。
Esc
Close(关闭) 关闭窗口。所有更改或副作用都不会被丢弃。
  • 用于当更改或副作用无法丢弃时。
  • 用于用户无法进行更改的窗口。
Esc
Stop(停止) 停止当前正在运行的任务并关闭窗口。任何正在进行的工作或其副作用不会被丢弃。
  • 用于当正在进行的工作或其副作用无法丢弃时,通常与进度条或动画一起使用。
Esc
Apply(应用) 在父属性表中:应用未进行的更改(从窗口打开或上次应用后),但保持窗口打开。这么做使用户能够在关闭属性表之前评价更改的效果。在子属性表中:不要使用。
  • 仅用于属性表。
  • 仅当属性表包含(至少一个)用户能够以有效的方式进行效果评价的设置时才提供“应用”按钮。通常,“应用”按钮用于可以直接看出更改的设置。用户应当能够应用更改、评价更改、再基于评价进行进一步的更改。如果不能,则移去“应用”按钮,而不要禁用。
A
Next(下一步) 在向导和多步骤任务中:前进至下一步,但并不提交任务。
  • 仅用于向导和多步骤任务,以前进至下一步但不提交。
  • “下一步”按钮的效果应当始终可以通过单击“后退”来撤销。
N
Finish(完成) 在向导和多步骤任务中:关闭窗口。如果任务还没有被执行,则执行该任务。如果任务已经执行完成,则任何更改或副作用都不会被丢弃。
  • 仅用于向导和多步骤任务。不过,并不建议使用“完成”,因为通常都存在更好、更加明确的提交按钮:
    • 如果单击按钮将提交任务的话(即任务还未执行),应使用以回应主标题说明的动词开头的明确的标签(例如:打印、连接、开始)。
    • 如果任务已经在向导中执行完成,则应改用 Close(关闭)。
  • 然而,你可以在下列情况下使用“完成”:
    • 即使使用了明确的动词也仍然是常规标签,如“保存”、“选择”或“获取”。
    • 该任务包含对一个或一组设置的更改。
Enter
Done(完成) 不适用
  • 不要使用。“完成”作为命令来说存在语法错误。
不适用
导航
工具箱