网站首页资讯动态九度视角
咨询热线:170 9380 9991
公司动态行业资讯建站相关九度视角推荐信息

网站制作之极简主义的网页设计之路

时间:2018-07-26 09:17:23 关键词:网页设计 极简主义 网站制作

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

如果您对Steve Jobs或Apple产品设计有任何了解,那么它可能是一个三次点击规则。在iPod的设计过程中,乔布斯向Apple的设计师提出了一个问题:iPod的界面设计非常简单,只需点击三下就可以听到iPod上的任何歌曲。

三点击规则在极简主义网页设计中具有类似的概念。访问您网站的访问者应能够通过三次点击访问您网站上的任何内容,以免他们对搜索到的内容失去兴趣并完全放弃您的网站。

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

因此,如果点击次数使网站设计极其简单易用,那么人们浏览网站的方式有哪些特定的特征?最有可能的是信息的气味。事实证明,设计的简单性不是访问者到目的地需要采取多少步骤,而是访问者到达目的地所需的步数。这就是信息气味的作用所在。

网站制作之极简主义的网页设计

如果您不熟悉“信息嗅觉”的概念,这是一个相对迷人的心理学概念,它将我们在网上寻找信息的方式与动物在野外寻找食物的方式进行比较。 Peter Pirolli的“挑选理论”的一部分,信息的气味由我们用于跟踪在线信息的内容组成。例如,如果用户想要购买黑色裤子,则用户可以从搜索结果中点击(跟踪)完美黑色裤子的图片,或者用户可以点击(记录)描述他们想要购买的裤子类型的链接。 。一旦用户点击,他们就会发现自己在允许他们购买或采取其他行动(吃饭)的页面上,或者他们可能会发现自己在Pinterest这样的网站上,那里有无数黑裤子的照片,但不允许他们完成手头的任务。此时,路径变冷,用户意识到页面上没有食物,他们将不得不走另一条路。当然,一个人在网上寻找黑色裤子的意图并不总是要买。此外,如果用户只想看看世界上所有的黑色裤子设计,Pinterest会提供一些非常肥沃的成分。

网站制作之极简主义的网页设计

一般来说,觅食理论认为,在野外,动物从食物丰富的地方消耗尽可能多的食物。寻找食物,追逐和捕捉食肉动物的食物需要能量,所以如果动物已经知道哪里有丰富的食物供应,那么去一个新的地方寻找食物是没有意义的。只有当北极熊或鸽子在一个地区耗尽食物供应,或者如果它们进入危险状态时,它们才能继续前行。 Peter Pirolli认为在网上搜索的人也是如此。

在互联网上查找有用的信息需要付出努力,因此一旦一个人看到高质量的信息来源,他将继续从这个来源获得尽可能多的信息。就像在野外寻找食物的动物一样,富有成果的人们会放弃“当收益超过收益时可以保持预期”,或者当这个人已经用尽所有可用信息,或者数据不再满足他或她的需求时。虽然这是一种支持,但由于该网站拥有丰富的优质内容,为访客提供美味的食物,它还提醒我们为访客创建一条高质量的路径,从一条消息到另一条消息。 ,也是必不可少的。

网站制作之极简主义的网页设计

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

干净的网页是有效的网页。这只是将小麦与谷壳分开然后对小麦进行分类,以便您页面上的访客不必深入了解整个田地的价值。

网站制作之极简主义的网页设计

我知道这是很多背景信息,但它为极简主义网页设计提供了一个很好的起点。你开始弄乱你的网站的一种方法是问自己一个简单的问题:“我希望访问者一旦到达这个页面就这样做了吗?”

对于零售网站的运营商来说,最常见的答案几乎肯定是购买。许多零售商包括随该产品购买的其他“特色产品”、“特殊产品”,以及类似的附加名称,希望访客在看到这些产品时可以购买更多产品。在EyeQuant在线发现的成功案例汇编中并非如此。当VeggieTales网站从其产品页面的侧边栏中删除“相关产品”以及过多的产品信息时,页面清晰度增加了28%,每位访问者的收入增加了28%。

本文由成都网站建设服务商九度互联原创,地址为:http://chengdu.jdoo.cn/news/i2534.html