资讯

手机用华为 • 推广找展为

十年专注 提供有品质的服务 13933871212

高端网站建设公司

专注:石家庄网站制作 | 咨询 13933871212(同微信) 2020-08-20 14:59:05

现代应用程序和网站变得越来越复杂。我们添加到产品中的内容和功能越多,界面就越复杂,用户在交互方面的投入也就越多。过多的信息或选择高端网站建设公司  很容易使人们对体验感到不满意。
 
在选择产品时,人们通常会选择省力的方法。他们不想花时间学习如何使用应用程序或网站-他们有一项任务要做,并且希望尽快完成它,而又不会在与产品进行交互的过程中花费过多的精力。这就是为什么简单的产品通常会获胜的原因。 
 
删除内容和功能似乎是解决复杂性问题的明显方法。但是在许多情况下,此解决方案不适用。例如,如果您经营一个大型的电子商务网站,您将无法摆脱某些产品类别。 
 
幸运的是,无需删除产品中的内容或功能就可以实现简单性。相反,我们可以逐步,逐步地向用户展示内容和功能。这称为渐进公开。
 
在本文中,我们将介绍渐进公开的常见用法,以及如何在设计中使用它们来创建更简单,更直观的用户体验。
 
通过Shopify合作伙伴计划发展您的业务
 
无论您提供市场营销,定制服务还是网站设计和开发服务,Shopify合作伙伴计划都将助您成功。免费加入并获得收益分享机会,发展业务的工具以及充满激情的商业社区。
 
什么是逐步披露?
渐进公开是一种管理信息的概念,该信息指示用户界面中的所有内容都应该自然地发展,从简单到复杂。这是一种公开信息的简单而强大的技术:最初,您仅显示最重要的信息或操作,并仅应要求显示所有其他选项和操作。 
 
为什么渐进式披露如此出色
渐进式披露通过向用户隐藏详细信息,直到他们要求或需要查看它们为止,从而简化了基准体验。您可能会认为,这意味着通过最初将用户的注意力集中在一些核心功能上,他们可能会建立产品的有限思维模型,从而无法理解其所有价值。但是,NNGroup的研究表明该假设是错误的。实际上,当您确定内容和功能的优先级并帮助人们将更多时间花在最重要的功能上时,他们会更好地理解您的产品。 
 
逐步披露俄罗斯套娃
与需要打开以显示较小尺寸的嵌套娃娃的俄罗斯套娃类似,渐进式披露允许逐步披露信息。
渐进式披露为交互设计带来了两个显着的好处:它有助于保持专注并消除干扰。它建立: 
 
较小的认知工作量:人类处理信息的能力有限。如果一次向我们展示产品的所有信息或功能,我们将不知所措。渐进公开通过首先将用户的注意力集中在最重要的细节上,而仅在需要时才显示其他细节,从而简化了用户交互。结果,用户将注意力集中在手头的任务上,并尽可能减少干扰。
 
更加干净的用户界面:通过隐藏辅助内容和功能,可以消除用户界面中的混乱并简化其外观。这使您的产品更易于学习且不易出错。
您可能还会喜欢:深色图案:您不应该在产品中使用的12招。
 
逐步披露的例子
渐进公开可以采取多种形式。下面,我们看一下产品中逐步披露的9个示例。
 
1.截断的内容和内容预览
内容预览(也称为摘要)是逐步公开的典型示例。摘录用于向用户提供足够的信息,以帮助他们决定是否要深入学习并阅读全部内容。 
 
这种渐进式披露技术通常在新闻网站和博客上使用。网站向访问者显示了文章的概述,并让用户决定要打开和阅读的文章。 
 
渐进披露截断内容
HuffPost使用索引页面显示文章摘要以及指向完整内容的链接。 
2.手风琴元素
当您需要显示大量包含信息的部分或在同一类别中提供多个选项时,特别是当只有某些信息或选项与特定用户相关时,手风琴方法效果很好。常见问题和帮助中心或支持页面是用户与手风琴互动的典型场所。 
 
渐进披露协议要素
Google搜索中的手风琴。
3.超级菜单
超级菜单是通常在大型网站(如亚马逊)上显示的下拉菜单。通过默认隐藏选项,网站可以为其他重要元素(例如搜索栏)节省更多空间。
 
逐步披露大型菜单
Amazon中的下拉菜单。
4.滑块
滑块是电子商务网站上最令人期待的元素之一。它们经常帮助用户发现流行的或相关的产品。
 
渐进披露滑块
百思买网站上的滑块。
5.汉堡菜单
现在无处不在的汉堡包菜单可以在成千上万的移动应用程序和自适应网站中找到。这个想法很简单-默认情况下隐藏导航选项,仅在用户希望导航到不同部分时才显示它们。 
 
逐步披露菜单
用户点击汉堡包图标以查看导航选项。图片:材料设计。
6.高级设置
支持用户配置文件的大多数应用程序和在线服务都有专用的设置页面。虽然可以在同一屏幕上显示所有设置,但可以轻松使屏幕更拥挤,定制过程也更复杂。 
 
使用渐进公开,您可以显示所有用户的基本设置,并为有经验的用户提供辅助设置。通过隐藏高级设置,您可以帮助经验不足的用户避免错误,因为偶然地启用或禁用某些功能变得更加困难。 
 
逐步披露窗口设置
Windows中的高级显示设置。
7.延迟加载
当您需要显示大量信息并希望减少交互成本时,延迟加载是一种非常有用的技术。与单击相比,滚动提供了更舒适的体验-用户获取新内容所需要做的只是向下滚动。 
 
渐进披露懒加载
Pinterest为网站访问者创造了流畅的体验。随着用户向下滚动,Pinterest将加载更多内容。
8.分步设计
分步设计基于一个简单的想法-分而治之。顾名思义,分步设计一次可以一次揭示信息或动作。这种方法对于复杂的场景(例如使用ATM)确实非常有效。最初,用户从一个非常小的UI开始,在该UI中,他们选择要完成的选项,例如提款。从那里开始,系统会在用户完成每个步骤时通过显示越来越多的UI来指导用户。
 
乍一看,分步设计看起来像一个向导模式,但它们不是一回事。向导是线性序列,而逐步设计是分支的-用户在一步中所做的选择可以更改其余任务。
 
您可能还会喜欢:可能毁掉移动用户体验的15个神话。
 
9.动画提示
动画提示通常在游戏中使用。当玩家进一步进入游戏时,它们是一种揭示游戏机制的出色技术。精心设计的提示是与上下文相关的:仅当用户到达旅程中的适当点时才触发它们。
 
逐步披露动画gif
Pudding Monsters使用动画手来解释滑动动作,从而帮助用户了解下一步该怎么做。
将渐进式披露应用于我们的用户体验
渐进公开的概念听起来很简单,但是要设计适当的渐进公开,考虑以下内容至关重要。
 
1.了解您的用户
逐步披露的主要危险是对您的用户做出错误的假设,并根据该假设“优化”体验。正如雅各布·尼尔森(Jakob Nielsen )所说:“可用性方面最难得的教训之一是,'您不是用户。' 
 
要设计良好的渐进式披露方式,您需要了解用户(了解他们的需求),并使其参与设计过程(与他们进行定期互动-不仅是在发布产品时)。
 
您可能还会喜欢:进行用户访谈:如何正确进行。
 
2.优先考虑功能
要创建良好的UX,您需要确定所有功能的优先级,并在关键功能和辅助功能之间进行正确划分。提前披露重要信息和行动至关重要。
 
要正确地确定功能的优先级:
 
确定用户的目标并确定其优先级。使用“ 待完成的工作”框架来确定关键的用户目标。绘制整个用户流程并进行任务分析,以了解人们在旅程的每一步都需要什么。 
如果您的产品是实时产品,请收集并分析有关用户互动(人们实际使用产品的方式)的数据。 
3.解决可发现性问题
可发现性是逐步披露的主要挑战之一。当您要使用渐进式披露时,您需要隐藏内容,同时仍要为人们提供足够的上下文详细信息,以帮助他们在需要时找到内容。 
 
因此,您需要确保用户易于访问二级信息。例如,如果您为此目的使用一个按钮,请以某种方式对其进行标记,以明确要求用户在进入下一个级别时会发现什么。
 
4.避免多层次的逐步披露
实际上,超出两个公开级别的设计通常具有较低的可用性,因为用户在两个级别之间移动时相对容易迷路。如果内容或功能太多,则需要3个或更多级别,请考虑简化设计。
 
通过Shopify合作伙伴计划发展您的业务
 
无论您提供市场营销,定制服务还是网站设计和开发服务,Shopify合作伙伴计划都将助您成功。免费加入并获得收益分享机会,发展业务的工具以及充满激情的商业社区。
 
降低噪音并增加信号
当我们设计新产品时,我们应该始终尝试充分利用我们的界面并最大程度地利用为我们提供的任何空间。逐步披露可以帮助我们实现这一目标。应用良好的渐进式披露将保持用户界面的整洁,并帮助人们处理产品的复杂性而不会引起混淆。
10年建站推广经验

让您每一分投入都有百倍回报!

联系展为,马上获得专属免费推广方案

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:13933871212固定电话:0311-80836913微信:9196389

13933871212 马上咨询