人类天生懒惰,我们的大脑天生就会选择最省力的路径。这就是为什么我们总是选择能够让我们花更少的时间和精力学习应用程序或网站并实现目标的产品。
渐进式披露是一种以渐进式、逐步的方式呈现信息或特征的技术。就像俄罗斯套娃娃娃一样,你需要打开它才能露出里面嵌套的更小尺寸的娃娃,渐进式披露也从更简单的东西开始。
渐进式披露使界面看起来更有条理,并增强了新手用户的学习过程。然而,设计它需要非常了解用户的需求、他们的心智模型以及他们用来描述您的产品的语言。
渐进式披露是一种使产品更易于学习和导航且不易出错的绝妙方法。但是您也应该意识到它在实施过程中可能出现的弱点和陷阱。

什么是渐进式披露?
一方面,用户希望有更多的选择——这让他们觉得自己有能力并有信心满足他们最特殊的需求。另一方面,人们想要简单,并且不想考虑超出需要的任务。
渐进式披露是一种允许设计师和用户体验编写者同时满足这两个相互冲突的要求的技术。它逐步揭示复杂的信息——首先,通过显示最基本和最常见的功能或选项,然后在用户请求时提供更大的一组更高级和复杂的选项。
渐进式披露的一个典型例子是 Google Chrome 上的设置页面。它显示了一些主要功能,如帐户设置、外观、安全和隐私、浏览器的默认设置、搜索引擎等。
根据要求,高级设置按钮打开通往另一个世界的大门,其中包含很少使用的选项,如可访问性或语言设置,以及重置设置形式的破坏性操作。当用户再次点击“高级设置”按钮时,这些附加选项将返回其隐藏状态。

逐步披露的重要性
渐进式披露是尊重用户的。您不应该用所有可用的选项和功能来轰炸用户,而是以健康的剂量提供信息,首先显示最相关的内容,并且只有在用户要求时才显示较少请求的内容。
让我们总结一下渐进式披露在设计和用户体验写作中的所有优势:
• 它不会吓倒新手用户并帮助他们优先考虑内容,
• 它节省了屏幕空间并增强了所有类型用户的可扫描性,
• 它只显示与用户相关的内容,不强调不常用的功能或信息,
• 它减少了认知负荷,
•它简化了学习新界面的过程,
•当用户意外激活他们不熟悉的选项时,它会减少错误的数量。
使用渐进式披露有什么危险?首先,如果您没有进行足够的用户研究,您可能会对哪些信息是常见的或非常重要的信息有错误的假设。
其次,您可能会将高级选项隐藏得太深,以至于根本难以注意到它们。为避免这种情况,您应该使用标签和可视化工具来指示附加信息——例如,通过高级、加载更多、查看所有选项、继续阅读等按钮。

何时使用渐进式披露
渐进式披露的积极影响是显而易见的——新手用户专注于最相关的功能,并跳过他们眼中隐藏的令人困惑的高级功能,只有高级用户才会请求它们。
设计师和用户体验编写者什么时候应该考虑使用渐进式披露?
• 对于信息丰富的网站,例如拥有大量关于每种产品或服务的信息的电子商务网站,
• 适用于具有不同优先级的多个命令、功能和选项的应用程序,这些应用程序在暴露给所有新用户时可能会使他们感到困惑甚至恐吓。
不要将渐进式披露与分阶段披露相混淆。虽然渐进式披露具有不同优先级的特征或信息,但所有特征在分阶段披露中同样重要,但以线性、逐步的顺序显示。

主要特点
您向用户展示的最常见和最相关的功能称为渐进式披露的 主要功能 。初始披露级别不能太复杂、令人困惑或包含太多选项——否则,用户会在熟悉界面的最初步骤中绊倒。
您如何决定渐进式披露的初始级别应包含哪些信息?你不能假设你对你的用户了如指掌。最合理的解决方案是依靠研究数据。
• 如果是新产品,分析用户研究的结果(使用访谈、调查、实地研究、卡片分类等),了解用户的需求和优先事项。
• 如果它是现有产品,请查看网站分析或进行观察性可用性测试,以获取有关用户为什么更喜欢特定选项/功能而不是其他产品的更多质量数据。

次要特征
主要和次要特征之间的边界应该很容易发现。此外,用户应该对如何从主要披露级别过渡到次要披露级别毫无疑问:
• 使用带有信息标签的超链接或按钮来指示次要特征。例如,“高级设置”或“相关主题”标签清楚地通知观众用户点击或点击时会发现什么。相反,模棱两可的“了解更多”并不是用户可以从交互中获得的好处那么简单。
• 确保通向次要功能的按钮或链接看起来可点击并位于可见位置。用户应该可以轻松找到探索更高级界面功能的方法。

多层次的渐进披露
多少级的渐进式披露是可以接受的?想象一下,您有一个异常复杂的项目,并且某些选项可能非常具体或罕见,以至于您应该将它们移至第三级披露。但是,对于渐进式披露有多少级别是可以的,存在一些合理的分歧。
• 包含两个以上披露级别的界面可用性低,因为用户经常会感到困惑,并且在复杂级别之间移动时可能会迷失方向。
• 如此极端的复杂性损害了可访问性,并使屏幕阅读器用户和运动障碍人士更难以有效使用该产品。
如何避免增加额外的复杂性?
重新考虑您的高级功能
智能排序和重新组合可以创造奇迹并使界面更易于导航。如有疑问,请与您的用户交谈并观察他们是否看到级别之间的差异并在它们之间导航时遇到任何问题。
考虑增加二级披露
它可能会阻止添加第三级,但从可用性的角度来看,它仍然不是最好的主意,因为高级选项的多个控件会使用户迷失方向。
当您添加第三级披露或两个二级披露时,您应该更多地考虑标签。无论如何,避免模棱两可的了解更多/查看更多/阅读更多按钮。虽然它们可能在典型的 2 级披露情况下工作,但在更复杂的界面中,它们只会让用户感到沮丧并迫使他们离开。

入职过程中的渐进式披露
用户入职意味着用户熟悉新产品或新功能。如果您以正确的速度引入新功能并适当地优先考虑它们,人们将获得积极的体验。这就是渐进式披露出现的时候。它指的是在用户完成入职流程时披露功能/导航/选项。
渐进式披露原则如何改善用户引导?
关注用户需求
从业务目标开始入职并推动用户使用最有利可图的功能是很诱人的。抓住自己,不要压倒别人。首先指出满足其主要需求的功能。他们在您的网站或应用程序上追求什么目标?他们为什么首先打开/下载它?如果是新功能,从简单的介绍开始,如果用户同意继续,继续透露更多细节。
分析用户行为
分析前 1-3 天的用户行为,并与长期受众的习惯进行比较。新手用户在开始体验产品时会开始探索哪些功能?在新手流程的第一步中突出显示这些功能。
关注不同用户群体的需求
一些用户可能专注于学习各种功能,而另一些用户可能更喜欢直接进入特定任务。
简洁的
用户不喜欢大量阅读,所以要关注最关键的点,避免漫无边际。
最小化步数
无论您的新手提示听起来多么清晰和信息丰富,如果该过程需要超过 4-5 个步骤并且涉及大量猜测,用户将无法完成它并且可能会错过重要信息。
用用户的语言说话
除了研究阶段为您提供的有关用户需求和期望的信息外,它还可以让您深入了解并熟悉用户在谈论您的产品时使用的词语。

其他渐进式披露示例
除了用户引导之外,渐进式披露还采用其他形式。现代界面变得越来越复杂,设计师可以更好地简化用户体验,而不是切断功能或内容。
内容预览或片段
您通常会在博客和新闻网站上看到片段。它们为用户提供了足够的预览,以决定他们是想深入了解并阅读完整内容还是继续下一个主题。
手风琴
帮助中心和常见问题页面通常包含手风琴 - 显示多个部分的完美解决方案,其中包含可能仅与特定用户组相关的信息。
下拉菜单和大型菜单
下拉菜单和大型菜单可帮助大型、复杂的网站节省空间,而不会让用户有大量的选择。
图像滑块
图片滑块经常出现在展示最受欢迎或推荐商品的电子商务网站上,因此用户并不总是需要浏览整个目录。
汉堡菜单
设计师经常使用汉堡菜单来隐藏用户很少使用的导航选项,例如设置、注销选项、关于应用程序、请求功能等。
延迟加载
延迟加载防止压倒用户并降低交互成本。如果您想探索更多内容,您所要做的就是继续向下滚动。

与用户一起测试渐进式披露
一般来说,每个设计决策都应该从用户的角度进行验证。导航和视觉层次结构在用户体验中起着关键作用,需要进行更彻底的测试。然而,像微观副本和控制状态这样的小事情会深刻地影响用户在界面上发现事物的难易程度,因此也需要评估。
渐进式披露涉及许多潜在的摩擦点,设计师和作者应该支持研究数据和 测试。主要功能是否包括用户最常用和必要的选项?用户能否轻松发现高级选项?显示次要选项的按钮或链接是否足够清晰和信息丰富?功能是否需要逐步披露,或者是否有更简单的方法向用户提供功能组?
永远不要高估您的团队对用户的想法或行为方式的假设。一些渐进式披露技术已经成为很好的模式,而另一些可能对用户来说是全新的并且看起来不熟悉。
哪些测试方法可以帮助您评估渐进式披露的效率?
有节制和无节制的可用性测试
这种技术意味着在自然环境或实验室条件下观察用户。版主通常不会问任何问题,除非用户遇到困难并需要帮助。当用户在他们的设备上执行任务时,版主会搜索摩擦点——可以改进的领域。
上下文查询
这是观察和用户访谈的结合。首先,主持人采访参与者关于他们对产品/功能的体验。然后,用户在他们的设备上在他们的自然栖息地和使用环境中执行一项任务,而主持人在此过程中观察并提出问题。这是测试用户对 产品的评价以及他们在使用产品时实际 做了什么的绝妙方法 。通常,我们在新功能或产品的早期发现阶段进行上下文调查。
A/B 测试
这种类型的测试是关于比较一个页面/屏幕的两个或多个版本,以查看哪个版本最有效且不易混淆。
其他较便宜的方法包括游击测试、会话记录、电话采访、卡片分类等。
以上内容为转载
网友评论