极简主义网页设计:信息的香味。

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

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

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

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

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

信息气味

极简主义网页设计:信息的香味(图1)

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

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

觅食理论

极简主义网页设计:信息的香味(图2)

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

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

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

极简主义网页设计:信息的香味(图3)

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

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

把注意力集中在结果上

极简主义网页设计:信息的香味(图4)

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

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

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

通过消除信息清理

极简主义网页设计:信息的香味(图5)

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

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

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

技巧2:少即是多

清理不牺牲信息

极简主义网页设计:信息的香味(图6)

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

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

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

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

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

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

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

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

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/218418.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月15日 11:32
下一篇 2023年2月15日 11:32

相关推荐

  • 如何从配色增强视觉对比

    明暗度 页面设计运用色彩的明暗度最容易在视觉上形成出色的对比效果。但是要注意,对明暗度的调节一定要估计到易读与可读性。 色相与色调 这就得好好运用色轮上的对比色了,一般需要涉及到三个因素:互补色、分散互…

    2022年6月25日
    0116
  • 小编教你杭州广告公司推广|网站制作时网页设计的素材。

    网站制作的好处相信大家都知道了。在网站制作中网页设计是很重要的,增加网站的视觉效果、可以提高网站的浏览量、吸引客户等。成功的网站建设离不开好的素材。      背景图片CSS控制背景图片:对于一个网页,我们开…

    2023年6月25日
    00
  • 优秀设计作品参考案例:向原研哉学习极简主义风格

    早前,「小米花了200万请日本知名设计师原研哉重新设计Logo」的话题火爆中国内地网络。 优秀设计作品参考案例 小米新Logo是否值这个价钱?可以说是见仁见智。 但对原研哉大师有一定了解的朋友相信都知道,原研哉绝对…

    2022年6月23日 建站资讯
    0243
  • 网页设计技巧:视觉缺少层次感怎麽解决?

    视觉缺少层次感怎麽解决?「层次感」是网页设计中出现频率非常高的词,这主要体现信息层级关系和视觉丰富度亮点。界面如果缺少层次感,会让人感到信息杂乱、画面打掉,甚至是枯燥、乏味。 视觉缺少层次感怎麽解决? 1…

    2022年6月25日 建站资讯
    0116
  • 如何让动效设计快速又清晰

    快速 当界面设计当中的控件元素需要借助动效来转变位置和状态的话,动效元素的速度应当设计得适中。简单来说就是不能太慢,不能让用户为了动效的加载而等待。同样的,也不能太快,否则用户不能很好的明白和理解这个…

    2022年6月25日
    0124
  • 框架式页面设计须3步流程

    1、 视觉层次 需要先确定元素或者内容的优先级的高低,最好能够明确的标出级别,能够更好的寻找依据。 2、 内容划分 到了这个流程,就需要将所规划的内容进行划分到制定的区域当中,并且调整、优化等。 内容线框图…

    2022年6月11日
    0138
  • 简单好用的网站设计应专注的三件事  

      专注于行为召唤 网站设计的每一处细节都硬要是有目的,或相应地迎合用户的喜好还是行为与需求。而行为召唤设计也正是这依据,引导使用者的文案、按钮以及连结都应该保持清晰、明显,尽量地吸引用户的注意,…

    2022年6月25日
    0114
  • 三个方法让用户在情境当中教育用户

      纯文字指令 这个技巧主要依靠的是纯文字指令,促使使用者去执行某个操作手势,并且简明地描述了整个操作的结果。要注意的文字说明一定要简短,以此让用户快速地阅读,然後遵循他们的指引。 提示动效 合理地…

    2022年6月25日
    0183

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息