工具产品中的隐性引导
工具产品的设计核心在于如何让用户自然发现功能而非被迫学习。本文创新性提出'显性引导'与'隐性引导'的二分法,深入剖析通过视觉符号、交互限制等设计手段将功能指引无缝融入用户工作流的底层逻辑,揭示那些让用户觉得'这是我发现的'的巧妙设计哲学。

本文提出“显性引导”和“隐性引导”的概念,目的是讨论工具产品中如何通过设计手段引导用户发现和使用所需要的功能。显性引导是对用户注意力的强占,让用户中断自己的任务,进入一种“上课”状态,典型形式如图文气泡框。而隐性引导是对用户注意力的吸引,是融入到产品中的交互视觉符号,通过符号给予意义。
二者的区别在于引导内容与形式是否嵌入了用户的工作流。显性引导中,用户的注意力转移到引导之后,往往需要从引导中挣脱再回到自己的工作流中。这种强占和挣脱导致了思维任务的切换,用户无法进入心流状态。而隐性引导的目标是用户能够与引导完成流畅的交互,从而将引导嵌入用户工作流中,使得用户的行为更加聚焦。

在工具型产品的功能矩阵中,显性引导更像是在远处亮了又灭的一个灯塔,用户需要将它记住,但又不一定朝着那个方向去。而隐性引导相当于给用户递了一盏灯,让他们看清身边的情形,知道该往哪儿迈出下一步,不至于在迷雾中摸索。
为什么要关注隐性引导
在工具型产品中,功能具备高度业务性、专业性,并且从某种程度上具有更高的创新性,这使得用户从现有经验中能够迁移的知识是有限的。此外,工具型产品的功能数量往往较大,而使用链路又非线性,用户需要耗费更多的精力去探索功能能否满足需求。
引导的目的是让用户能够在合适的时机使用对其任务有效的功能。在设计过程中有意识地关注引导,也就是关注如何帮助用户更好地执行下一步。在步骤型的功能教学以及新功能引导中,用户的自主感被削弱,被动地接受关于功能位置和用法的说明。用户的动力不够饱满,所以注意力也不够聚焦,引导的效果往往不如人意。如果是在使用过程中触发,还会打断用户原有的工作流,影响工作效率,导致用户下意识地关闭。

最好的设计是没有设计,最好的引导也是没有引导。通过精心设计的环境,让用户觉得这些用法“是我自己发现的”。这种感受在工具产品中尤为重要,意味着用户能够感受自身能力和价值,获得成就感和对工具的掌控感,从而建立更深的连结。
什么时候需要隐性引导
工具产品的体验目标是帮助用户流畅地完成任务,让用户觉得用起来顺手、是个好工具。工具能自然地延伸用户的能力,而非制造障碍。设计师可以通过体验走查、行为埋点分析、用户访谈、客服答疑记录等方式定位用户可能迷失的时刻。这些时刻通常不是功能缺失造成的,而是源于任务焦点的模糊、或者用户行为复杂性与信息架构有限性的天然隔阂。
界面的信息焦点与用户的任务意图不匹配时
用户来到一个界面,心中有一个明确或模糊的目标。如果目标是明确的,用户处于寻找模式,需要找到与目标匹配的文字或图案。如果目标是模糊的,用户处于探索模式,会选择界面上最突出的视觉元素、或最便捷的交互路径进行尝试。此时,当匹配的目标难以找到,或最突出的样式和路径却让用户偏离目标,用户就会感到“不顺手”。

存在更优用法或前后步骤执行区域距离较远时
信息在页面上的展示、以及所处的页面层级,由许多因素决定,如功能重要性、使用频率、相关性、甚至技术架构等等。一个产品的信息架构只有一个,是有限的,目标是满足大部分用户的核心链路。这就导致一些高级功能、深度功能不得不被放置于较深的位置,而这些功能却很可能是用户成为高级用户的重要转化触点。因此,可以在用户行为表现出相关意图时,通过提供恰当的提示来提高这些功能的可触达性。

隐性引导的设计手段
由于功能、任务和用户习惯的多样,用户执行的下一步行为存在不确定性。引导和不确定性相伴相生,但这个不确定性也可以从某种程度上去把握。步骤虽然不确定,但任务存在概率,那么我们就可以通过不同的任务概率决定视觉符号的强弱,而强弱程度将会控制在多大程度上占据用户注意力和诱发用户行为。

本文大致划分出三种概率等级并进行讨论。
强:用限制创造唯一合法路径 (高确定性,高引导性)
当前状态只有一种路径合法时,其他路径应限制在不可交互的状态,也可以说是一种防错机制。这类引导强度高,但仍符合隐性原则——通过结构限制,而非文字教学。
案例:门窗系列强制选择
在绘制门窗前,必须指定一个门窗系列。优化前的交互是显示说明文字或默认选择一个系列。但说明文字总是会被部分用户忽略,而默认选择的系列有可能导致用户在完成部分绘制后才发现系列错误需要清空重来。在修改为默认打开系列选择面板且其他功能置灰后,用户使用路径更加聚焦,相关的问题反馈也不再出现了。

中:用强烈且聚焦的元素变化吸引注意力(中等确定性,中等引导性)
用明显的UI变化指引操作,保证主路径足够简单地被发起和执行。
案例一:Chrome PDF reader修改设置高亮
当用户想要打开PDF却没有开启权限时,跳转到设置页面后,相关选项会显示紫色底色。这个视觉样式在常规的界面上是非常少见的,而在这个场景里却足够突出,能够吸引注意力,从而顺利完成任务。

案例二:Figma的原型连线点
在Figma的Prototype模式下,鼠标悬停在画板上时,会显示连线点,提示用户可交互。这里的设计细节在于,一个画板有上下左右四个点,连接效果是一样的,但每次只会显示用户鼠标距离最近的点。鼠标的位置基本上是用户视觉焦点的位置,因此能够保证元素变化的聚焦,也避免了用户做无意义的选择。

弱:轻量而智能的机会型提示 (低确定性,低侵入性)
当用户完成某个行为后,识别到其潜在后续所需的功能可见性不足。当可见性不足的原因是这个功能的优先级不高、或位于另一个模块中,直接调整可见性是不合理的。但这个功能对于用户完成当前任务又是重要的、或者可以极大提效的,此时可以提供功能说明与跳转来闭合使用路径。
案例一:Figma引导使用Figma Slides
在用户粘贴了多个画板后,Figma Design会提示是否前往使用Figma Slides。粘贴了多个等大的画板,那么用户可能是要制作演示文档,但概率相对较低,并且Figma Slides属于另一个功能模块,所以使用了轻说明和一键跳转。

案例二:生成推拉窗后提示修改吊脚
在用户生成了推拉门后,提示是否修改吊脚设置。无地轨的推拉门是当前比较流行的半开放式厨房设计方案,而由于结构限制,这个设置的位置并不是在最外层对象的参数里,用户自行发现较难。在观察到客服答疑记录中频繁出现用户关于吊脚设置的提问后,提供了相关提示与跳转。

结语
交互设计中存在着多种多样的方法和模式,也都有其存在的目的。文中所谓“隐性引导”涉及到的设计手段也可以从其他角度讨论和归类。但本文旨在用“隐性”和“引导”这两个词提醒自己,在设计中时刻注意用户在使用过程中可能遇到的迷茫,思考能否通过克制且明确的符号让用户知道,下一步点这里更高效。
作者:葡萄;公众号:群和科技用户体验设计
本文由 @群核科技用户体验设计 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自unsplash,基于CC0协议
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
- 目前还没评论,等你发挥!

起点课堂会员权益




