脑课堂编程教育

极简主义网页设计

开发无忧 3年前
1925 0 0
脑课堂编程培训

  让我们以史蒂夫•乔布斯的名言开始这篇关于极简主义网页设计的文章:”简单可能比复杂更难:你必须努力工作才能让你的想法变得简洁。 但它最终是值得的,因为一旦你到达那里,你就可以移山。“

  如果你对史蒂夫•乔布斯或苹果产品设计有任何了解的话,那很可能是三次点击的规则。在iPod的设计过程中,乔布斯给苹果的设计师们提出了一个问题:iPod的界面设计得如此简单,只要点击三下,他就能听到iPod上的任何歌曲。

  三次点击的规则在极简的网页设计中有一个相似的概念。你的网站的访问者应该能够在三次点击中到达你网站上的任何东西,以免他们对他们搜索的内容失去兴趣,并且完全放弃你的网站。

  但根据互联网研究人员的研究,这一规则并不成立。根据咨询公司用户界面工程(User Interface Engineering)的数据,当用户点击超过3次(有时多达25次)时,用户的满意度甚至没有下降。事实上,当用户找到他们想要的产品的点击次数从3次增加到4次时,用户找到产品的能力就会提高。

  那么,如果不是点击的数量使得网站设计极简,易于使用,那么人们浏览网站的方式的定义特征是什么呢?很有可能是信息气味。事实证明,设计的简单性并不在于访问者需要走多少步才能到达目的地,而在于访问者要走多少步才能到达目的地。这就是信息气味起作用的地方。

  信息气味

file

  如果你不熟悉“信息气味”的概念,这是一个相对迷人的心理学概念,它将我们在网络上寻找信息的方式与动物在野外寻找食物的方式进行了比较。Peter Pirolli的“觅食理论”的一部分,信息气味是由我们用来跟踪在线信息的东西组成的。例如,如果用户想购买黑色裤子,用户可能会从搜索结果中点击(跟踪)一条完美的黑色裤子的图片,或者用户可以点击(记录)一个链接,描述他们想购买的裤子类型。

  一旦用户点击,他们会发现自己在一个允许他们购买或采取其他行动(吃)的页面上,或者他们可能会发现自己在一个像Pinterest这样的网站上,那里有无数的黑色裤子的图片,但不允许他们完成手头的任务。此时,路径变冷,用户意识到页面上没有食物,他们将不得不走另一条路。当然,一个人在网上寻找黑裤子的意图并不总是要买。此外,如果用户只是想看看世界上所有的黑色裤子设计,Pinterest就提供了一些非常肥沃的食材。

  觅食理论

file

  一般来说,觅食理论认为,在野生环境中,动物从一个食物丰富的地方尽可能多地摄取食物。寻找食物,追逐和捕获肉食动物的食物需要能量,所以如果一个动物已经知道哪里有丰富的食物供应,那么去新的地方寻找食物是没有意义的。只有当北极熊或鸽子耗尽了一个地区的食物供应,或者危险进入,它才会继续前进。彼得•皮罗利(Peter Pirolli)认为,人们在网上搜索的情况也是如此。

  在互联网上寻找有用的信息需要付出努力,所以一旦一个人看到了一个高质量的信息源,他就会继续从这个信息源获取尽可能多的信息。像一个动物在野外觅食,卓有成效的来源的人放弃“收益时它会离开大于收益可以从保持期待,“或者当那个人已经耗尽所有可用的信息,或数据不再满足他或她的需要。虽然这是一种支持,因为网站上有丰富的质量内容,为访问者提供了美味的饭菜,但它也提醒我们,创建一条高质量的路径,让访问者从一份信息到另一份信息,同样是必不可少的。

  极简的网页设计是关于可读性和信息气味

file

  那么,你如何创造一个极简主义的网页设计,仍然为游客提供丰富的食材?这并不容易。即使是史蒂夫•乔布斯,许多人认为他的领域里有天才,他也认识到简单是最具挑战性的事情之一。但简单很重要。很多,根据网页设计评估软件公司EyeQuant。在一系列用户研究中,该公司发现,在不同的业务类型中,整理页面更成功。随着页面清晰度的提高,每个访问者的点击、转换和收入也会增加。

  一个干净的网页是一个有效的网页。这只是把小麦从谷壳中分离出来的问题,然后把小麦分类,这样一来,你的页面上的访问者就不必去挖掘整个领域的价值了。

  把注意力集中在结果上

file

  我知道这是大量的背景信息,但它为极简主义的web设计提供了一个很好的起点。你可以开始从你的网站上消除杂乱的一个方法是问你自己一个简单的问题:“我希望访问者一旦到达这个页面,他们会怎么做?”

  对于零售网站的运营商来说,最常见的答案几乎肯定是购买。许多零售商包括其他的“特色产品”、“与”产品一起购买的“特色产品”,以及类似的附加名称,希望访客能在看到这些产品时购买更多的产品。根据EyeQuant在网上找到的成功故事的汇编,并非如此。当VeggieTales网站将“相关产品”从他们的产品页面的侧边栏中移除时,以及过量的产品信息,页面的清晰度提高了28%,每位访问者的收入也提高了28%。

  提示1:如果你想让访问者购买,确保购买是页面的主要目的

  通过消除信息清理

file

  你可能认为一次给访问者提供关于你的公司或服务的所有相关信息是让他们留在你的网站上并把他们变成一个专注的读者或客户的最好方式。

  通常情况并非如此。大量的信息可能会让我们的大脑痛苦地处理,让我们更难以决定下一步该走哪条路来跟踪信息的气味,而正是这些气味将我们带到页面的最开始。通过删除页面上不必要的所有信息(别担心,你可以在“About”链接后面插入你公司卓越的起源故事),你可以让用户更容易采取你希望他们采取的行动。

  网络专家Russell Lee在基于网络的数学测试和评估公司MapleTA的主页上进行了一项实验,结果显示,一个不那么杂乱的登陆页面,加上一个更明确的行动号召,可以产生显著的效果。通过以极简主义的网页设计从主页上删除大部分信息,特别是在折叠的上面,并通过突出的注册按钮对网站提供的内容进行简单的解释,Lee将转化率提高了633%。

  技巧2:少即是多

  清理不牺牲信息

file

  很难确定什么是小麦,什么是谷糠,更难以确定哪种麦秆质量最高,最可能吸引现场游客。然而,使用信息气味作为设计的基础,有三个简单的问题可以引导您走上最有效的道路。

  是什么让访客来到这一页?/这个网站提供什么?

  游客希望在这里完成什么?/我希望他们接下来做什么?

  他们必须采取什么行动?/我要告诉他们什么才能说服他们?

  这些问题可以帮助您看到,您在公司web页面上提供的许多信息都是无关的。这并不是说它不重要。在那个特定的时刻,它对用户没有意义。

  如果用户登陆酒店的主页,他们可能会寻求预订房间或研究酒店。大多数酒店网站设计满足以上的需求,提供预订框和基本信息的链接,如房间类型和设施。用户不需要其他任何东西。除非…一些看似无关的关于你的公司的信息可以被证明是必不可少的。游客们并不在意有200万人在他们之前住在你的旅馆里。不过,他们可能会关心这家酒店是否有传奇历史。另一种表达问题的方式是,“我要告诉他们什么才能说服他们?”可能是“是什么让这家公司与众不同?”不管这个问题的答案是什么,你都可以为你的访客提供最优质、多汁的麦秆。

  提示3:如果你在白金汉宫做过瓦片工作,这可能是潜在客户的卖点

  这是极简主义网页设计的微妙平衡,在页面上留下了足够的空白,同时仍然为访问者提供强大的视觉和文本线索,以跟踪信息的气味到达他们的目的地。通过关注结果和区别,你可以消除那些在每一页上都没有立竿见影效果的内容,为访问者提供一条清晰的到达目的地的视觉路径,并希望在他们再次感到饥饿时,为他们提供一顿满意的大餐。

收藏

本文标题:极简主义网页设计

本文链接:https://naoketang.com/p/xm079g0g5prk

评论区

推荐课程