Content writing and its pitfalls

极简主义网站可帮助用户更快地思考。

在当今时代,用户变得越来越不耐烦,技术倦怠变得越来越普遍,为使互联网时代的业务成功,保持镇定和清晰的设计至关重要。

让我们定义极简主义的网站设计,并为您和您的用户解释它的好处。我们将进入:

  • 极简设计的美学标志
  • 极简主义的UI好处
  • 极简主义的设计避免了用户对技术的疲劳,以及为什么这对你的成功很重要

视觉美学

当我们想到极简主义时,默认情况是默认到我们可以看到并与之互动的极简主义方面。

例如,Apple的美学在很长时间方是公认的,并且是科技界的主要潮流引领者。尽管相对简单,但它们的设计始终在美学上令人愉悦。

其原因是它们的视觉风格极小。


让我们探讨一下这的真正含义,有助于视觉美感的各种因素,以及为什么这些因素如此有效。

白色或黑色

白色的中立不仅在用户眼中很容易,而且在他们的脑海中也很容易。颜色不代表任何东西-意味着用户不会被它分散注意力或被迫考虑颜色实际代表什么。 

白色背景可以使号召性用语和有意义的文字等重要元素脱颖而出,以发挥作用,同时还可以确保它们之间的色彩对比。当其亮度与对比色相匹配时,它是可访问性工具。

Slack的白色背景使文本和按钮更生动


黑色是白色的“严肃”替代。它仍然传达了一个简约的,以内容为中心的UI,同时传达了一种“更适合”的感觉。

黑色是新的白色吗?


无衬线字体

Sans-serif字体看起来比衬线字体更干净,这就是为什么它们通常被大型企业所放心的原因。结合使用sans-serif字体,大字体和/或粗体字体可以大程度地发挥影响力和情感,并且,如果我们明智地选择单词,它们可能是我们网站上迷人的方面。少即是多的情况。

微软,采取“少即是多”的方法


粗体颜色

粗体颜色与白色和黑色背景形成了很好的对比,尽管它们本身用作背景颜色时,它们看起来几乎可以与白色或黑色一样小,同时还传达了更多的情感和含义。

决定创业是一个情感决定。Shopify通过出色的图像和美丽,大胆的色彩加强了这一事实。

渐变是使用粗体颜色而不会使用户不知所措的解决方案,尤其是与无衬线字体配合使用时。这是Dribbble的一个示例,向我们展示了极简主义如何在不同程度上存在,以及极简主义网站如何以许多不同的形状和大小出现。

情绪化,但简单。

渐变色极少,但令人着迷


扁平化设计

扁平化设计是一种网站设计趋势,大约在2012年浮出水面。这是极简主义的视觉吸引力,尽管NNGroup 强调了严重的可用性问题,因为平面设计将极简概念应用于按钮之类的交互元素,使它们看起来好像他们根本没有互动。

这导致了“ Flat 2.0”的出现,它使用圆角和阴影在不使UI混乱的情况下为这些交互式元素增加了更多的深度。

圆角很有效,因为它们类似于现实生活中的按钮(具有圆角)。阴影更贴切,因为它们为按钮提供3D元素,将它们与设计分离并调用真实的元素。

缓冲区:简单而平坦,但不要太多

如果我们无法澄清交互式点击目标是交互式的,那么我们的设计将变得无法使用,因为用户随后被迫计算出可点击的内容和不可点击的内容。这种复杂的思维违背了极简主义应该实现的一切。

正如史蒂夫·克鲁格(Steve Krug)在有史以来重要的设计和可用性书之一中所说的那样,不要让我思考!

极简主义的视觉美学肯定会使我们的设计更整洁,但在设计UI时,我们不应过分夸大其词。

首先关注清晰度/可点击性,其次关注视觉吸引力。

设计很小的UI和内容

设计极简网站的UI和内容有四个主要问题:

  • 明晰。信息是否清晰?
  • 可发现性。用户如何轻松找到东西?
  • 选择能力。用户如何容易地做出决定?
  • 可扫描性。用户扫描文档有多容易?
InVision Studio主页是干净整洁的,但是如果需要,可以提供其他信息。


避免视觉混乱

经验法则:如果有用但对大多数用户或在用户当前上下文中没有用,请将其隐藏。

隐藏某些东西以减轻认知负担的示例是将不重要的导航项移到画布菜单之外时,仅在实际请求时才显示。

这背后的想法是:为什么当用户甚至根本不需要查看或使用它时,为什么要迫使用户考虑它的含义?

我们还需要考虑以下事实:如果信息太多,用户将在关键时刻无法回忆起重要信息。

认知负荷会影响我们的记忆力。 当被太多的对象或选择淹没时,我们陷入瘫痪,不知道去哪里。没有布宜诺斯艾利斯

使用视觉等级降低认知负荷

视觉层次结构应指示每个元素的重要性并影响其查看顺序。这意味着我们需要在视觉上对某些元素进行优先排序,以帮助用户准确了解正在发生的事情。例如,假设一个产品的价格显示的字体大于产品标题的字体。用户也许会知道该产品的价格为10美元,但由于他们还不知道该产品是什么,所以会困惑几秒钟。当事实证明他们根本不在乎产品时,情况就更糟了,因为他们现在已经处理了对他们没有用的信息。

这听起来像是一个小警告,但来自每个小设计缺陷的认知负担加起来并可能导致用户分心。

提供更少的选项,以提供更流畅的体验

正如希克斯定律所描述的那样,可供选择的更多选项等于较慢的响应时间。当选项太多时,用户可能会遭受决策瘫痪,这是由于认知超负荷而无法选择选项。

例如,耐克(Nike)的网站旨在仅一次向您展示一些产品。

除了标准的极简主义品质外,耐克还清晰地向用户显示了路线图上的内容,而没有显示太多有关每种产品的信息。

Atoms网站是一个成功的例子,说明减少了选项的数量。主导航仅容纳四个导航项,次要项移至网站页脚。一旦用户选择“找到适合自己的衣服”,就会向用户展示一次对话式选择一个正确产品的方法。

减少选项数量,使决策更容易做出


设计功能摩擦

就像视觉上的混乱一样,功能性混乱也增加了用户的认知负担,并可能引起巨大的注意力分散,从而导致转化次数大大减少。

电子商务就是一个很好的例子,其中34%的遗漏结帐是由于用户被迫创建帐户而造成的,这造成了巨大的财务损失。

34%的放弃结帐是由于可以避免的摩擦

假设地说,这并不意味着在这种情况下我们需要强制执行访客结帐,但是我们可以使创建帐户为可选。如果我们真的想大程度地减少用户的认知负担,我们可以要求用户在结帐后创建一个帐户,以使用户甚至不会因创建帐户而分心!