网页设计中的模态是用户体验灾难吗？

模态框是一个漂亮的小功能，可让您在网站顶部显示不同的消息，被吹捧为非常有用。有些人甚至声称它们的帮助足以完全取代我们都非常讨厌的横幅广告。但是网页设计中的模态是用户体验灾难吗？
如果您不熟悉该术语，模态是当访问者单击超链接或悬停图像时出现的对话窗口。
假设您想收集现场订阅者，或者您希望访问者注册免费赠品。在这种情况下，您可以使用模态。
然而，许多网页设计师——以及一些网站访问者——反对在网页设计中使用模式。主要论点是它会影响用户体验。但是网页设计中的模态是用户体验灾难吗？请仔细阅读，找出答案。
 
模态是做什么的？模态框通常在网页上显示为弹出窗口，请求访问者采取行动。大多数情况下，它们会在单击页面元素后出现。
也称为灯箱，模式隔离页面的主要内容。在重新评估页面之前，用户必须完成模式请求的操作或关闭它。
网页设计师使用模态来吸引访问者的注意力。由于无法访问其他页面内容，因此访问者必须与模式交互。
 
UX中模态的缺点虽然 UX 中的模态有不同的缺点，但它们都归结为一个缺点——中断。当模态出现时，它们会打断用户正在做的任何事情。
与常规弹出窗口不同，用户不能简单地忽略模式并继续浏览。因此，模态需要立即关注。 
用户可能感兴趣并决定与模态交互。但是，如果模态的内容与页面的内容不同，用户可能会在与模态交互后忘记他们在做什么。
此外，有时模式需要与页面上的信息相关的操作。例如，假设用户想要在采取行动之前查看信息。在这种情况下，他们将不得不关闭模式，因为主页无法访问。
统计数据显示，高达82% 的用户不喜欢弹窗。大多数网站访问者并不了解网页设计的技术细节。因此，他们将无法区分常规弹出窗口和模式。
毕竟，模态框是一种弹出窗口。一些用户可能会认为模式更糟糕，因为它们会使页面的主要内容变暗，使其无法访问。
此外，人们希望访问一个网站并立即获得他们想要的东西。因此，时间很重要。因此，需要花费时间的操作的模态可能会使网站失去访问者。
有了所有这些缺点，您就可以理解为什么许多网页设计师说模态是网页设计中的 UX 灾难。
 
模态在 UX 中有用吗？在某些情况下，模态很有帮助，它们可以改善用户体验。许多网页设计师都对模式的有用性发誓，不难理解为什么。
首先，模态可以帮助简化网站的内容。例如，如果您的网站相对复杂，包含大量内容和元素，用户可以立即退出页面。
您可以使用模态来解释页面上的内容，以免用户感到困惑。当用户单击后退按钮时，模式可能会显示。模态可以突出页面上最关键的内容，并告诉用户下一步该做什么。
其次，如果您必须吸引用户的注意力，模式是非常宝贵的。例如，您可能想要显示警告或传递用户在继续浏览之前必须知道的任何重要信息。
如前所述，用户可以轻松忽略弹出窗口，尤其是当它在新窗口中打开时。但是，对于模态框，用户在继续之前必须至少查看内容。
第三，模态可以使网页更易于导航。考虑到缺点，这听起来很讽刺，但如果实施得当，那就是真的。您可以将一些元素设置为显示为模式，而不是在网页上打包不同的元素。
例如，您可以拥有一个仅包含文本的页面以提高可读性。然后，用户可以单击以查看图像和视频等视觉元素作为模态。
 
如何正确使用模态正确使用模态是确保它们不会对 UX 产生负面影响的关键。以下是一些可以使用模态的理想情况：
1. 显示警告
使用模态来给用户重要的警告是理想的，特别是如果他们的后续行动有严重的后果。
例如，当用户单击删除按钮时，大多数网站都会显示模式。删除总是至关重要的，因为在大多数情况下，它是不可逆的。
一个实际的例子是一个电子商务网站，用户选择从他们的购物车中删除商品。您可以使用模式在删除之前要求用户确认。
2.输入或收集信息
模态在提示用户输入信息方面是有效的。有时，用户必须在继续浏览之前输入特定的详细信息。
一个实际的例子是用户想要提交评论的评论网站。在提交评论之前，您可以使用模态请求用户名和其他必要信息。
3. 简化导航
如前所述，模态可以简化复杂的网站。此外，它将帮助用户更好地导航，这是用户体验的提升。
一个实际的例子是一个有很多故事和更新的新闻网站。您可以使用模式突出显示当天的热门新闻故事，以便用户可以一键访问网页。
 
模态是用户体验中的灾难吗？总之，模式会影响网站的用户体验，因为访问者必须与它们交互。但是它并不总是必须是负面影响。
错误使用时，Modal 会成为网页设计中的 UX 灾难。但是，如果您遵循良好的做法，模式可以改善您网站的用户体验。
通常，仅在必要时使用模态，并且不会让用户感到沮丧。