Content writing and its pitfalls

極簡主義網站可幫助用戶更快地思考。

在當今時代,用戶變得越來越不耐煩,技術倦怠變得越來越普遍,為使互聯網時代的業務成功,保持鎮定和清晰的設計至關重要。

讓我們定義極簡主義的網站設計,并為您和您的用戶解釋它的好處。我們將進入:

  • 極簡設計的美學標志
  • 極簡主義的UI好處
  • 極簡主義的設計避免了用戶對技術的疲勞,以及為什么這對你的成功很重要

視覺美學

當我們想到極簡主義時,默認情況是默認到我們可以看到并與之互動的極簡主義方面。

例如,Apple的美學在很長時間方是公認的,并且是科技界的主要潮流引領者。盡管相對簡單,但它們的設計始終在美學上令人愉悅。

其原因是它們的視覺風格極小。


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

白色或黑色

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

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

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


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

黑色是新的白色嗎?


無襯線字體

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

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


粗體顏色

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

決定創業是一個情感決定。Shopify通過出色的圖像和美麗,大膽的色彩加強了這一事實。

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

情緒化,但簡單。

漸變色極少,但令人著迷


扁平化設計

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

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

圓角很有效,因為它們類似于現實生活中的按鈕(具有圓角)。陰影更貼切,因為它們為按鈕提供3D元素,將它們與設計分離并調用真實的元素。

緩沖區:簡單而平坦,但不要太多

如果我們無法澄清交互式點擊目標是交互式的,那么我們的設計將變得無法使用,因為用戶隨后被迫計算出可點擊的內容和不可點擊的內容。這種復雜的思維違背了極簡主義應該實現的一切。

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

極簡主義的視覺美學肯定會使我們的設計更整潔,但在設計UI時,我們不應過分夸大其詞。

首先關注清晰度/可點擊性,其次關注視覺吸引力。

設計很小的UI和內容

設計極簡網站的UI和內容有四個主要問題:

  • 明晰。信息是否清晰?
  • 可發現性。用戶如何輕松找到東西?
  • 選擇能力。用戶如何容易地做出決定?
  • 可掃描性。用戶掃描文檔有多容易?
InVision Studio主頁是干凈整潔的,但是如果需要,可以提供其他信息。


避免視覺混亂

經驗法則:如果有用但對大多數用戶或在用戶當前上下文中沒有用,請將其隱藏。

隱藏某些東西以減輕認知負擔的示例是將不重要的導航項移到畫布菜單之外時,僅在實際請求時才顯示。

這背后的想法是:為什么當用戶甚至根本不需要查看或使用它時,為什么要迫使用戶考慮它的含義?

我們還需要考慮以下事實:如果信息太多,用戶將在關鍵時刻無法回憶起重要信息。

認知負荷會影響我們的記憶力。 當被太多的對象或選擇淹沒時,我們陷入癱瘓,不知道去哪里。沒有布宜諾斯艾利斯

使用視覺等級降低認知負荷

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

這聽起來像是一個小警告,但來自每個小設計缺陷的認知負擔加起來并可能導致用戶分心。

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

正如??怂苟伤枋龅哪菢?,可供選擇的更多選項等于較慢的響應時間。當選項太多時,用戶可能會遭受決策癱瘓,這是由于認知超負荷而無法選擇選項。

例如,耐克(Nike)的網站旨在僅一次向您展示一些產品。

除了標準的極簡主義品質外,耐克還清晰地向用戶顯示了路線圖上的內容,而沒有顯示太多有關每種產品的信息。

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

減少選項數量,使決策更容易做出


設計功能摩擦

就像視覺上的混亂一樣,功能性混亂也增加了用戶的認知負擔,并可能引起巨大的注意力分散,從而導致轉化次數大大減少。

電子商務就是一個很好的例子,其中34%的遺漏結帳是由于用戶被迫創建帳戶而造成的,這造成了巨大的財務損失。

34%的放棄結帳是由于可以避免的摩擦

假設地說,這并不意味著在這種情況下我們需要強制執行訪客結帳,但是我們可以使創建帳戶為可選。如果我們真的想大程度地減少用戶的認知負擔,我們可以要求用戶在結帳后創建一個帳戶,以使用戶甚至不會因創建帳戶而分心!