帮助提示UI设计的相关要素

企业在开展业务过程中面临的一个重要问题，就是如何将自己展示的信息全面而形象的告诉客户。除了一些文字性的介绍之外，一些辅助性的提示也是必不可少的。这些辅助性的提示一般都是比较通俗易懂的，只有这样才能起到很好地辅助提示作用。那么这一块在设计方面应该注意哪些细节和原则呢？中培教育《高品质用户体验与UI设计开发》培训专家刘老师在这里就相关问题发表了自己的看法。刘老师指出了这一类帮助信息在设计方面涉及到的元素。

1.文本

运用简短的文字给用户提供恰当的帮助信息，对能够用一句话说明白的事情，决不摆弄文采的变出两三句话甚至是一段话出来。太多的文字用户选择的是忽略而不是阅读，用户并不希望在你的产品帮助文本读出诗意，而是简单明确的告诉他们这是什么情况，你可以采取什么行动，会有什么结果。文本链接也可以是文本的一种形态。

2.图片

图片能够形象具体的表达出想要表达的意思与观点，对于相对较为复杂的情形，可以适当的采用图文并茂的形式对用户进行帮助引导或者解决用户遇到的问题。提供生动的图形信息能够有效吸引用户的注意力，通过解读图片的信息而获得对应的帮助信息。在帮助设计中有效的运用图片能够降低用户学习的成本获得更好的用户体验。

3.视频

视频可以运用到复杂的情形中，通过声音图形有序的讲解来提供给用户相关的帮助信息。视频剪辑提供了对于复杂流程及情形更为生动的介绍或者解答，用户更多是在被动的接受信息中，更大程度的减少了用户学习的成本，因此推荐使用视频对复杂的情况进行解释说明，但视频同时会占用更多的存储于网络流量资源，尤其当用户在非wifi环境下，视频可能是并非用户首选的点击选择。

帮助类型

不同的情境不仅需要选择使用帮助的元素，也需要选择合适的帮助类型来为用户提供恰到好处的帮助，本文将帮助分为介绍型帮助与劝导型帮助两种类型，在不同的上下文情境中选择不同的类型来给用户提供帮助的解决方案。

（一）介绍型帮助：顾名思义，介绍型帮助即以介绍为主要目的，这种方式的帮助主要可以运用在用户初次接触产品或者某些功能时候提供的说明性帮助，如功能模块介绍，标题的解释以及一些操作过程功能的解读。旨在告知用户当面明对的是什么，可以做什么或者有什么用处。

（二）劝导型帮助：即通过介绍引导用户完成浏览或者任务。劝导型帮助可以运用在一些空白的起始页面，创建于修改页面中，对于新功能操作的引导以及操作中遇到问题的解决帮助。劝导型帮助目的是劝导用户尝试某新新的功能或者通过引导完成任务。如Base应用中对初始界面运用引导性的标识与文字提示用户点击上方按钮开始创建销售按钮。

2.弹出浮框式：

弹出浮框可以在当用户需要时候提供简短的帮助信息，不需要时候隐藏起来的一种方式。触发浮框的触发点根据实际需要可以变化，如下图的两种触发点样式。需要说明的是在为桌面进行的设计，推荐可以采用获得焦点即显示帮助文字，在移动设备上时通过点击显示。也可以根据实际需要调整触发的时机。提出浮框可以运用在许多地方，如对输入标签的提示，对新功能行按钮的引导性介绍等。下图是弹出浮框的触发样式以及QuickBooks 对弹出浮框的运用。

3.解释模块式：

解释模块用于对页面，或者较大的区块进行的说明。可以是纯文本的说明，也可以是图文并茂以及内嵌视频对复杂的功能及内在逻辑进行指导说明，或者是步骤的引导说明。如StichLabs在采购订单初始界面按照步骤以图文方式整体介绍如何快速创建采购订单。

4.内嵌式帮助中心

大多数的企业应用软件还会提供内嵌帮助中心，内嵌帮助中心通常会根据当前页面内容提供针对性的帮助内容入口以及在线帮助中心的固定入口，用户通过内嵌的帮助中心可以获得该页面直接或者间接相关的帮助内容入口，同时也可以链接到在线的帮助中心，获得更为全面的帮助内容。

5.在线帮助中心

在线帮助中心是最全面的集中帮助文档的地方，在线的帮助中心内容不一定是百分之百集合了应用中所有的相关帮助，更多的承载了对于产品功能模块、业务操作以及操作引导的介绍。