了解Web设计的可学性:技巧和最佳实践

建立一个可学习的网站比听起来要困难得多。目标应该是一个清晰的用户体验，游客可以快速理解。

移动应用程序设计人员可以通过入门帮助用户学习界面来解决这个问题。但网站不能总是提供冗长的教程。

让我们来看看可学习性，看看如何将这些技术应用到您的网站。大多数访问者知道如何浏览网页，所以它不是真的让人们学习的接口，而是遵循约定，以便他们舒适地使用您的网站。

为什么可学习性至关重要

一旦他们知道如何使用它，人们就会更多的使用界面。相反，人们从界面看起来非常恐怖。

你想设计可学习性，让人们坚持。目标是帮助他们快速学习你的界面，以便他们可以继续使用它。通过这种方式，您可以获得更多的重复用户，并且网站的跳出率也更低。

交互设计应该是可以学习的，或者至少不应该要求设计者教导人们如何使用界面。这不适用于像Photoshop这样的复杂软件，但网站并不是复杂的软件。

例如，每个人都知道亚马逊的网站。 它充满了成千上万的类别和数以百万计的产品。 有了这么多的内容，你会期望它是一个烂摊子。

然而，浏览和搜索亚马逊真的不是太难。 为什么？

因为他们专注于帮助人们理解界面的相关组件。

有了更复杂的页面元素，你并不总是需要依靠常识。 例如，当您将某些元素悬停在用户界面中时，Twitter会使用很少的工具提示提示。

他们的目标是鼓励更多的用户互动，并帮助人们继续使用Twitter。 这是增加总体用户数量并鼓励更高保留率的有效方法。

考虑到这一点，我们来深入一些学习网站的技巧。

一致性丰富的熟悉

我之前提到一个好的设计需要一致的界面。 这意味着您要使用人们熟悉的常见页面元素，并长期保持相似。

某些元素应该保留在每个页面的相同位置。 您的导航，徽标和主要内容区域都应该很容易找到。

但是更复杂的应用程序需要比信息内容更进一步。 举个例子，自推出以来看起来基本相同的Dropbox后端。

一旦用户学习Dropbox界面，他们永远不需要重新学习它。 这是一致性的目标。

当有人第二次回到Dropbox时，他们已经熟悉了。 一旦人们使用它一段时间，他们会熟悉用户界面，并期望它以某种方式行事。

您也可以在博客和内容网站上找到相同的技巧，但这种技巧不太明显。 例如，WebDesigner Depot启动了重新设计，并将其所有悬停事件都改为使用移动动画效果。

现在当你有任何特色的故事图片，标题或任何导航链接，你会发现有一个小的动画向右移动这些项目。

这在整个网站保持一致，并告诉游客什么期望。

在设计中寻找一致性，并尽可能保持这些元素的一致性。

用户界面响应和反馈

移动世界经常谈论微观互动，以及这些互动如何影响行为。 这些交互通常是对用户行为的动画或UI响应，并且对于可学习的界面来说是至关重要的。

用户需要证据表明他们所做的事情（点击，提交表单，输入内容）实际上对页面有影响。

您可以使用简单的动画效果或创建响应用户的页面元素来完成此操作。

一个很好的例子就是MailChimp注册页面上的注册表单。

当您为您的账户输入密码时，MailChimp的用户界面在您点击它们时会自动跨越某些要求。 例如，密码至少需要8个字符。

所以，一旦你输入8个字符，小项目交叉。 它显示您的击键正在影响页面，然后用户可以了解密码字段的工作方式。

另一个很好的例子是Photojojo电子商务产品页面布局。

每当您点击“添加到购物车”页面向上滚动，您将看到一个工具提示与您的购物车的概述。

从界面的这个响应让你知道你刚刚添加的东西到你的购物车。这是一个清楚的指标，你的鼠标点击做了什么。

遵循标准惯例

在介绍网页设计的一致性的价值之前，我已经谈到了网页设计的标准。

如果你正在设计一个平均每天使用的网站，那么你需要遵循约定。现在不是时候去创造新的东西，或者开始搞乱共同的期望。

游客希望在顶部看到导航菜单。链接应该通过悬停和点击来工作，如果有下拉，它应该立即显示。

如果你正在设计可学性，那么不要试图重新发明轮子。相反，看看别人在做什么（至少是好东西），坚持下去。

例如，这个结帐页面包括小的加号/减号图标，用于在结帐之前更改数量。

这是电子商务中的一个非常普遍的功能，用户本身就知道如何使用它。

界面功能越常见，人们直观地理解的可能性就越大。

博客布局也一样。 针对博客类别顶部的强大导航，清晰可见的标题，顶级的精选图片，以及文章正文。

坚持什么工作，并尝试寻找其他网站的灵感。

对于博客，你可以试着看看其他更简单的博客，甚至在线杂志，看看他们共享的元素。 如果你看到几十个网站上的东西，那么这是你自己复制的一个提示。

一旦足够长的时间，您甚至可能需要根据自己的设计考虑标准惯例。

例如，Google的SERPS页面几乎已经几十年了。 是的，它已经改变了一点，但在大多数情况下，它确实没有。

保持与您自己的惯例一致。 有一天，不要从根本上重新设计你的网站，而不能从Digg v4的失败和他们疯狂的用户界面改变中恢复过来。

一旦你的设计上线了足够长的时间，你可以打赌很多人已经熟悉你的约定。 尽量避免改变这些太多。

当然，这些技巧只是可学习性的开始，所以把这些想法付诸实践并看看它们是如何工作是非常重要的。