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

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

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

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

視覺美學(xué)

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

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

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

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

白色或黑色

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

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

Slack的白色背景使文本和按鈕更生動

黑色是白色的“嚴(yán)肅”替代。它仍然傳達了一個簡約的，以內(nèi)容為中心的UI，同時傳達了一種“更適合”的感覺。

黑色是新的白色嗎？

無襯線字體

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

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

粗體顏色

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

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

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

情緒化，但簡單。

漸變色極少，但令人著迷

扁平化設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

避免視覺混亂

經(jīng)驗法則：如果有用但對大多數(shù)用戶或在用戶當(dāng)前上下文中沒有用，請將其隱藏。

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

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

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

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

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

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

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

提供更少的選項，以提供更流暢的體驗

正如?？怂苟伤枋龅哪菢?，可供選擇的更多選項等于較慢的響應(yīng)時間。當(dāng)選項太多時，用戶可能會遭受決策癱瘓，這是由于認(rèn)知超負(fù)荷而無法選擇選項。

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

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

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

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

設(shè)計功能摩擦

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

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

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

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

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

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

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

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

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

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

但事實是，從長遠(yuǎn)來看，實際上只有少數(shù)幾個能做到。

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

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

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

社交媒體有些不同。許多用戶沉迷于此，其中許多人每天至少花兩個小時專門用于社交媒體。

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

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

負(fù)擔(dān)是壓力與義務(wù)的結(jié)合。壓力，因為我們不允許自己放松下來，用某種形式的技術(shù)填補每個醒著的時刻。由于許多產(chǎn)品使用游戲化和鎖定合同不合道德地保留用戶的方式而產(chǎn)生的義務(wù)。然后是我們對廉價商品和次之佳品的熱愛。

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

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

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

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

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

簡約設(shè)計如何為用戶提供幫助？

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

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

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