今天的商业世界对用户体验(UX)设计非常着迷。这是有原因的。在用户体验方面的每一美元投资都能带来100美元的回报。因此,有了一些被隔离的空闲时间,我决定检查一下现在发展最迅速的行业之一,教育技术(edtech),是否使用了用户体验的潜力。
我的计划是选择一个教育技术平台,审计它的用户体验,如果有必要,重新设计它。我首先看了一些主要的教育技术平台(如edX、Khan Academy和Udemy),阅读了关于它们的用户反馈,然后把范围缩小到edX。我为什么选择edX?原因很简单。
- 它是非营利性的。
- 它有超过2000万的用户。
- 它的用户体验有很多负面评价。

即使从我的快速用户体验检查中,我也对全球教育技术平台目前所遵循的用户体验原则和UI解决方案有了一个大致的了解(在我的例子中是edX)。
总的来说,这个用户体验审计和重新设计的概念对于用户体验设计师、企业主和营销人员来说是非常有用的,因为它提出了一种审计和修复产品最明显的可用性问题的方法。所以,欢迎来到我的edX审计。
审计结构
- 第一部分。对用户需求的审计
- 第二部分:对10个可用性启发式方法的审计
这个审计由两部分组成。首先,我调查了edX的用户,了解他们的需求,并检查平台是否满足这些需求。在第二阶段,我根据Jacob Nielsen确定的10个可用性启发式方法对edX的网站进行了权衡。这些启发式方法是公认的用户体验准则--可以说是任何用户体验设计师的圣经。
理想情况下,一个完整的用户体验审计需要数周时间。我有一个固定的范围,所以我检查了平台的主页、用户资料和搜索页面。这些是对用户来说最重要的页面。仅仅分析这几个页面就为我的重新设计概念提供了足够的洞察力。
第一部分。对用户需求的审计
好的用户体验会转化为用户的满意。
这就是我开始的地方:识别用户需求。首先,我分析了关于该平台的统计数据。为此,你可以使用Semrush和SimilarWeb等知名工具,以及来自Trustpilot、Google Play和苹果应用商店的评论。
以SimilarWeb为例。该工具分析了edX的排名、流量来源、广告和受众兴趣。"计算机电子 "和 "技术 "似乎是edX学生中最受欢迎的课程类别。

关于edX的用户反馈,我去了Trustpilot(Google Play和App Store只与分析移动应用有关)。我发现大多数用户称赞edX的课程内容有用,但抱怨该平台的用户体验--最常见的是艰难和耗时的验证过程和糟糕的客户支持。

完成了分析性检查,我转到了用户访谈。我去了Facebook和LinkedIn的设计社区,寻找在线课程的学生,请他们回答我的一些快速问题。对于每一个回复的人,我都发送了一个简单的谷歌表格,以记录他们的基本需求和他们在选择教育平台时最重视的东西。
收到答案后,我为edX创建了两个用户档案:潜在用户和长期用户。下面是对这两种类型的快速说明。

我根据我的调查确定了这两种类型的用户。根据我的发现,用户在选择教育课程时,有两种常见的情况。
学习者1主要是在不同的教育平台之间进行选择。这种用户类型不需要一个特定的课程。他们正在访问各种网站,寻找一个能吸引他们注意力的课程。
第二种学习者清楚地知道他们想学什么课程。假设他们选择了edX,他们就需要一个有效的搜索功能来帮助他们找到他们需要的课程,他们还需要一个方便的个人资料页面来跟踪他们的进展。
根据edX的用户档案,他们的需求,以及我收集的统计数据,我概述了该平台的客户可能面临的五个最常见的问题。
问题1:"我可以信任这个网站吗?"
众多因素决定了一个网站的可信度和可信赖度:标志、评论、反馈、显示的价格等。Nielsen Norman集团涵盖了其中的理论。让我们专注于实践。
那么,我们这里有什么呢? edX目前的主页显示其大学合作伙伴的标志,这些标志第一眼就能看到,并为平台增加了可信度。
同时,主页并没有强调平台的好处或用户反馈。这往往是用户选择平台的一个决定性因素。

其他方法
向竞争对手学习是件好事。另一个教育技术平台,可汗学院,展示了相当不同的网站设计方法。它的主页介绍了该平台,谈论了它的好处,并显示了用户的反馈。

问题2:"我有选择课程所需的所有信息吗?
很多时候,用户只想快速扫描课程列表,然后根据描述选择最佳课程。
edX的课程卡显示课程名称、机构和证书级别。然而,他们还可以提供一些基本要素,如价格、课程评级、有多少学生在读、开始日期等。
正如Jacob Nielsen的第六启发式所提到的,对元素的适当描述是用户体验的一个重要部分。该启发法指出,所有对用户有价值的信息都应该始终可用。
其他方法
看看另一个教育技术平台,Udemy的课程卡显示课程名称、教师、评级、评论数和价格。

问题3:"我可以很容易地注册吗?"
根据Mirjam Seckler的研究,如果一个注册表格遵循基本的可用性准则,完成时间就会大大减少。如果没有错误,用户在第一次尝试时注册的可能性几乎是两倍。
因此,让我们深入了解一下edX的表格。
- 他们不允许你输入你的国家名称或出生日期。相反,你必须滚动浏览所有的选项。我在乌克兰,这在列表中是很靠后的)。
- 他们不显示你输入的密码,即使有要求也不显示。
- 他们不发送电子邮件来验证你所输入的地址。
- 他们不会用星号标明哪些字段是必须的。
加快注册过程是另一个关键的用户体验原则。想了解更多信息,请看Nielsen Norman Group的网站表单可用性指南。



其他方法
许多网站让用户手动输入数据以加快申请过程。另一个教育技术网站,Udemy,有一个选项可以根据要求显示和隐藏输入的密码。

问题4:"现场搜索有帮助吗?"
搜索是最常用的网站功能之一。因此,它应该是有帮助的,简单易用,而且速度快。众多的可用性研究表明,有用的搜索对大规模在线开放课程(MOOCs)非常重要。
在这方面,我已经分析了edX的搜索。我从页面加载开始。下面是Google PageSpeed的截图,它显示该平台的搜索速度在100分中有12分的成绩。

现在让我们转到在一个特定的类别中搜索。在其目前的设计中,edX没有过滤功能。在选择了一个类别(例如,电子课程)后,用户需要滚动列表来找到他们想要的东西。而有些类别有超过100个项目。

其他方法
教育技术平台Coursera在其网站上有可见的过滤功能,在一个类别中显示所有可以过滤的选项。

问题5:"我应该完成这个课程吗?"
研究人员不住地强调,教育技术平台的平均留存率比其他网站高。因此,跟踪用户的进展和动机对在线课程来说至关重要。这些原则相当简单却很有效。
这就是edX的用户档案的样子。

其他方法
可汗学院的用户资料显示了各种统计数据,如加入日期、获得的积分和最长的学习记录。这可能会激励用户继续学习并跟踪他们的成功。

第二部分:对10种可用性启发式方法的审计
我们已经完成了对edX上最常见的用户需求的分析。现在是时候转向Nielsen Norman Group确定的10个可用性标准了,Nielsen Norman Group是一家受到全球领先组织信任的用户体验研究和咨询公司。
即使你不是一个用户体验设计师,你也可以用这10个启发式方法对你的网站做一个基本的用户体验检查。Nielsen Norman Group的网站给出了很多例子、视频和每个启发式方法的说明。这个Notion检查表使它更加方便。它包括任何网站所需的重要可用性标准。这是一个在Fulcrum(我工作的地方)内部使用的工具,但我认为与Smashing杂志的读者分享它也是不错的。它包括一百多个标准,由于它是在Notion中,你可以随心所欲地编辑和定制它。
启发式1:系统状态的可见性
第一个启发式方法是要始终让用户了解情况。简单地说,每当一个动作完成后,网站应该向用户提供反馈。例如,在网站上下载一个文件时,你经常会看到一个 "成功 "的信息。
在这方面,edX目前的课程卡可以得到加强。现在,卡片并不告诉用户该课程是否可用。用户必须点击卡片才能知道。

可能的方法
如果有些课程不可用,就从一开始就表明这一点。你可以使用带有 "可用"/"不可用 "信息的明亮标签。
启发式2:系统与现实世界之间的匹配
系统应该说用户的语言。它应该使用普通访问者熟悉的单词、短语和符号。而且,信息应该以合理的顺序出现。
这是Jacob Nielsen的第二个标准。edX的网站基本遵循了这个原则,使用通用语言、普遍接受的符号和熟悉的标志。

可能的做法
另一个好的做法是将课程按章节分解,并添加易于理解的图标。
启发式3:用户控制和自由
这个启发式强调用户在做错事的时候应该有一个明确的出路,比如说撤销或返回选项。
edX使你的用户名一旦被设置好就不可能改变。许多网站出于安全考虑,限制了更改用户名的选项。不过,让它可以更改可能会更方便用户。

可能的方法
一些网站允许用户随时保存数据、状态或更改。一个好的做法是为客户提供其他的选择,比如添加或删除一个课程,或者保存或编辑他们的资料。
启发式4:一致性和标准
根据这第四条用户体验标准,设计元素应该是一致的和可预测的。例如,在一个平台的用户界面设计中,符号和图像应该是统一的。
广义上讲,有两种类型的一致性:内部和外部。内部一致性是指与一个产品(或一个产品系列)保持同步。外部一致性指的是遵守一个行业内的标准(例如,电子商务网站的购物车具有相同的逻辑)。
edX有时会打破内部一致性。下面就是一个例子。"探索 "按钮看起来不一样。两个外观不同的按钮(或任何其他元素),执行相同的功能,可能会增加视觉噪音,恶化用户体验。这个问题可能不是很关键,但它对网站的整体用户体验有贡献。

启发式5:错误预防
好的设计可以防止用户出错。通过帮助用户避免错误,设计师可以为他们节省时间并防止挫败感。
例如,在edX上,如果你在你的电子邮件地址中犯了一个错误,那么只有在你试图验证它之后才会看到它。

可能的方法
诚然,实时验证并不总是对用户体验有好处。一些设计师认为它有问题,认为它分散了用户的注意力并导致混乱。其他人则认为实时验证在用户体验设计中占有一席之地。
在任何情况下,无论你是在现场验证还是在点击了 "提交 "按钮后验证,都要把你的用户和他们的目标放在心上。你的任务是让他们的体验尽可能的顺利。
启发式6:识别而不是回忆
用户不应该记住你以前给他们展示过的信息。这是尼尔森-诺曼集团的另一条用户体验准则。颜色和图标(如箭头)帮助用户更好地处理信息。
edX的主页显示大学的标志,但没有显示大学的全名,这说明了这一点。另外,用户资料页面并没有告诉你已经完成了哪些课程。

可能的方法
该平台的用户体验可以通过显示用户已经完成的课程和推荐类似的课程来改善。
启发式7:使用的灵活性和效率
根据这一用户体验原则,尽可能通过使用称为加速器的元素来加速交互。基本上,使用任何能加快整个过程的选项或行动。
当用户搜索课程时,edX不提供过滤功能。它的缺失可能会增加用户找到他们需要的课程所花费的时间和精力。

可能的方法
搜索是用户转换的关键阶段之一。如果用户能找到他们想要的东西,他们就会更接近成为客户。所以,使用过滤器来帮助用户更快、更容易地找到课程。
启发式8:美学和极简主义设计
这个启发式告诉我们要 "从用户界面上去除不必要的元素,并使设计的信噪比最大化"(信是指与用户相关的信息,而噪是指不相关的信息)。
简单地说,每一个元素都应该讲述一个故事,就像一个马赛克。设计师是沟通,而不是装饰。
将edX目前的主页设计与之前的主页相比较,我们可以看到一个巨大的进步。主要的照片现在与平台的使命更加相关。edX还增加了关于它有多少用户和课程的洞察力。

启发式9:帮助用户识别、诊断和恢复错误
这个启发式指出,应该用简单的、解释性的语言向用户表达错误。明确解释错误发生的原因也是很好的。
edX的404页面总体上达到了它的目的。首先,它向用户解释了问题("我们似乎找不到你要找的页面"),并建议了一个解决方案(给出了主页、搜索功能和课程列表的链接)。它还推荐热门课程。

启发式10:帮助和文档
这最后一个启发式是关于任何网站的支持和文档的必要性。有许多形式的帮助和文档,如入职页面、演练、工具提示、聊天和聊天机器人。
edX有隐藏在页脚的帮助中心的链接。它被分为几个部分,用户可以使用一个搜索栏来寻找信息。搜索在自动建议可能有用的主题方面做得很好。
不幸的是,用户不能通过点击标识从帮助中心返回到主页。没有直接的方法可以从那里回到主页。

可能的方法
让用户在网站的任何地方都能回到主页。
eDX重新设计概念
根据我的用户体验发现,我重新设计了平台,重点放在主页、用户资料和搜索结果页。你可以在Figma中看到重新设计的完整图片。
主页
1.信噪比
首先要做的是。为了满足可用性启发式8,我使整个页面更加简约,并在其元素之间增加了空间。
edX有着 "人人受教育,处处受教育 "的宏伟使命,所以我决定把这句话放在主页上,朴素而大胆。

我还调换了图片,以更好地反映文本中呈现的故事。我用这些新的插图表达了使命。

2.课程卡
下面的 "新课程 "部分突出了最新的课程。
我还添加了一些edX的卡片目前没有显示的细节。这使得卡片的描述性更强,显示了每个课程的基本信息。

我还用图标来显示最受欢迎的科目。
3.公信力和信任
我增加了一个事实表,以显示该平台的可信度和权威性。

此外,我还更新了页脚,重塑了语言栏,使其对用户更加明显。
帮助性搜索
1.搜索过程
在edX目前的设计中,用户在搜索时没有看到可用的选项。因此,我设计了一个带有自动建议的搜索功能。现在,用户只需要输入一个关键词,然后选择最相关的选项。

2.搜索过滤器
我添加了一个左边的侧边栏,使其容易过滤结果。我还更新了用户界面,使课程卡更具描述性。

用户资料
正如在审计部分提到的,激励用户继续学习是至关重要的。受可汗学院的启发,我在用户档案中加入了一个进度条。现在,简介中显示了用户在完成一门课程之前还剩下多少课。

我把导航放在上面,这样可以很容易地看到它。此外,我还更新了用户资料的设置,保留了功能,但修改了颜色。
总结
用户体验审计是一个简单而有效的方法来检查设计元素是否在执行它们的功能。它也是一种从新的角度来看待现有设计的好方法。
这个案例给我带来了几个教训。首先,我看到现在最热门的行业之一的网站可以更新他们的用户体验。学习新东西很难,但如果没有适当的用户体验设计,那就更难了。
审计还显示了为什么理解、分析和满足用户需求是至关重要的。快乐的用户是忠实的用户。