易学性的用户体验设计

——MICHIEL MULDERS，2019.03.29

如何建立一个学习型网站？

设计师总是认为自己的设计清晰易懂；然而，一个对设计师来说很简单的设计，完全可能不会被大部分用户完全感知。因此，我们的目标是设计一个清晰的用户路径，以便访问者能够快速地获取并理解任务。

易学性重要在哪里？

易学性与可用性有很强的关联性。对于用户来说，快速理解应用程序的布局和用途至关重要。特别是对于网页相关程序，提供一个易于学习的界面非常重要。与web相比，设计一个易于理解的移动应用程序要方便得多;移动屏幕不允许提供过于复杂的界面，也不允许要求用户完成较为困难的任务。

快速感知并不是判断学习能力的唯一标准。一个看起来很熟悉的网站，提供一个可以理解的界面，可以保证一个较低的跳出率。这对于那些试图提高转化率的网站尤其重要。复杂的设计让用户感到害怕，他们会求助于其他提供清晰界面的工具。最后，每个网站的目标都是将是，将游客转化为留存用户，并直接让用户参与互动。

易学性例子

我们在互联网上，可以轻易找到大量易学性应用的例子。

及时提示

几天前，我刚搬到柏林，必须填写一份表格来计算我在欧洲的健康保险费用。不幸的是，这个表格只有德语，但由于视觉和文字的完美配合，我完全可以理解他们需要我在什么位置填写什么信息。这很好的说明图标如何直接反映字段含义。

其他小提示，如工具提示或默认文本，可以让用户初步了解如何使用界面以及有哪些选项可用。让我们以Twitter的“撰写新推文”模式为例。在新用户的初次使用时，直观告知用户应该如何操作，成功发出第一条Twitter内容。此外，当用户将其中一个图标悬停在文本字段下方时，将出现一个工具提示，告诉用户该图标允许什么操作。这样设计，即直观引导用户操作，也不用浪费空间展示提示文本。

一致性体验

谷歌在旗下产品中，越来越多的使用自己的设计系统 (Material Design) 。因此，跨终端的call-to-action按钮也是相同的。这保证了使用过谷歌邮箱的用户在第一次使用谷歌驱动器时能够快速识别出许多相同元素和操作。

这种熟悉程度简化了用户在新界面的学习过程，因为用户能够将他们对一个产品的心理模型快速转移到另一个产品上。特别是对于那些，没有在电脑环境中长大的老一代来说，这种熟悉感尤其重要，避免强制改变他们的使用习惯去学习新的界面。

心理模型代表一个人对事物如何运作的思考过程。心理模型是基于不完整的事实、过去的经验，甚至是直觉的感知。它帮助塑造行动和行为，影响人们在复杂情况下的处理方式，定义人们如何处理和解决新问题。

——摘自苏珊·凯里1986年发表在《认知科学与科学教育》。

虽然不是很明显，但您也可以在博客上找到这种熟悉感。因为只有某些元素是隐式需要的。例如，hamburger icon表明菜单是隐藏的，可以通过单击hamburger icon展开。通常，你也会在导航栏的右侧找到一个搜索图标。

此外，跨平台的博客布局也趋向一致。一个博客界面总是由一个标题、清晰的导航、一些特色文章和文章的主体组成。作为用户，我们逐渐熟悉了这一布局，一但我们碰到一个不同布局的博客界面，我们反而会觉得陌生不适应。

操作反馈

除了确保操作流程是可理解的，确保用户操作完成有即时的反馈也很重要;这有助于加强产品和用户间的交互关联。

举个例子，当你填写表格时，你会看到一个“thank you”或一封表示完成的邮件。对于用户来说，这是他们正确使用界面的直观证据。为什么这很重要?在学习过程中提供反馈可以帮助用户更好地记住界面，因为他可以立即了解什么是可行的，什么是不可行的。适当的反馈机制可以快速降低学习曲线，也可以帮助用户在使用该工具时提高效率。

又例如，我们不只在提交表单时给出反馈，而是根据每个字段提供反馈。以密码输入为例：每当密码满足输入要求时，该要求就会被勾选，现实成功操作;当满足所有要求时，输入字段变为绿色，表示用户可以继续进入下一个输入字段。

如何衡量易学性?

实际上，设计一个模型来衡量易学性并不难。首先，易学性的关键指标之一是跳出率。谷歌通过分析跳出率来判断易用性体验的关键数据。

除了谷歌分析，您还可以选用随机测试对象进行可用性测试：为您的测试对象提供一个接口，并给他们五个简单的任务来完成测试。例，您有一个在线的发票创建和发送平台，让您的用户执行以下任务:

1、创建一个项目发票;

2、编辑发票;

3、将发票发送给收件人;

4、跟踪发票付款情况;

5、下载已填妥的个人账簿。

现在，让您的测试对象在一天的休息时间内连续五次执行这些简单的任务。并记录完成每项任务所需的时间。易学性设计应该能够在重复任务时提高效率。重复五次以后，使用者的效率并没有明显提升，已经可以说明当前的设计易用性存在显著的问题。

易学性在不同场景下，受许多因素影响，因此，设计永远有可优化的空间。在实践中使用这些技巧，可以帮助设计师在优化设计时，提高产品体验价值和商业价值转化。