1047842600

zyj@ejayer.cn

15867348620

网页设计的易学性:5 个最佳实践

发布日期:2021-12-23   编辑:奕捷网络

您是否考虑过提高产品或网站的易学性?也许这是您第一次阅读有关可学习性的概念。建立一个可学习的网站并不是一件容易的事,因为它需要一些实验和 A/B 测试。

我们的目标是设计一个清晰的界面,用户可以快速掌握和理解。理想情况下,不需要文档来教育您的用户如何使用您的产品。

6.jpg

幸运的是,存在许多技术来创建可学习的界面。本文向您展示了五个最佳实践,您可以使用它们为用户提供更易学的界面。


1.一致性

2.回馈

3.坚持已知的 UI 元素

4.熟悉度

5.贮藏

但首先,让我们弄清楚为什么可学习性很重要。

为什么可学习性很重要?

现在,为什么可学习性很重要?您应该考虑提供更易于学习的用户界面的原因有多种。


首先,用户可以更快地采用新界面。因此,他们可以使用您的工具更快地实现目标。换句话说,他们可以从您的工具中获得更多价值。此外,几乎不需要文档或广泛的支持中心。您的目标是通过提供清晰的界面来减少支持请求的数量。


那不是全部!考虑客户体验。可以快速学习您的工具的用户将获得更好的体验。最后,用户希望在尽可能短的时间内获得价值。他们不想花大量时间学习新工具。


最后,可学习性对您的保留率很重要。复杂的界面会吓到用户。通常,他们会寻找为他们提供相同价值的更简单的替代方案。


现在我们了解了易学性的重要性,让我们探索五个最佳实践来提高易学性。


1. 一致性

首先,让我们讨论一致性的重要性。谷歌通过其 Material Design 实现了一致性,使其所有产品都具有相似的外观。因此,当用户在 Google 的产品之间切换时,更容易了解新产品的工作原理。


为什么?用户之前已经看过这个设计并且知道如何与之交互。让我们比较一下 Google Drive 和 Gmail 的界面。请注意搜索栏、菜单和操作按钮等元素定位的相似性。


简而言之,一致的接口是可预测的接口。这种可预测性导致了可学习的模式。这适用于所有内容,从侧边栏菜单到图标使用,甚至链接颜色。


2. 反馈

反馈是您在每本 UI 设计书中都能找到的关键词之一。一种最基本的反馈形式是超链接反馈。


一个超链接可以有三种不同的状态。首先,超链接处于正常状态。当用户将光标悬停在超链接上时,链接颜色会发生变化,或者用户会看到一个小的过渡动画。这个小的反馈时刻告诉用户该元素是可点击的。单击超链接后,您将看到其活动状态。同样,这是一种反馈形式,告诉用户点击请求已被接收并正在处理。


反馈可能非常微妙。我们将其称为微交互。微交互可以采取以下形式:


动画或过渡效果

颜色变化

被选中的复选框

这些微交互至关重要,因为用户需要证据证明他们所做的事情影响了页面。想象一下,您单击一个按钮提交表单,而该按钮不提供任何类型的反馈。换句话说,页面保持静态。我敢打赌你会再次点击提交按钮,因为你没有收到任何关于你行为的证据。


因此,请善待并为您的用户提供反馈。这将使他们的体验更好,更少混乱。


3. 坚持已知的 UI 元素

与其重新发明轮子,不如利用现有的设计解决方案来增加设计的熟悉度。例如,汉堡包菜单是在移动设备上隐藏菜单的最佳解决方案之一。然而,没有必要设计汉堡菜单的替代品,因为每个人都知道它们是如何工作的以及它们的目的是什么。

因此,坚持行业最佳实践。这同样适用于网站布局。坚持有效的方法和反复使用的方法。例如,购物车位于您网站的右上角。不要变得时髦,将您的购物车放在左下角。这只会让用户感到困惑。


重要的是要了解,当用户不了解您的界面设计时,他们通常会放弃您的网站或寻找可为他们提供更好用户体验的替代网站。


4. 熟悉度

熟悉度允许用户基于先前的知识更快地学习新界面。换句话说,熟悉度利用了心智模型。用户可以将他们对一种产品的心智模型转移到新产品上。这意味着他们可以使用类似界面的预先存在的知识来更快地采用新界面。

此外,熟悉度创造了可靠性,并帮助用户在探索和使用不熟悉的界面时感到自信。例如,如果您将 Google 的 Material Design 语言应用于您的网站,用户就可以识别元素并知道如何与它们进行交互。因此,他们不害怕单击特定按钮,因为他们知道会发生什么操作。可靠性是用户消除对探索新工具的任何恐惧的关键。


5. 储藏

有时您想推出一款需要颠覆性用户界面的全新产品。在这里,我们不能仅仅依靠前面的技巧来加快学习过程。


在这种情况下,您可以通过讲故事来加快流程。讲故事可以让您分享的信息更容易理解,也更容易记住。最好,您应该使用视觉叙事而不是基于文本的叙事。用户不想阅读大量文本来了解界面。


什么在这里最有效?设计一个交互式视觉故事,引导用户浏览界面的所有重要元素。尽量保持你的故事简短,只关注用户需要开始的初学者元素。无需解释高级用例。这些类型的主题可以在其他指南中涵盖。我们不想用新信息淹没用户,因为这会对学习过程产生相反的影响。


结论:可学习性和模式识别

有许多提示可以提高用户界面的易学性。但是,重要的是要知道上述所有最佳实践都依赖于模式识别。因此,旨在设计界面,利用用户先前的知识,以便他们可以检测界面中的模式。允许用户检测这些模式有助于他们快速学习不熟悉的界面。


我希望您已经了解到实施可学习性可以获得真正的价值。就个人而言,关注易学性最重要的方面是改善用户体验。当今的产品是在考虑用户的情况下开发的。那么,为什么要开发一个不考虑界面易学性因素的产品呢?您可以拥有出色的产品,但也可以拥有复杂的用户界面。


因此,请花一些时间来提高用户界面的易学性。您可能会对用户体验的积极影响感到惊讶。


立即获取方案报价,多一份参考,总有益处。

立即咨询