工具提示可能是让新用户对给定的应用程序、软件、程序或用户界面尽快上手的最好和最有效的方法。一般来说，工具提示很有帮助，沟通清晰明了，且不显得突兀，因此用户可以根据工具提示的建议行事，而不会遇到障碍。从这个角度来看，一般的工具提示就很容易成为一个微互动，因为工具提示有助于用户实现单一任务或帮助用户控制流程。微互动是用户体验的一部分：这是一个动态过程，由触发因素启动，引发事情发生，为用户提供反馈，并在前往下一步时通知用户。良好的工具提示应周密谨慎，但有时，我敢说，工具提示从未做到这一点。这也是体现微互动卓越性能的一方面：如果工具提示未出乎意料地出现在那里帮你完成任务，你会非常想念这些工具提示的。让我们来进一步了解工具提示应该用于哪些内容、工具提示设计中的关键是什么、应该涵盖哪些内容及避免哪些内容。
工具提示的应用案例
工具提示旨在提升网站或应用程序的用户体验（UX）。这几乎是工具提示的使命所在。这些微互动必须通过某种方式（形状或形式）让用户感到轻车熟路。尽管工具提示的目的直接了当，但在网站平台上正确且统一地使用这些工具提示却是另外一回事了，因为做出正确的决定可能并非易事。
不熟悉的图标或按钮
当用户遇到不熟悉的或未标记的图标或按钮时，在界面上设计一些工具提示是很好的选择。即使图标或按钮看上去眼熟，但仍需进行简短的解释，以便使用户快速上手——以仪表板上的嵌齿轮为例——添加一个工具提示，就让一切变得合情合理。
附加（非必要）信息
这里的关键问题是：非必要。工具提示可以为用户提供额外信息，因此屏幕不会充斥着过多不必要的文本内容。一个很好的例子就是，当在浏览器中打开选项卡时：当光标悬停在选项卡上时，会快速出现工具提示，告知你所在的具体网页的标题是什么。这个额外的信息不是必要的信息，但当你想记下所访问的具体页面时，能得到这个信息还是很有帮助的。如果信息是必不可少的，使用工具提示就没什么好处了。必不可少的信息应始终存在于界面中，方便用户使用，并提供快速参考。
工具提示并非屡试不爽
同理，如果不当使用工具提示，工具提示也很快会对良好的用户体验（UX）造成不良影响。过度使用工具提示肯定会让用户对你的设计感到极其厌烦，不然这可能会很好地引导用户体验你刚刚设计的界面。
非直观设计
非直观设计是指你的设计强迫用户始终依赖工具提示体验界面。在这种情况下，最好的工具提示也没有什么帮助，因为，设计中的某些内容显然不合时宜，从而迫使用户过多地查看工具提示。工具提示确实应该仅用于让用户对具体的过程上手，在这个最初引导之后，用户应该能够独立行事。
与工具提示内容的互动
有时，用户有必要真正与工具提示的内容进行互动。例如，工具提示的内容可能包括操作按钮说明，其内容可能会提示用户单击按钮。从注册按钮到登陆连接，其内容无所不含。然而，将此类互动元素纳入工具提示，当用户移动光标至工具提示以遵循操作说明时，如果这些互动元素消失，则该设计是欠佳的……想想用户会感到多么失望——尤其是当工具提示告知用户如何操作才能开始时！在这种情况下，仅需通过操作说明本身就能说清楚了，将操作说明设计地足够显眼，这样操作说明本身就能引人注目了。
卓越工具提示的设计规则
如何设计工具提示，才能进行微互动以引导用户、产生反馈、并让用户感到你的界面与众不同，对你的界面乐此不疲。在如何设计工具提示上多花一点时间，就可以让用户感到有帮助，而非让其感到失望。
简约主义
网页设计包罗万象，而简约主义能造就无与伦比的界面。对于用户来说，某些内容本应清晰明了，如果做不到这一点，其内容本身就是不成功的……这样就会使本该是非常有帮助的微互动遭到破坏。极简主义意味着基本的颜色、重复和语言。
可持续性
工具提示应该有帮助、不突兀且方便用户使用，无论是第一次使用还是多次使用，都应屡试不爽。拒绝使用不可靠的或自作聪明的设计线索，而是使用经过验证和检测的真实的设计线索。
引人注目
工具提示应该很容易被找到和发现，无需用户在屏幕上来回寻觅。实现这一目标的方法之一是使用非常明显的视觉或定向线索，例如：从工具提示指向元素（按钮、图标等）的箭头。
相关和合理的信息
出现工具提示时，其中的信息必须能够容易被用户理解。这就意味着简短的句子和清晰的语言。因为屏幕上用于工具提示的区域有限，有必要做到言简意赅。尽管如此，还应避免提供冗余信息，因为工具提示中的信息应该仅是对未立刻出现在界面上的信息所做的补充说明而已。这一点怎么强调也不为过：通过思索如何设计工具提示，你可以让工具提示名副其实地达到其目的，并避免最糟糕的工具提示，而这会使你所期望的用户顺利完成任务受到阻碍。
工具提示：微互动的缩影
从许多方面来说，工具提示就是终极的微互动。工具提示帮助用户在你所设计的界面中完成任务或控制流程。你可以为用户免去很多麻烦，也可以让用户感到举步维艰，这取决于你如何设计工具提示。遗憾的是，设计人员很容易让工具提示变得不合时宜——从而损害用户的利益。为了确保每次设计的工具提示都卓越出色，首先全面了解使用工具提示的真正的本质和原因，同时了解在工具提示设计中哪些内容奏效哪些内容无效，是大有裨益的。只有这样，才能为用户提供其所需的相关信息，从而方便、简单、高效地了解你所设计的界面。
本文来自英文社区webdesignerdepot，原文作者：MARC SCHENKER
翻译作者：趣达小楠
大连中钰睿泓与你分享精品文章
工具提示的应用案例
工具提示旨在提升网站或应用程序的用户体验（UX）。这几乎是工具提示的使命所在。这些微互动必须通过某种方式（形状或形式）让用户感到轻车熟路。尽管工具提示的目的直接了当，但在网站平台上正确且统一地使用这些工具提示却是另外一回事了，因为做出正确的决定可能并非易事。
不熟悉的图标或按钮
当用户遇到不熟悉的或未标记的图标或按钮时，在界面上设计一些工具提示是很好的选择。即使图标或按钮看上去眼熟，但仍需进行简短的解释，以便使用户快速上手——以仪表板上的嵌齿轮为例——添加一个工具提示，就让一切变得合情合理。
附加（非必要）信息
这里的关键问题是：非必要。工具提示可以为用户提供额外信息，因此屏幕不会充斥着过多不必要的文本内容。一个很好的例子就是，当在浏览器中打开选项卡时：当光标悬停在选项卡上时，会快速出现工具提示，告知你所在的具体网页的标题是什么。这个额外的信息不是必要的信息，但当你想记下所访问的具体页面时，能得到这个信息还是很有帮助的。如果信息是必不可少的，使用工具提示就没什么好处了。必不可少的信息应始终存在于界面中，方便用户使用，并提供快速参考。
工具提示并非屡试不爽
同理，如果不当使用工具提示，工具提示也很快会对良好的用户体验（UX）造成不良影响。过度使用工具提示肯定会让用户对你的设计感到极其厌烦，不然这可能会很好地引导用户体验你刚刚设计的界面。
非直观设计
非直观设计是指你的设计强迫用户始终依赖工具提示体验界面。在这种情况下，最好的工具提示也没有什么帮助，因为，设计中的某些内容显然不合时宜，从而迫使用户过多地查看工具提示。工具提示确实应该仅用于让用户对具体的过程上手，在这个最初引导之后，用户应该能够独立行事。
与工具提示内容的互动
有时，用户有必要真正与工具提示的内容进行互动。例如，工具提示的内容可能包括操作按钮说明，其内容可能会提示用户单击按钮。从注册按钮到登陆连接，其内容无所不含。然而，将此类互动元素纳入工具提示，当用户移动光标至工具提示以遵循操作说明时，如果这些互动元素消失，则该设计是欠佳的……想想用户会感到多么失望——尤其是当工具提示告知用户如何操作才能开始时！在这种情况下，仅需通过操作说明本身就能说清楚了，将操作说明设计地足够显眼，这样操作说明本身就能引人注目了。
卓越工具提示的设计规则
如何设计工具提示，才能进行微互动以引导用户、产生反馈、并让用户感到你的界面与众不同，对你的界面乐此不疲。在如何设计工具提示上多花一点时间，就可以让用户感到有帮助，而非让其感到失望。
简约主义
网页设计包罗万象，而简约主义能造就无与伦比的界面。对于用户来说，某些内容本应清晰明了，如果做不到这一点，其内容本身就是不成功的……这样就会使本该是非常有帮助的微互动遭到破坏。极简主义意味着基本的颜色、重复和语言。
可持续性
工具提示应该有帮助、不突兀且方便用户使用，无论是第一次使用还是多次使用，都应屡试不爽。拒绝使用不可靠的或自作聪明的设计线索，而是使用经过验证和检测的真实的设计线索。
引人注目
工具提示应该很容易被找到和发现，无需用户在屏幕上来回寻觅。实现这一目标的方法之一是使用非常明显的视觉或定向线索，例如：从工具提示指向元素（按钮、图标等）的箭头。
相关和合理的信息
出现工具提示时，其中的信息必须能够容易被用户理解。这就意味着简短的句子和清晰的语言。因为屏幕上用于工具提示的区域有限，有必要做到言简意赅。尽管如此，还应避免提供冗余信息，因为工具提示中的信息应该仅是对未立刻出现在界面上的信息所做的补充说明而已。这一点怎么强调也不为过：通过思索如何设计工具提示，你可以让工具提示名副其实地达到其目的，并避免最糟糕的工具提示，而这会使你所期望的用户顺利完成任务受到阻碍。
工具提示：微互动的缩影
从许多方面来说，工具提示就是终极的微互动。工具提示帮助用户在你所设计的界面中完成任务或控制流程。你可以为用户免去很多麻烦，也可以让用户感到举步维艰，这取决于你如何设计工具提示。遗憾的是，设计人员很容易让工具提示变得不合时宜——从而损害用户的利益。为了确保每次设计的工具提示都卓越出色，首先全面了解使用工具提示的真正的本质和原因，同时了解在工具提示设计中哪些内容奏效哪些内容无效，是大有裨益的。只有这样，才能为用户提供其所需的相关信息，从而方便、简单、高效地了解你所设计的界面。
本文来自英文社区webdesignerdepot，原文作者：MARC SCHENKER
翻译作者：趣达小楠
大连中钰睿泓与你分享精品文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
