什么是用户体验？

用户体验（User Experience，简称UE/UX）是用户在使用产品过程中建立起来的一种纯主观感受。

简而言之，用户体验就是用户在使用产品时的感受。

这个“感受”就来自于用户使用产品时产品给ta的反馈，目标就是希望给用户一种“舒适的感受”即“舒适的用户体验”。

用户体验无处不在，即使是在我们日常使用的非软件产品中，比如耳机。耳机的尺寸、材质、设计、音质和续航能力等，都会直接影响到我们的使用体验。耳机的设计通常基于人体工程学，以确保它们能够舒适地适配大多数人的耳朵。如果耳机尺寸不合适，无论是太大还是太小，都可能导致佩戴不适或容易脱落。

个人经验分享，我尝试过多种耳机，但似乎每一款长时间佩戴后都会引起耳朵不适，甚至滑落。这样的体验无疑是不理想的。我至今还在寻找一款真正舒适的耳机，有时候我甚至怀疑是不是我的耳朵构造比较特殊。如果有好的推荐，欢迎分享给我！

不过，最近我购买的一款蓝牙耳机在防水性能上给了我惊喜。有一次，我不小心将它放在口袋里，结果连同衣服一起扔进了洗衣机。20分钟后，我注意到手机播放的音乐突然停止了，原来是耳机被甩了出来，它们在洗衣机里随着水流翻滚，却还在播放音乐。我当时真是又惊又喜，而且更令人惊讶的是，它们竟然还能正常工作，至今我仍在使用它们。

这个小插曲不仅展示了产品的耐用性，也反映了在设计产品时考虑用户体验的重要性。一个优秀的产品应该能够在各种意外情况下依然保持其功能性，为用户带来惊喜和信任。

用户体验对于软件产品的重要性不言而喻。

从B端产品的角度来看，用户体验尤为关键。B端产品的核心价值在于将传统的线下工作流程转移到线上，以此提升工作效率并减少成本，实现所谓的“降本增效”。

明确了B端产品的核心宗旨后，我们便可以围绕这一目标进行软件设计，确保在实现业务目标的同时，也能提供愉悦的用户体验。

在设计过程中，将自己置于用户的角度是至关重要的。通过模拟用户在完成任务时可能遇到的问题，我们可以更深入地理解用户需求，从而设计出更符合用户期望的产品。

比如：

我现在在哪？(用户当前处于那个模块、那个页面）
我怎么到这里的？（用户是通过什么操作和路径来到当前页面的）
怎么回到原来的位置？（用户需要如何操作返回到上一个步骤/退出当前页面）
我该点哪里？（用户需要完成任务，该如何操作）
哪里是可以点击的？（页面复杂，用户怎么知道页面那些信息是可以点击的）
点击后会是怎么样？（用户点击后，是否有反馈）
我怎么知道我输入的是对的？（用户的每一步操作是否正确）
我怎么知道那些信息是需要填写的？（复杂的表单，用户如何知道重要必填信息）
......

用户体验设计的基本原则

根据上面所提出的疑问，我简单总结了以下关于用户体验设计的基本原则。

1. 明确操作是否可用
   

2. 清楚操作后的对象
   

3. 提醒操作后的状态
   

4. 减少操作步骤和路径
   

5. 简洁且易懂的文案
   

6. 遵循用户习惯

a.明确操作是否可用

在设计软件界面时，确保用户能够轻松识别可操作的元素至关重要。

操作指引应明确指出页面上哪些部分是可以点击的。设计时应避免让用户去猜测哪些元素是可交互的。例如，按钮设计应直观，让用户一眼就能识别出它们是可点击的。

按钮状态可以分为可点击和不可点击两种。对于可点击的按钮，可以使用醒目的颜色来吸引用户的注意，确保它们在视觉上与其他元素有所区分。当用户将鼠标悬停在可点击按钮上时，按钮的颜色应有所变化，以提供视觉反馈，同时鼠标光标应从普通箭头变为手型图标，这是常见的交互设计规范，可以参考像Ant Design这样的组件库。

通过这些设计细节，可以提高用户界面的直观性和易用性，使用户的操作体验更加流畅和自然。

例如下图微信公众号编辑器内按钮的变化：

对于不可点击的按钮，设计时应采取明确的视觉效果来指示其状态。可以将按钮颜色调整为灰色调，以减少其视觉吸引力，让用户一目了然地识别出这些按钮当前不可用。

当用户将鼠标悬停在这些不可点击的按钮上时，可以显示一个悬浮提示气泡，明确告知用户按钮不可点击的原因。这样的提示可以帮助用户理解当前操作的限制，并引导他们采取其他行动。

同时，鼠标光标在悬停于不可点击按钮上时，应从普通箭头变为一个禁用或禁止的图标，如一个带有斜线的圆圈。这种视觉符号是广泛认可的“不可用”或“禁止”标志，可以进一步加强用户对按钮状态的理解。

通过这些设计策略，可以确保用户界面的清晰性和直观性，减少用户的困惑和误操作，从而提升整体的用户体验。

例如下图飞书文档中部分操作按钮不可点击时的按钮交互：

b.清楚操作后的对象

在设计软件界面时，确保用户能够直观地看到他们操作的数据至关重要，避免让用户依赖记忆去回想操作结果。

以页面中的数据选择和筛选为例，用户在进行选择后，界面应立即反馈所选数据的状态。这样的实时显示机制使用户能够清晰地看到自己的操作结果，从而提升操作的准确性和满意度。

例如飞书表格中数据被选中后会显示已勾选状态：

例如飞书表头属性配置被选中后会显示已勾选状态，取消勾选勾选勾随即消失：

c.提醒操作后的状态

状态反馈是用户操作后界面给予的即时响应，它对于传达操作结果至关重要。

例如，在页面中，用户点击按钮后，界面应提供成功或失败的明确反馈。同样，对于输入框，界面也应即时验证用户输入的内容是否符合要求，并给出相应的提示。这样的设计可以帮助用户理解操作是否成功，以及如何纠正错误，从而提高用户的操作效率和满意度。

例如公众号编辑器“保存为草稿”按钮点击后，上面会出现保存成功的提示语，让用户能清晰地知道当前操作是成功的状态。

当遇到异常情况，比如网络断连、服务器异常时，点击“保存为草稿”按钮后，会出现“保存失败”的提示，由于顶部保存失败提示是瞬时的，不会停留太久，担心用户没有注意到，公众号编辑器在底部左下角也会同时显示“自动保存失败的提示”，时刻提示用户当前编辑是处于异常的场景下。

在B端产品中，输入验证是确保数据准确性和安全性的关键环节。例如，在登录页面，用户输入账号、密码和验证码后，系统需要对这些信息进行校验。

当用户点击登录按钮时，系统会立即对输入的信息进行验证。如果发现错误，比如账号或密码不正确，或者验证码失效，界面应在相应的输入框旁边或下方显示错误提示信息。这样的设计能够迅速而准确地告知用户问题所在，使用户能够立即看到错误并进行相应的调整。

这种即时反馈机制不仅提高了用户体验，也有助于减少用户因输入错误而造成的不便，同时也提高了系统的安全性。通过明确的错误提示，用户可以快速地识别并纠正输入错误，从而顺利完成登录过程。

d.减少操作步骤和路径

操作步骤和路径是指用户在完成特定任务时所经历的流程和选择。

就像在现实生活中，当你计划前往某个目的地，你会使用导航系统来规划路线。地图应用会提供多种路线选项，每个选项都有其特点，比如距离最短、时间最快或换乘次数最少等。

面对这些选择，你会根据自己的需求和情况，比如是否赶时间，来挑选最合适的路线。在设计B端产品时，我们也需要根据实际业务需求和用户场景来设计流程，同时兼顾用户体验和操作的便捷性。

以登录功能为例，通常涉及账号、密码和可选的验证码输入，以及一个登录按钮。这是一个基础而直接的需求，大多数设计师都能轻松应对。

但今天，我们可以探索一种不同的设计思路，同样实现用户登录的目标，但可能提供更优化的用户体验或更高效的操作路径。

如上图，登录页面是我们最常见也是正确的设计方式，账号和密码两个字段信息都在同一个页面，用户只需要三个步骤（输入账号➡️输入密码➡️点击登录按钮）就能完成登录操作。

如上图所示，我们采用了一种分步展示的登录页面设计，将账号和密码输入分成两个阶段，操作流程变为：输入账号 → 点击下一步 → 输入密码 → 点击登录。这样的设计增加了一个中间步骤，即“点击下一步”，同时也使得页面信息分散，用户如果发现账号信息输入有误，需要返回上一步进行更正，这无疑增加了操作的复杂性和用户的操作负担。

这个例子展示了即使是看似简单的登录功能，其交互步骤也可能因为设计选择而变得复杂。在实际的业务需求中，我们可能会遇到更加复杂的场景，交互步骤也会随之变得更加复杂。

这里的核心目的是帮助大家理解，设计时需要考虑如何简化用户的操作路径，减少不必要的步骤，以提供更加流畅和直观的用户体验。

e.简洁且易懂的文案

文案在产品设计中扮演着至关重要的角色，它不仅仅是页面上的简单文字，而是需要经过深思熟虑的设计元素。

以导航栏为例，它作为用户在产品中导航的关键路径，其空间有限，因此简洁明了的文案尤为重要。

此外，软件产品中还包含各种提示性文案，如操作成功的反馈、错误提示、教程说明以及功能介绍等。

优秀的文案应当易于理解，同时考虑到用户的背景和专业性。例如，错误信息应避免直接显示技术性代码，以免非技术用户感到困惑和焦虑。不清晰的错误信息不仅会增加用户的不安，还可能影响他们对产品的整体印象，甚至导致客户流失。

因此，文案的设计需要兼顾清晰性、友好性和专业性，以确保用户能够愉快、高效地使用产品。

f.遵循用户习惯

设计的核心原则是用户至上，这意味着在设计过程中，用户的使用习惯和体验应被放在首位。

以返回按钮的设计为例，它通常位于页面的左上角，这是因为用户在使用各种应用时已经形成了这样的习惯和预期。当用户需要返回上一步或上一个页面时，他们会自然而然地在左上角寻找返回按钮。

这种设计遵循了用户的直觉和习惯，减少了用户的学习成本，提高了操作的直观性。通过这样的细节设计，我们可以确保用户在使用产品时能够感到舒适和便捷，从而提升整体的用户体验。

再比如弹窗的关闭按钮和取消、确定按钮的位置，关闭按钮在右上方、取消、确定按钮在右下方。

结语

以用户为中心的设计思想强调的是，设计过程中要始终将用户的需求和体验放在首位。这意味着设计师需要深入理解用户的行为习惯、心理预期以及业务场景，从而创造出既直观又高效的产品。

将用户视为“纯小白”的体验家，可以帮助设计师去除先入为主的假设，从零开始构建用户界面和体验。这样的设计理念能够确保即使是初次接触产品的用户，也能迅速理解如何使用产品，并有效地完成他们的目标任务。

优秀的用户体验不仅能够赢得用户的认可，还能在使用过程中提供愉悦感，提高用户的工作效率。这种积极的体验能够增强用户的满意度和忠诚度，促使他们长期坚持使用产品。

因此，设计师在设计时应该不断问自己：这个设计是否简单易懂？用户在使用过程中是否感到舒适？这个产品是否能够帮助用户提高效率？通过这样的自我审视，我们可以不断优化产品设计，以满足用户的需求，最终实现产品的长期成功。

Yuanlu（第19期）