利用 UI 复杂性实现更好的用户体验

作者：web1762024.10.16来源：Web前端之家浏览：94评论:0

首先，让我们了解一个重要的误解：在设计用户体验时，要求多个步骤和交互的用户界面设计本身并不坏。请注意，这不是保留或忽略设计中任何现有困难的借口。这可能包括复杂的导航、多步骤流程，甚至是用户流程中的故意暂停。我们将其称为战略摩擦。这不包括技术摩擦、由糟糕的加载时间、缓慢的数据检索或其他技术问题导致的令人沮丧的时刻。是的，这些问题会影响用户体验，但本文将重点关注由设计选择引起的摩擦。虽然这看起来可能违反直觉，但执行良好的多步骤 UI 可以作为吸引用户和创造更有意义的数字体验的强大工具。

理解背景

在深入研究如何识别和处理战略摩擦之前，需要注意的是，摩擦有其背景，即数字体验市场本身。例如，当用户接触学习材料并完成作业时，基于教育的体验本身就涉及一定程度的摩擦。在这种情况下，摩擦是学习过程的重要组成部分，并有助于提高产品的整体价值。

相反，为诸如消息传递之类的任务而设计的应用程序应该优先考虑无摩擦体验。用户希望有一个快速而轻松的过程，任何不必要的摩擦都可能导致放弃和对产品的负面看法。

如果从行业性质来看，这也会变得更加复杂。

策略摩擦的应用因目标受众和产品性质而异。在 B2B（企业对企业）产品中，用户通常期望一定程度的复杂性，并且对产品有学习曲线要求。Salesforce 不是一个成功的产品，因为任何直观的界面原因。在这种情况下，由于用户正在处理的任务固有的复杂性，摩擦将成为流程的一部分。

另一方面，B2C（企业对消费者）产品通常旨在提供更精简、更直观的用户体验。消费者对摩擦的容忍度较低，并希望从头到尾都能无缝衔接。然而，即使在 B2C 产品中，也可以利用策略性摩擦来创造难忘的时刻，鼓励用户参与，并培养成就感。

识别用户摩擦

如果说战略摩擦是故意放慢用户速度以提供所需的上下文，那么用户摩擦就是设计因太慢和太麻烦而让用户感到沮丧。以下是一些方法，可以发现设计中的哪些方面不利，哪些方面有利。

用户旅程地图：

创建用户旅程中每个步骤的详细地图，跟踪错误页面、未完成的旅程和放弃点。这有助于确定用户在何处遇到阻碍并放弃该过程。

行为分析：

使用软件分析网站上的用户行为，例如在每个屏幕上花费的时间、在特定字段上停留的时间、愤怒点击和错误点击。这些数据可以揭示用户在克服某些障碍时遇到的困难。

A/B 测试：

测试表单、UI 元素和用户流程的不同变化，以比较流失率并确定摩擦点。这允许在优化用户体验时做出数据驱动的选择。

漏斗分析：

设置漏斗以跟踪用户完成所需操作（例如进行购买或创建帐户）所采取的步骤。分析漏斗每个阶段的流失率，以确定用户在何处遇到阻碍并放弃该过程。

用户调查和反馈：

通过调查、反馈表或用户访谈收集定性数据，深入了解用户意图、痛点和令人沮丧的地方。这可以补充定量数据，并更全面地了解用户摩擦。

您的用户是否对您的用户体验感到困惑，或者您的用户体验是否能让人们留下来？

故事时间：

几年前，我参与了一个 UX 重新设计项目（其中存在许多摩擦点），问题不在于 UX 摩擦，而是被迫更多地使用该平台的问题。

随着公司规模的扩大，其响应迅速的客户服务人员数量无法随着客户群的扩大而增长。这导致公司大力推广使用该平台来报告问题、问题、沟通等，以简化信息采集。解决方案是填写一份大型表格，这会让老练的政府雇员哭泣。白手套服务质量的下降是对现有客户群的侮辱，有失去他们的危险。解决方案是只强制解决与客户群的关键摩擦点的用户体验，并使用新的用户界面，只询问获得背景信息和遵守管理软件绝对需要的信息。

这个故事的寓意是：一些摩擦点是妥协的结果，如果不对业务运营施加额外的压力就无法真正解决。

最常见的摩擦点（以及如何解决它们）

虽然许多用户摩擦点可能会对产品的健康造成危害，但通常有两个“常见原因”应承担责任。

步骤太多

用户体验中的摩擦如果使用得当，可能会带来好处，因为它可以帮助用户与产品建立更深层次的联系，从而有可能降低用户流失率并提高长期采用率。然而，在执行良好的摩擦和用户挫败感之间取得平衡至关重要。过多的步骤让用户不知所措，尤其是在入门等关键时刻，可能会导致负面体验并损害产品采用机会。

如果Apartment List花时间解释每个步骤的价值，他们仍然可能需要很长的入职信息捕获流程。

通过简化用户旅程并消除不必要的步骤，它可以创建更加用户友好的体验，鼓励用户完成关键操作并开始有效地使用产品。Zillow 通过让用户根据他们进入体验的方式登陆地图来绕过信息捕获阶段。信息输入阶段也是响应式的，每个新输入都会显示更新的结果。通过在信息捕获和用户意愿之间取得平衡，设计师可以创造一种对公司和用户都有利的体验。

用户界面缺乏吸引力、不直观或过时

一项研究发现，如果网站布局或内容不吸引人，70% 的用户将不再访问该网站。这一统计数据凸显了创建视觉吸引力强且直观的用户界面的重要性。过时或不直观的设计会很快导致用户沮丧和放弃。

虽然耶鲁大学艺术学院等一些机构有意打破设计惯例，将其作为艺术表达，但这种方法可能会适得其反。他们的网站允许学生和教职员工进行协作编辑，这引发了关于如何平衡创造力和功能的争论。然而，对于大多数网站来说，优先考虑用户体验至关重要。

为了避免用户流失，设计应在需要时更新和改进，以确保它们保持现代感、吸引力、建立信任并易于浏览。这通常涉及进行用户研究、分析反馈并根据获得的见解迭代设计。通过优先考虑用户界面并不断改进它，设计师可以创造更愉快、更吸引人的体验，鼓励用户探索和采用产品，同时在适合网站目的时仍留有创意表达的空间。

Browser与AI 智能摄像头技术公司PreAct Technologies合作，优先考虑用户研究和迭代设计，以创造令人愉悦且引人入胜的入门体验。通过进行用户研究、分析反馈并根据获得的见解迭代设计，该团队改进并强调了现代化用户体验中的关键接触点，将创新与简约融为一体，专注于创建直观的入门流程，指导用户完成初始设置过程，并确保他们可以快速开始利用仪表板的强大功能来创建量身定制的智能视觉解决方案。