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

在用戶變得越來越不耐煩且技術(shù)普遍變變得越來越倦怠的時代，冷靜和清晰的設(shè)計對于任何互聯(lián)網(wǎng)時代業(yè)務(wù)的成功都至關(guān)重要。

本文主要從以下幾個方面來定義極簡主義網(wǎng)站設(shè)計并向你和你的用戶解釋其優(yōu)勢所在：

• 極簡主義設(shè)計的美學(xué)標(biāo)志
• 極簡主義的UI優(yōu)勢
• 極簡主義設(shè)計如何防止開發(fā)技術(shù)倦怠，以及為什么這對你的成功至關(guān)重要

視覺美學(xué)

當(dāng)我們想到極簡主義時，我們自然而然地會聯(lián)想到與之互動的極簡主義的各個方面。

例如，蘋果美學(xué)無需近觀就可以很容易地辨認(rèn)出來，它是科技界的主要潮流引領(lǐng)者。盡管它們的設(shè)計相對簡單，但看上去總是非常美觀。

究其原因所在，是因為它們所崇尚的視覺風(fēng)格是極簡抽象藝術(shù)化的。

蘋果的極簡主義視覺美感

下面讓我們探究一下它的真正含義，促成極簡抽象視覺美感的各種因素，以及為什么這些因素能夠如此有效。

白色還是黑色

白色的中性特征不僅容易入眼，而且也很容易記住。因為白色沒有任何代表意義，所以用戶不會因為它而分散注意力或是被迫思考該顏色具體要表達(dá)的意思。

白色背景可以突出顯示一些重要的元素，比如號召性語句或者有意義的文本，同時確保它們之間的最佳色彩對比。它的亮度與對比色相匹配，是實現(xiàn)可訪問性的絕佳工具。

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

黑色是比白色更“嚴(yán)肅”的替代選擇。它仍然傳達(dá)了一種極簡主義，以內(nèi)容為中心的用戶界面，同時還傳達(dá)了一種更“合適”的感覺。

黑色是全新的白色嗎？

無襯線字體排版

無襯線（Sans-serif）字體看起來比襯線（serif）字體更清晰，這就是為什么它們經(jīng)常被更大企業(yè)“委以重任”。結(jié)合無襯線字體排版，大字體和/或粗體字體，將產(chǎn)生最大的影響和情感共鳴。如果我們同時還能明智地使用詞語，它們可能成為網(wǎng)站最迷人的地方。這就是一個“少即是多（less is more）”的最佳案例。

微軟采取“少即是多”的方法來實現(xiàn)效果最大化

大膽的顏色

雖然當(dāng)用作背景色本身時，大膽的色彩看起來幾乎與白色或黑色的效果一樣微小，但它們會與白色和黑色背景形成鮮明對比，同時還傳達(dá)了更多的情感和意義。

決定創(chuàng)業(yè)可能是一個情緒化的決定。Shopify網(wǎng)站通過使用出色的圖像和美麗大膽的色彩強化了這一事實。

漸變是使用大膽色彩而不會使用戶不堪重負(fù)的絕佳解決方案，尤其是在與無襯線字體配對的時候。下圖是一個來自 Dribbble 的示例，向我們展示了極簡主義如何不同程度地存在，以及極簡主義網(wǎng)站如何有多種不同的形狀和大小。

情緒化，但簡單。

扁平化設(shè)計

扁平化設(shè)計是2012年左右出現(xiàn)的一種網(wǎng)頁設(shè)計趨勢。盡管在NNGroup的文章「突出嚴(yán)重的可用性問題」中指出，由于扁平化設(shè)計將極簡主義概念應(yīng)用于比如按鈕這樣的交互式元素上，使它們看起來好像根本不具備交互性。但無可否認(rèn)，扁平化設(shè)計仍然是視覺上非常吸引人的極簡主義設(shè)計。

當(dāng)然，這也引發(fā)了“扁平化 2.0”的出現(xiàn)，使用圓角和陰影為這些交互元素添加更多深度，而不會使UI變得混亂。

圓角是有效的，因為它們類似于現(xiàn)實生活中的真實按鈕。陰影更具有相關(guān)性，因為它們?yōu)榘粹o提供了3D元素，將它們與設(shè)計分離，并更容易聯(lián)想到真實的元素。

Buffer網(wǎng)站，簡單且扁平化，但是又不為過

如果我們無法明確表達(dá)交互式點擊目標(biāo)是具備交互性的，那么我們的設(shè)計就變得不可用，因為用戶需要自己判斷哪些內(nèi)容可點擊以及哪些內(nèi)容不可點擊。這種復(fù)雜的思維與極簡主義應(yīng)該實現(xiàn)的一切相悖。

正如史蒂夫·克魯克（Steve Krug）那本著名的設(shè)計和可用性書籍的名稱一樣，永遠(yuǎn)都要“別讓我思考（Don’t make me think）”。

極簡主義的視覺美學(xué)肯定會使我們的設(shè)計更清晰，但在設(shè)計UI時我們不應(yīng)該做過分的處理。

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

設(shè)計極簡化UI和內(nèi)容

為極簡主義網(wǎng)站設(shè)計UI和內(nèi)容需要關(guān)注以下四點：

• 清晰度。信息有多清楚？
• 可查找性。用戶如何輕松地找到東西嗎？
• 可選擇性。用戶可以輕松地做出決策嗎？
• 可掃描性。用戶可以輕松地掃描文檔嗎？

InVision Studio主頁清晰整潔，但如果需要，還可提供其他信息。

避免視覺混亂

經(jīng)驗法則：如果某些內(nèi)容有用，但不是對大多數(shù)用戶或用戶當(dāng)前上下文環(huán)境內(nèi)有用，請隱藏它。

隱藏某些東西以減少認(rèn)知負(fù)荷的一個例子是，將一個不太重要的導(dǎo)航項目移動到畫布外的菜單中，僅在實際請求時顯示。

這背后的想法是：為什么強迫用戶在他們可能甚至不需要看到或使用它的時候要去考慮它的含義？

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

「認(rèn)知負(fù)荷會影響我們的記憶」一文中指出，當(dāng)被太多物體或選擇所淹沒時，我們會癱瘓，不知道去哪里。

使用視覺層次來減少認(rèn)知負(fù)荷

視覺層次結(jié)構(gòu)應(yīng)指示每個元素的重要性并影響其查看順序。這意味著我們需要在視覺上確定某些元素的優(yōu)先級，以幫助用戶準(zhǔn)確理解正在發(fā)生的事情。例如，想象一個產(chǎn)品，使用大于產(chǎn)品標(biāo)題的字體大小來顯示價格，用戶可能會知道該產(chǎn)品需要花費10美元，但要混淆幾秒鐘，因為他們還不知道產(chǎn)品是什么。當(dāng)事實證明他們甚至根本不關(guān)心該產(chǎn)品時，情況就更糟了，因為他們現(xiàn)在處理的信息對他們來說毫無用處。

這聽起來像一個小小的警告，但每個微小設(shè)計缺陷的認(rèn)知負(fù)荷全都加起來，就可能導(dǎo)致用戶分心了。

為更加簡化的體驗提供更少的選擇

正如?？怂苟桑℉icks’ law）所述，選項越多，響應(yīng)時間越慢。當(dāng)選項太多時，用戶可能會遇到?jīng)Q策癱瘓（decision paralysis），也就是說由于認(rèn)知超負(fù)荷無法進行選擇。

例如，耐克的網(wǎng)站旨在一次只向您展示部分產(chǎn)品。

Atoms網(wǎng)站是一個減少選項數(shù)量極好的例子。主導(dǎo)航只包含四個導(dǎo)航項，不太重要的導(dǎo)航項移入了網(wǎng)站頁腳。 一旦用戶選擇“Find Your Fit”選項，用戶就會看到一個會話，一次只需要做一個決定，就可以選擇正確的產(chǎn)品。

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

設(shè)計功能混亂

與視覺混亂非常相似，功能混亂也會增加用戶的認(rèn)知負(fù)荷，并且也是導(dǎo)致轉(zhuǎn)換的顯著減少的因素所在。

電子商務(wù)就是一個很好的例子，34%的廢棄結(jié)帳是由于用戶需要被迫創(chuàng)建一個帳戶，從而導(dǎo)致巨大的經(jīng)濟損失。

假設(shè)，這并不意味著我們需要在這種情況下強制訪客結(jié)賬，但我們可以將創(chuàng)建帳戶作為一個可選功能。如果我們真的想最大限度地減少用戶的認(rèn)知負(fù)荷，我們可以要求用戶在結(jié)賬后創(chuàng)建一個帳戶，以便用戶不會因為創(chuàng)建帳戶而分心！

減少摩擦，實現(xiàn)更多轉(zhuǎn)換

創(chuàng)建用戶流程圖是在進入原型設(shè)計之前減少網(wǎng)站摩擦的絕佳方法。

這樣，如果由于功能混亂而存在任何摩擦?xí)r刻，我們就可以重新考慮用戶的旅程，轉(zhuǎn)而設(shè)計更流暢的體驗。

防止用戶的技術(shù)倦怠

我們始終生活在感性的世界里。包含它們的應(yīng)用程序和網(wǎng)站以及各種設(shè)備無處不在。新技術(shù)的加速發(fā)展意味著我們的日常所需 —— 手表、廚具、背包等 —— 正在以數(shù)字方式注入新技術(shù)和新功能，并讓我們的生活更美好。

但事實是，從長遠(yuǎn)來看，只有少數(shù)人真正做到了。

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

人無完人，我們只能處理一定量的認(rèn)知負(fù)荷，但幾乎我們積累的所有東西都會導(dǎo)致這種負(fù)擔(dān)。這不僅來源于我們擁有的產(chǎn)品，還來源于它們所需的設(shè)置和維護，以及操作它們所需的知識和信息。

假設(shè)我們確實在使用某款產(chǎn)品，但由于缺乏時間或動力，你是否曾在幾個月內(nèi)停止了該產(chǎn)品的年度訂閱？

社交媒體有點不同。許多用戶沉迷于此，許多人每天至少花兩小時專注于社交媒體。

雖然我們會說一天中沒有足夠的時間來使用，閱讀，觀察或以其他方式來消費我們想要的所有東西，但真正的困境是這對我們的心理健康會產(chǎn)生長期影響。

它讓我們感到負(fù)擔(dān)沉重。

負(fù)擔(dān)是壓力和義務(wù)的混合。壓力，因為我們不允許讓自己永遠(yuǎn)放松，用某種形式的技術(shù)來填補每一個醒著的時刻。義務(wù)，因為許多產(chǎn)品不道德地通過游戲化和鎖定合同來留住用戶。然后還有就是我們愛討價還價以及對下一個最好的東西產(chǎn)生熱愛。

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

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

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

• 不耐煩。他們只愿意投入少量的時間和精力與網(wǎng)站互動，如果他們遇到一個很小的障礙，他們可能會放棄它。
• 沮喪。如果用戶對各種選項感到不知所措，他們將不太可能轉(zhuǎn)換，甚至更有可能嘗試競爭對手的網(wǎng)站或是完全放棄他們的信息搜索。

簡而言之，當(dāng)用戶訪問某個網(wǎng)站時，他們的不耐煩和注意力的減少很可能導(dǎo)致他們過早退出。遺憾的是，對于今天的大多數(shù)用戶來說，這種行為再正常不過了。

極簡主義設(shè)計如何幫助用戶？

作為數(shù)字化設(shè)計師，我們能夠減少產(chǎn)品的認(rèn)知負(fù)荷，減少用戶的壓力，焦慮和挫敗感。

想讓我們的網(wǎng)站可以在數(shù)字世界中成為一股清流，不斷引起注意，訣竅就是設(shè)計極簡主義網(wǎng)站。這些網(wǎng)站對用戶已經(jīng)沉重的認(rèn)知負(fù)荷是一種釋放。

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