Windows桌面应用设计手册:控件应用详解(第19章)

更新:11-03 神话故事 我要投稿 纠错 投诉

大家好,今天来为大家解答Windows桌面应用设计手册:控件应用详解(第19章)这个问题的一些问题点,包括也一样很多人还不知道,因此呢,今天就来为大家分析分析,现在让我们一起来看看吧!如果解决了您的问题,还望您关注下本站哦,谢谢~

工具栏按钮上的典型工具提示

工具提示在实践中非常有价值,以至于开发了类似的信息提示控件,它包含比工具提示更多的描述性文本。

典型的信息提示

在本文中,工具提示和信息提示统称为提示。

提示可以帮助用户理解界面中未直接描述的未知和不熟悉的对象。当用户将鼠标移动到该对象上时,会自动显示该对象的提示。当用户点击对象、将鼠标指针移离对象或显示时间到期时,提示将自动消失。

何时使用该控件?

在做出决定之前请考虑以下问题:

信息的展示需要基于指针的hover操作吗?如果没有,请使用其他控件。提示的显示需要基于用户交互而不是自动显示。相应地,气球提示可以自动显示(就像通知一样),因此它们会有一个小尾巴指示源代码管理。该控件本身是否带有文字标签?如果没有,提示可以很好地提供文本信息。请注意,大多数控件都有文本标签,因此不需要提示控件。由于工具栏控件和命令按钮的标签都是图片,因此提示控件需要显示文本标签。对象会因为补充性的描述和更进一步的信息展示得到优化吗?如果是这样,请使用消息提示。但对于控件要执行的主要任务来说,补充文本不是必需的。如果是必要的信息,应该直接显示在界面中,用户不应该通过探索和搜索来查看信息。用户需要与提示信息交互吗?如果是这种情况,请使用其他控件,例如气球(用户单击气球时会消失的气球)。因为当鼠标移开时提示消失,用户无法与之交互。用户会有需要打印出补充信息的需求吗?如果是这样,请使用其他控件,例如静态注释框。但您仍然可以使用信息提示来告诉用户如何执行此操作。

Word 中可供用户打印的静态注释框提示中的内容会让用户感觉厌烦和被打扰吗?如果是这种情况,请考虑使用其他方法或不设计任何操作。如果在这种情况下必须使用提示,请确保用户可以将其关闭。如果使用正确,提示可以改善与用户的沟通。永远不要用提示来代替好的设计。如果一个图片、按钮或者其他的表达方式需要用户看提示才能理解,那么这就是糟糕的设计,需要修改。

设计思路

提示是简化用户界面的有效方法。他们以最简单的方式为用户提供所需的信息。提示可以帮助您更有效地利用屏幕空间并避免浪费。然而,设计不当的提示也可能令人烦恼、分散注意力、无益、分散注意力,甚至阻止用户采取行动。下面的设计概念旨在展示好设计和坏设计之间的区别。

可见性

用户将鼠标悬停在某个目标上一段时间后,会自动显示信息提示。这种延迟显示的机制会让它更容易被用户接受,但同时也会降低它的可见度。

经过一段时间的使用,用户可以发现一些特定的对象,比如工具栏按钮、图标按钮、开始菜单项、通知区域的图标等都会有提示,所以这些地方的提示是可以通过浏览器看到的。默认用户。的。

但非常规领域的提示需要用户更长的时间才能发现。没有任何视觉线索(例如热点或鼠标指针变化)表明对象包含提示。更糟糕的是,一些用户经常移动鼠标,尤其是当他们学习导航UI 时。用户需要体验或尝试知道该对象是否包含提示。

您可以通过统一使用对象的提示来提高对象的可见性,这也提高了其可预测性。如果为某些对象提供提示,则还应为用户可能需要补充信息的所有类似对象提供提示。有时这可能具有挑战性,因为您必须确保建议有用而不是多余。

如果您难以提供易于查找且始终有效的提示,请考虑其他设计,例如不言自明的控制标签或附近的补充文本。

适当的信息

适合放置在提示中的信息具有以下特征:

简明。提示使用弹出窗口非常适合短语和句子片段以及格式化文本。大块无格式文本难以阅读和理解。

对用户有帮助。提示文本必须包含信息,并且不能过于描述性或简单地重复屏幕上已显示的内容。

补充的性质。由于工具提示文本并不总是可见,因此它应该是用户不必阅读的补充信息。重要信息应使用不言自明的控制标签或附近的补充文本来呈现。

静态稳定。用户不希望提示频繁更改,因此他们不太可能注意到动态内容(例如状态信息)的更改。通知区域图标提示是一个值得注意的例外。 用户更有可能看到提示信息发生变化,因为这些图标主要用于指示状态。

合适的消失时间

正确自动显示和消除提示对于用户保持对其UI 环境的控制至关重要。提示有3个超时值:

初始时间。鼠标指针必须保持静止才能出现提示的时间。默认时间为0.5 秒。再现时间。鼠标指针从一个目标移动到另一个目标时必须保持静止的时间量。默认时间为0.1 秒。失踪时间。提示自动消失的时间。默认时间为5 秒。太短的初始值和重复值可能会导致恼人的、破坏性的体验,因为它们出现得意料之外;而反应时间太长可能会导致提示没有反馈或用户无法注意到。默认提示过期时间适用于短文本提示,例如工具提示中使用的提示。信息提示较长的文本将需要更长的时间才能显示。

合适的放置位置

提示应放置在鼠标悬停的对象附近,尽量放置在指针的尾部或头部。但是,它们不应该模糊用户正在关注的对象,这会干扰用户的预期操作。为了防止这种情况发生,您可能需要将提示移离指针,但靠近对象。只要对象与其暗示的关系明确就没有问题。确保用户不会仅仅为了查看对象的提示而移动指针。

可达性

提示对可访问性产生异常影响。将指针悬停在对象上通常会触发这些提示,这些提示由具有键盘访问权限的控件的屏幕阅读器处理。当适当地使用简洁、有用、静态和补充信息时,提示可以提高整体可访问性。事实上,替代文本提示模式是使图形易于访问的首选方式。然而,如果使用不当,它们可能会导致重要或动态信息更难获取,从而影响可访问性。

如果控件的提示没有键盘访问权限,则提供多种访问控件的方法。

本例中,用户可以通过点击按钮(键盘无法进行此操作)或使用快捷键来执行打印操作只需记住一件事。在适当的时间和适当的位置显示简洁、有用、静态的补充信息。

应用范例

提示以下应用示例:

工具提示:显示未标记控件或字形的标签文本信息。由于这些提示充当标签,因此它们的文本遵循源代码管理的标签显示准则。

充当命令标签的工具提示为图标按钮的标签提供工具提示

提供带有图标按钮标签的工具提示提供带有字形标签的工具提示信息提示:提供对象或控件的补充说明或描述。这种用法在工具栏控件、图标(包括覆盖图标)、链接、标签、渐进式显示控件和自定义控件中很常见。

示例替代文本信息提示:描述图表以提高可访问性。此模式主要适合有视力障碍且可以使用屏幕阅读器的用户。

在此示例中,信息提示描述了“开始”菜单图标缩略图信息提示:所显示项目的缩略图。缩略图可以轻松识别窗口或文件。

任务栏项目缩略图提示相册缩略图提示细节信息提示:显示项目详细信息。这是呈现项目细节和数据的有效方式。

示例开始菜单信息提示:描述“开始”菜单中的项目。开始菜单由程序名称和重要的功能窗口(例如文档、图片和控制面板)组成。信息提示通常通过给出程序或目标项以及用户可以使用它执行的主要任务的简要描述来描述“开始”菜单项。这些描述还可以通过“开始”菜单搜索框建立索引,进一步帮助用户找到他们需要的程序。

本示例中的信息提示描述了“开始”菜单中该项目的功能。控制面板信息提示:描述控制面板类别或任务。此处的提示提供补充信息,帮助用户选择正确的控制面板类别和项目。

在此示例中,信息提示描述了用户帐户面板的性质。全称信息提示:当名称缩写或无法完整显示时,信息提示用于显示项目的全名。此提示允许设计人员在更紧凑的空间中显示项目,同时减少水平滚动。当内容长度未知时,这一点尤其重要,因为它是动态的。与其他模式不同,当在列表和树结构中使用时,这些提示直接出现在源对象上。

本例中,当鼠标悬停时,信息提示显示项目全名状态信息提示:显示通知栏图标的状态信息。通常,提示应该是静态的,因为用户不希望它们频繁更改。通知区域图标是一个例外,因为这些图标用于显示状态,并且没有其他屏幕空间可用于状态的文本描述。

通知栏图标的状态信息提示

设计指南

消失时间

除以下特殊情况,请使用默认的出现时间和消失时间:不多余且显示在相关对象侧面的缩略图提示可以立即显示(无任何时间延迟)。对于不需要显示的缩略图(如小图形对象的放大缩略图)或覆盖源对象的缩略图,请使用默认的缩略图显示和消失时间。

对于工具提示,使用默认的5秒后消失。对于消息提示,关闭消息提示超时设置。给开发人员的建议:如果技术上无法关闭超时,则将其设置为最大值。

为了确保可访问性,如果超时值设置需要超过最大值,请将其设置为spi_getmousefortime 和spi_getessgeduration 系统参数的倍数,而不是固定时间值。这样做可以让您根据用户的速度调整超时。

出现位置

避免遮挡用户想要看到以及交互的对象。即使您需要将工具提示与鼠标焦点分开,也请将工具提示放置在对象旁边。只要物体与其线索之间的关系看起来很清晰,一定的距离间隔是可以的。

例外:列表和树视图中使用的全名工具提示。

错误示例

正确示例:提示符放置在输入框的一侧,尽管距离输入光标有一段距离

错误示例

正确示例:由于下面的文本比提示上的文本更重要,因此将提示放置在远离另一侧的位置,以避免遮挡它。对于一系列项目的集合,避免遮挡用户可能查看或交互的其他对象。对于水平排列的项目,不要将提示放在右侧;对于垂直排列的项目,不要将提示放在右侧将提示放在下方。

错误示例

正确示例对于可能分散用户注意力的提示(通常这些提示尺寸很大),确保它们对大多数用户有帮助。如果不是,请将它们设置为可选或将其删除。否则,大多数用户将不得不将指针移离目标对象以消除提示的遮挡。

工具提示

使用工具提示为不含标签的对象提供标签文字。常规工具栏图标、图像按钮和渐进式显示控件将包含工具提示。包含文本提示的控件(例如文本框和组合框)将被视为包含文本标签。所有其他控件都应具有清晰的标签文本。

使用不带标点符号的句子式短语。

使用句子风格的大写规则。

对于需要进一步操作的功能项,请在提示文本末尾添加省略号。

与普通标签文字相比,工具提示文字更为简洁,一般在五个字以内,简洁的同时保证清晰,不会产生歧义。

可接受的例子

优化示例

最好的例子

错误示例如有必要,工具提示也可以为有标签的工具栏按钮提供更详细的细节说明。不要使用文本重复或简单地重新解释标签文本。

正确的例子

错误示例但也不用为了保持一致性,为所有带标签的控件加上工具提示。示例:未标记的工具栏按钮有工具提示,标记的工具栏按钮没有工具提示如果可能,尽量通过展示键盘快捷键和默认值的方式,提升工具提示的效用。将此附加信息放在括号中。这样,即使标签文本只是重复,工具提示也会很有用。但在评估工具提示的简洁性时,不要考虑这些附加文本。

显示默认值和键盘快捷键的工具栏按钮的工具提示

信息提示

对于非常规位置的工具提示,为了提升可见性,相比于提示的有效性、要更看重展现的一致性。即使某些对象的含义很明显,也要为可能需要补充信息的所有对象提供提示。这可以避免让用户等待不出现的信息提示。

例外:如果只有少数对象具有有意义的信息提示,则根本不要使用信息提示。在附近使用不言自明的控制标签或补充文本。

使用带有结束符号的完整句子结构。

特殊情况:通知栏中的图标信息不应包含尾随标点符号。

使用句子风格的大写规则。

使用现在时,而不是将来时。

使用相同的语法结构来组织句子,这要求具有相同功能的单词和短语具有相同的形式。

特殊情况:对于全名信息提示,其信息提示实际上需要匹配源代码管理的措辞、大小写和标点符号规则。

避免使用尺寸过大的信息提示。像这样的信息提示很难阅读,也很难在不干扰源代码控制的情况下找到。

信息提示内容的排版要让用户方便阅读和浏览。大块无格式文本难以阅读。

错误示例

有关正确示例第一次出现的信息,请先写下缩写的全名,然后在括号中包含缩写词。例如:动态主机配置协议(DHCP)。

开始菜单信息提示

使用开始菜单信息提示简洁地描述项目,并列出用户能使用项目执行的主要任务。切实帮助到用户。关注用户目标。不要只是重复项目名称,甚至不要在描述中使用它。描述尽量具体。避免使用一般动词和一般短语,例如“其他任务”。如果信息很重要,请明确说明;否则,假设用户了解信息提示中并未列出所有内容。简明扼要。不超过25个字。信息提示太长,难以阅读。用现在时、祈使动词开头,,如创建、编辑、显示和发送。尝试使用特定动词而不是一般动词,例如管理和打开,这实际上适用于大多数“开始”菜单项。开门见山。

错误示例

优化示例不要使用有营销感的文字描述。错误示例因为这些信息提示会被开始菜单搜索框索引,所以用用户最有可能搜索的术语描述程序的重要任务。考虑使用关键词和常见的同义词。错误示例

正确的例子使用句子风格的大写规则。

快速启动工具提示

工具提示使用的格式为:启动(完整程序名)

不要使用结尾标点符号。

不要使用额外的文本来描述该程序或其用途。因为用户在快速启动栏中选择了该程序,所以他们已经知道其目的。

控制面板信息提示

使用控制面板信息提示简明地描述控制面板任务以及所配置的硬件和软件。控制面板名称和图标必须有信息提示。没有针对各个任务的工具提示。信息提示要能产生帮助。关注用户能做什么。不要只是重复控制面板的项目名称,甚至不要在说明中重复使用它。

描述尽量具体。避免使用通用动词和短语,例如“其他硬件”。如果信息很重要,请具体列出;否则,假设用户了解这些信息提示中并未列出所有信息。

错误信息

正确提示保持简洁。使用少于25 个单词的描述。信息提示太长不利于阅读。

以现在时、祈使动词开始句子。直奔主题。请勿使用适用于任何控制面板选项的语言,例如“用于查看和配置.的外观和功能的设置”或“为您提供.的选项”。

不要使用营销语气。

由于这些信息提示将由控制面板搜索框编制索引,因此请使用用户最有可能搜索的术语来描述项目。考虑使用公众使用的常见任务和对象的同义词。

如果控制面板中的项目令人困惑,请使用信息提示来解释它们的独特之处和不同之处。

错误示例

正确示例

图标

与以前版本的Windows 不同,Windows Vista 允许提示带有图标。

对于工具提示,不能使用图标。

对于信息提示,仅当图标可以帮助用户识别、理解或提供内容时才使用该图标。大多数信息提示不需要使用图标。

在此示例中,信息提示的图标有助于解释该项目的含义。图标必须采用航空风格,外观上不能太突出。

说明

出现提示时:

在编程和其他技术文档中,描述提示的类型(工具提示或信息提示)。在其他地方,只需将其称为提示即可。

以下书写形式不正确: 工具提示、Tooltip、&ToolTip。

为了描述用户交互,您可以使用悬停。

用户评论

孤自凉丶

终于等到这个控件篇了!一直想知道怎么设计出更美观的用户界面。

    有19位网友表示赞同!

凉城°

希望这篇文章能介绍一些最新的控件设计趋势和技巧,比如微交互的设计等等。

    有8位网友表示赞同!

゛指尖的阳光丶

我对不同类型控件的使用场景很有兴趣,看看有哪些新的应用方法

    有12位网友表示赞同!

繁华若梦

学习一下如何合理布局控件,提高用户体验真的很重要啊!

    有9位网友表示赞同!

颓废人士

以前总是觉得很多应用程序界面不太直观,希望能从这篇指南中得到一些启发。

    有17位网友表示赞同!

愁杀

现在开发桌面应用程序的人越来越少了,这篇文章能来及时更新一下设计规范吗?

    有18位网友表示赞同!

一别经年

期待看看文章中针对不同类型的用户有什么不同的控件设计建议。

    有20位网友表示赞同!

一尾流莺

学习这些设计原则可以让我写的应用更专业一些。

    有10位网友表示赞同!

你很爱吃凉皮

想看一些实际案例分析,这样更容易理解和借鉴。

    有9位网友表示赞同!

微信名字

这篇指南能帮到我想提升自己应用程序设计水平的人吗?

    有18位网友表示赞同!

月下独酌

感觉好有用的文章标题诶!期待看到详细的内容吧!

    有8位网友表示赞同!

米兰

学习如何根据不同的功能需求选择合适控件真的很关键。

    有14位网友表示赞同!

一样剩余

希望这篇文章能够讲解不同平台的控件差异,以便我更好地进行跨平台开发。

    有15位网友表示赞同!

oО清风挽发oО

关注用户体验的设计真是关键,希望能从文章中学到一些实用的技巧。

    有15位网友表示赞同!

風景綫つ

想看看哪些控件设计是目前比较流行的趋势,可以参考一下。

    有9位网友表示赞同!

冷风谷离殇

我的应用程序界面设计一直不太满意,这篇文章或许能给我一些启示。

    有20位网友表示赞同!

虚伪了的真心

期待找到一些省时的控件集成方案,提高开发效率。

    有17位网友表示赞同!

夏至离别

希望这篇文章能讲解如何使用控件进行交互设计,让程序更加用户友好。

    有11位网友表示赞同!

哥帅但不是蟋蟀

学习新的设计方法可以让我写出更优质的应用程序 。

    有13位网友表示赞同!

【Windows桌面应用设计手册:控件应用详解(第19章)】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活

上一篇:健身后肌肉酸痛原因解析:休息还是继续训练? 下一篇:导演张艺谋深情演讲,巩俐四次感动落泪,昔日情深缘尽之谜揭秘