極簡(jiǎn)主義的網(wǎng)站可幫助用戶(hù)更快地思考。

在當(dāng)今時(shí)代，用戶(hù)變得越來(lái)越不耐煩，技術(shù)倦怠變得越來(lái)越普遍，為使互聯(lián)網(wǎng)時(shí)代的業(yè)務(wù)成功，保持鎮(zhèn)定和清晰（至少是最小的）的設(shè)計(jì)至關(guān)重要。

讓我們定義極簡(jiǎn)主義的網(wǎng)站設(shè)計(jì)，并為您和您的用戶(hù)解釋它的好處。我們將進(jìn)入：

• 簡(jiǎn)約設(shè)計(jì)的美學(xué)標(biāo)志
• 極簡(jiǎn)主義的UI好處
• 極簡(jiǎn)設(shè)計(jì)如何阻止用戶(hù)發(fā)展技術(shù)倦怠，以及為什么這對(duì)您的成功至關(guān)重要

視覺(jué)美學(xué)

當(dāng)我們想到極簡(jiǎn)主義時(shí)，默認(rèn)情況是默認(rèn)到我們可以看到并與之互動(dòng)的極簡(jiǎn)主義方面。

例如，Apple的美學(xué)在很長(zhǎng)時(shí)間方是公認(rèn)的，并且是科技界的主要潮流引領(lǐng)者。盡管相對(duì)簡(jiǎn)單，但它們的設(shè)計(jì)始終在美學(xué)上令人愉悅。

其原因是它們的視覺(jué)風(fēng)格極小。

讓我們探討一下這的真正含義，有助于最小化視覺(jué)美感的各種因素，以及為什么這些因素如此有效。

白色或黑色

白色的中立不僅在用戶(hù)眼中很容易，而且在他們的腦海中也很容易。顏色不代表任何東西-意味著用戶(hù)不會(huì)被它分散注意力或被迫考慮顏色實(shí)際代表什么。

白色背景可以使號(hào)召性用語(yǔ)和有意義的文字等重要元素脫穎而出，以發(fā)揮最大的作用，同時(shí)還可以確保它們之間的最佳色彩對(duì)比。當(dāng)其亮度與對(duì)比色相匹配時(shí)，它是可訪問(wèn)性的絕佳工具。

Slack的白色背景使文本和按鈕更生動(dòng)

黑色是白色的“嚴(yán)肅”替代。它仍然傳達(dá)了一個(gè)簡(jiǎn)約的，以?xún)?nèi)容為中心的UI，同時(shí)傳達(dá)了一種“更適合”的感覺(jué)。

黑色是新的白色嗎？

無(wú)襯線字體

Sans-serif字體看起來(lái)比襯線字體更干凈，這就是為什么它們通常被大型企業(yè)所放心的原因。結(jié)合使用sans-serif字體，大字體和/或粗體字體可以最大程度地發(fā)揮影響力和情感，并且，如果我們明智地選擇單詞，它們可能是我們網(wǎng)站上最迷人的方面。少即是多的情況。

微軟，采取“少即是多”的方法

粗體顏色

粗體顏色與白色和黑色背景形成了很好的對(duì)比，盡管它們本身用作背景顏色時(shí)，它們看起來(lái)幾乎可以與白色或黑色一樣小，同時(shí)還傳達(dá)了更多的情感和含義。

決定創(chuàng)業(yè)是一個(gè)情感決定。Shopify通過(guò)出色的圖像和美麗，大膽的色彩加強(qiáng)了這一事實(shí)。

漸變是使用粗體顏色而不會(huì)使用戶(hù)不知所措的絕佳解決方案，尤其是與無(wú)襯線字體配合使用時(shí)。這是Dribbble的一個(gè)示例，向我們展示了極簡(jiǎn)主義如何在不同程度上存在，以及極簡(jiǎn)主義網(wǎng)站如何以許多不同的形狀和大小出現(xiàn)。

情緒化，但簡(jiǎn)單。

漸變色極少，但令人著迷

扁平化設(shè)計(jì)

扁平化設(shè)計(jì)是一種網(wǎng)站設(shè)計(jì)趨勢(shì)，大約在2012年浮出水面。這是極簡(jiǎn)主義的視覺(jué)吸引力，盡管NNGroup 強(qiáng)調(diào)了嚴(yán)重的可用性問(wèn)題，因?yàn)槠矫嬖O(shè)計(jì)將極簡(jiǎn)概念應(yīng)用于按鈕之類(lèi)的交互元素，使它們看起來(lái)好像他們根本沒(méi)有互動(dòng)。

這導(dǎo)致了“ Flat 2.0”的出現(xiàn)，它使用圓角和陰影在不使UI混亂的情況下為這些交互式元素增加了更多的深度。

圓角很有效，因?yàn)樗鼈冾?lèi)似于現(xiàn)實(shí)生活中的按鈕（具有圓角）。陰影更貼切，因?yàn)樗鼈優(yōu)榘粹o提供3D元素，將它們與設(shè)計(jì)分離并調(diào)用真實(shí)的元素。

緩沖區(qū)：簡(jiǎn)單而平坦，但不要太多

如果我們無(wú)法澄清交互式點(diǎn)擊目標(biāo)是交互式的，那么我們的設(shè)計(jì)將變得無(wú)法使用，因?yàn)橛脩?hù)隨后被迫計(jì)算出可點(diǎn)擊的內(nèi)容和不可點(diǎn)擊的內(nèi)容。這種復(fù)雜的思維違背了極簡(jiǎn)主義應(yīng)該實(shí)現(xiàn)的一切。

正如史蒂夫·克魯格（Steve Krug）在有史以來(lái)最重要的設(shè)計(jì)和可用性書(shū)之一中所說(shuō)的那樣，不要讓我思考！

極簡(jiǎn)主義的視覺(jué)美學(xué)肯定會(huì)使我們的設(shè)計(jì)更整潔，但在設(shè)計(jì)UI時(shí)，我們不應(yīng)過(guò)分夸大其詞。

首先關(guān)注清晰度/可點(diǎn)擊性，其次關(guān)注視覺(jué)吸引力。

設(shè)計(jì)最小的UI和內(nèi)容

設(shè)計(jì)極簡(jiǎn)網(wǎng)站的UI和內(nèi)容有四個(gè)主要問(wèn)題：

• 明晰。信息是否清晰？
• 可發(fā)現(xiàn)性。用戶(hù)如何輕松找到東西？
• 選擇能力。用戶(hù)如何容易地做出決定？
• 可掃描性。用戶(hù)掃描文檔有多容易？

InVision Studio主頁(yè)是干凈整潔的，但是如果需要，可以提供其他信息。

避免視覺(jué)混亂

經(jīng)驗(yàn)法則：如果有用但對(duì)大多數(shù)用戶(hù)或在用戶(hù)當(dāng)前上下文中沒(méi)有用，請(qǐng)將其隱藏。

隱藏某些東西以減輕認(rèn)知負(fù)擔(dān)的示例是將不重要的導(dǎo)航項(xiàng)移到畫(huà)布菜單之外時(shí)，僅在實(shí)際請(qǐng)求時(shí)才顯示。

這背后的想法是：為什么當(dāng)用戶(hù)甚至根本不需要查看或使用它時(shí)，為什么要迫使用戶(hù)考慮它的含義？

我們還需要考慮以下事實(shí)：如果信息太多，用戶(hù)將在關(guān)鍵時(shí)刻無(wú)法回憶起重要信息。

認(rèn)知負(fù)荷會(huì)影響我們的記憶力。 當(dāng)被太多的對(duì)象或選擇淹沒(méi)時(shí)，我們陷入癱瘓，不知道去哪里。沒(méi)有布宜諾斯艾利斯

使用視覺(jué)等級(jí)降低認(rèn)知負(fù)荷

視覺(jué)層次結(jié)構(gòu)應(yīng)指示每個(gè)元素的重要性并影響其查看順序。這意味著我們需要在視覺(jué)上對(duì)某些元素進(jìn)行優(yōu)先排序，以幫助用戶(hù)準(zhǔn)確了解正在發(fā)生的事情。例如，假設(shè)一個(gè)產(chǎn)品的價(jià)格顯示的字體大于產(chǎn)品標(biāo)題的字體。用戶(hù)也許會(huì)知道該產(chǎn)品的價(jià)格為10美元，但由于他們還不知道該產(chǎn)品是什么，所以會(huì)困惑幾秒鐘。當(dāng)事實(shí)證明他們根本不在乎產(chǎn)品時(shí)，情況就更糟了，因?yàn)樗麄儸F(xiàn)在已經(jīng)處理了對(duì)他們沒(méi)有用的信息。

這聽(tīng)起來(lái)像是一個(gè)小警告，但來(lái)自每個(gè)小設(shè)計(jì)缺陷的認(rèn)知負(fù)擔(dān)加起來(lái)并可能導(dǎo)致用戶(hù)分心。

提供更少的選項(xiàng)，以提供更流暢的體驗(yàn)

正如希克斯定律所描述的那樣，可供選擇的更多選項(xiàng)等于較慢的響應(yīng)時(shí)間。當(dāng)選項(xiàng)太多時(shí)，用戶(hù)可能會(huì)遭受決策癱瘓，這是由于認(rèn)知超負(fù)荷而無(wú)法選擇選項(xiàng)。

例如，耐克（Nike）的網(wǎng)站旨在僅一次向您展示一些產(chǎn)品。

除了標(biāo)準(zhǔn)的極簡(jiǎn)主義品質(zhì)外，耐克還清晰地向用戶(hù)顯示了路線圖上的內(nèi)容，而沒(méi)有顯示太多有關(guān)每種產(chǎn)品的信息。

Atoms網(wǎng)站是一個(gè)成功的例子，說(shuō)明減少了選項(xiàng)的數(shù)量。主導(dǎo)航僅容納四個(gè)導(dǎo)航項(xiàng)，次要項(xiàng)移至網(wǎng)站頁(yè)腳。一旦用戶(hù)選擇“找到適合自己的衣服”，就會(huì)向用戶(hù)展示一次對(duì)話(huà)式選擇一個(gè)正確產(chǎn)品的方法。

減少選項(xiàng)數(shù)量，使決策更容易做出

設(shè)計(jì)功能摩擦

就像視覺(jué)上的混亂一樣，功能性混亂也增加了用戶(hù)的認(rèn)知負(fù)擔(dān)，并可能引起巨大的注意力分散，從而導(dǎo)致轉(zhuǎn)化次數(shù)大大減少。

電子商務(wù)就是一個(gè)很好的例子，其中34％的遺漏結(jié)帳是由于用戶(hù)被迫創(chuàng)建帳戶(hù)而造成的，這造成了巨大的財(cái)務(wù)損失。

34％的放棄結(jié)帳是由于可以避免的摩擦

假設(shè)地說(shuō)，這并不意味著在這種情況下我們需要強(qiáng)制執(zhí)行訪客結(jié)帳，但是我們可以使創(chuàng)建帳戶(hù)為可選。如果我們真的想最大程度地減少用戶(hù)的認(rèn)知負(fù)擔(dān)，我們可以要求用戶(hù)在結(jié)帳后創(chuàng)建一個(gè)帳戶(hù)，以使用戶(hù)甚至不會(huì)因創(chuàng)建帳戶(hù)而分心！

減少摩擦以獲得更多轉(zhuǎn)化

創(chuàng)建用戶(hù)流程圖是在深入研究原型之前減少網(wǎng)站摩擦的好方法。

[試用InVision Freehand，這是一種使創(chuàng)建用戶(hù)流程圖變得輕而易舉的素描工具。]

這樣，如果由于功能混亂而有任何摩擦的時(shí)刻，我們可以重新考慮用戶(hù)的旅程，而設(shè)計(jì)出更加流暢的體驗(yàn)。

防止用戶(hù)出現(xiàn)技術(shù)倦怠

我們生活在世界上最感官的版本中。不乏包含它們的應(yīng)用程序和網(wǎng)站或設(shè)備。新技術(shù)的迅猛發(fā)展意味著，我們的日常物品（手表，廚房，背包）正以數(shù)字方式注入了新技術(shù)和新功能，這些功能聲稱(chēng)可以改善我們的生活。

但事實(shí)是，從長(zhǎng)遠(yuǎn)來(lái)看，實(shí)際上只有少數(shù)幾個(gè)能做到。

更多技術(shù)，更多問(wèn)題。

作為有缺陷的人，我們只能應(yīng)付一定量的認(rèn)知負(fù)擔(dān)，而我們積累的幾乎所有東西都會(huì)造成這種負(fù)擔(dān)。這不僅適用于我們擁有的產(chǎn)品，還適用于它們所需的設(shè)置和維護(hù)，以及操作它們所需的知識(shí)和信息。

并假設(shè)我們確實(shí)使用了該產(chǎn)品-我的意思是，由于時(shí)間或動(dòng)力不足，您是否曾經(jīng)在幾個(gè)月后停止使用年度訂閱？

社交媒體有些不同。許多用戶(hù)沉迷于此，其中許多人每天至少花兩個(gè)小時(shí)專(zhuān)門(mén)用于社交媒體。

每天根本沒(méi)有足夠的時(shí)間來(lái)使用，閱讀，觀看或以其他方式消耗我們想要的所有東西，盡管真正的難題是這會(huì)對(duì)我們的心理健康產(chǎn)生長(zhǎng)期影響。

這使我們感到負(fù)擔(dān)重。

負(fù)擔(dān)是壓力與義務(wù)的結(jié)合。壓力，因?yàn)槲覀儾辉试S自己放松下來(lái)，用某種形式的技術(shù)填補(bǔ)每個(gè)醒著的時(shí)刻。由于許多產(chǎn)品使用游戲化和鎖定合同不合道德地保留用戶(hù)的方式而產(chǎn)生的義務(wù)。然后是我們對(duì)廉價(jià)商品和次之佳品的熱愛(ài)。

過(guò)量使用技術(shù)的誘惑無(wú)處不在。

負(fù)擔(dān)對(duì)網(wǎng)站用戶(hù)的影響

當(dāng)用戶(hù)感到負(fù)擔(dān)重時(shí)，他們可能會(huì)感到兩件事：

• 不耐煩。他們只會(huì)愿意花少量的時(shí)間和精力來(lái)與網(wǎng)站互動(dòng)，如果碰到很小的障礙，他們可能會(huì)放棄網(wǎng)站。
• 沮喪 如果用戶(hù)對(duì)選項(xiàng)或選擇不知所措，他們轉(zhuǎn)換的可能性就較小，而嘗試競(jìng)爭(zhēng)對(duì)手或完全放棄搜索的可能性就更大。

簡(jiǎn)而言之，當(dāng)用戶(hù)訪問(wèn)網(wǎng)站時(shí)，他們的不耐煩和注意力下降的機(jī)會(huì)很可能會(huì)導(dǎo)致他們過(guò)早退出?？杀氖?，對(duì)于當(dāng)今大多數(shù)用戶(hù)而言，這只是正?，F(xiàn)象。

簡(jiǎn)約設(shè)計(jì)如何為用戶(hù)提供幫助？

作為數(shù)字設(shè)計(jì)師，我們能夠減輕產(chǎn)品的認(rèn)知負(fù)擔(dān)，減少壓力，煩躁和沮喪。

在不斷需要我們關(guān)注的數(shù)字世界中，我們的網(wǎng)站可以為您帶來(lái)新鮮空氣。訣竅是設(shè)計(jì)極簡(jiǎn)網(wǎng)站，這些網(wǎng)站不會(huì)對(duì)用戶(hù)已經(jīng)很沉重的認(rèn)知負(fù)擔(dān)做出很大貢獻(xiàn)，因此讓我們來(lái)看看如何通過(guò)采用極簡(jiǎn)網(wǎng)站設(shè)計(jì)方法來(lái)改善網(wǎng)站用戶(hù)體驗(yàn)。在此過(guò)程中，我們還將查看一些極富啟發(fā)性的極簡(jiǎn)網(wǎng)站示例。

極簡(jiǎn)主義網(wǎng)站不僅僅是視覺(jué)美學(xué)。極簡(jiǎn)設(shè)計(jì)是一個(gè)過(guò)程，它需要盡可能清晰，但要盡可能少。