來源:派臣科技|時間:2021-01-21|瀏覽:次
今天,優(yōu)秀的設計不僅僅是在一定數(shù)量的頁面上傳達正確的信息。
創(chuàng)造一個完美的網(wǎng)站不僅僅是嘗試視覺和聲音。設計師需要仔細考慮網(wǎng)站的每個元素是如何影響整體用戶體驗的。
畢竟,有數(shù)十億的網(wǎng)站可供探索,它需要一些真正沉浸式的東西來說服你的客戶的受眾,他們應該留在他們的頁面上。你的網(wǎng)站越方便、越有吸引力,訪問者就越有可能在你的網(wǎng)站逗留。
極簡主義是最近幾年網(wǎng)頁設計中比較流行的一種風格,有時可以幫助設計者使網(wǎng)站更有吸引力和有效的功能。
頁面上的混亂和混亂越少,導航就越容易。
那么,你如何接受功能極簡主義的好處呢?
理解功能極簡主義
許多網(wǎng)頁設計師都相信極簡主義是關于美學的。
他們看到一個像Hugeinc.com這樣的網(wǎng)站,并認為極簡主義的外觀是為了使網(wǎng)站盡可能吸引人。
然而,網(wǎng)頁設計中的極簡主義的潛在理念遠不止于此。極簡主義設計的歷史始于日本文化。長期以來,日本一直注重在建筑、室內設計、甚至平面設計中平衡簡約與美。在西方世界,極簡主義在網(wǎng)頁設計環(huán)境中大行其道,在消費者忍受了數(shù)年雜亂復雜的網(wǎng)頁、困難的導航、鋪天蓋地的信息和沖突的圖形之后。
設計師們開始嘗試“少也能多”的理念——尤其是在數(shù)字領域。
極簡主義網(wǎng)頁設計的功能規(guī)則
有一段時間,極簡主義是網(wǎng)站最流行的風格。特別是在2018年,極簡主義的網(wǎng)頁設計飆升至設計師需求列表的首位,因為公司愛上了空白、簡單的導航和粗體字的組合。
雖然現(xiàn)在,有其他的設計趨勢進入這個行業(yè),設計師仍然可以從探索一些基本規(guī)則的功能極簡主義受益。畢竟,視覺的復雜性已經(jīng)被證明會損害人們對網(wǎng)站的認知。
此外,由EyeQuant group進行的一項研究發(fā)現(xiàn),干凈簡單的設計可以降低彈跳率。極簡主義讓瀏覽者在頁面上更少的競爭,這可以允許一個更簡單和更直接的體驗。此外,一個干凈的網(wǎng)站還能帶來其他好處,包括更快的加載時間,更好的屏幕響應能力等等。
因為您只使用少量圖像和間距良好的文本,您甚至可以嘗試不同的策略,如圖形和動態(tài)字體。例如,看看Manuel Rueda的網(wǎng)站,它是一個極簡主義設計如何充滿活力的很好的例子。
那么,設計師該如何運用功能極簡主義的原則呢?
1. 關注本質
首先,就像設計登陸頁面一樣,設計師需要確保他們只關注頁面中真正需要的元素。
這意味著刪除網(wǎng)站上任何不支持用戶所使用的特定頁面最終目標的內容。任何圖片,背景噪音,按鈕,甚至導航功能都不支持用戶最初的體驗,都必須刪除。
考慮一下什么會讓你的訪問者從重要的事情上分心,集中精力給每件事情一個目的。例如,Plus63.org網(wǎng)站立即向訪問者介紹網(wǎng)站的目的,然后允許用戶向下滾動以獲取更多信息。這些數(shù)據(jù)通過主頁清晰地傳播開來,將觀眾帶入一個故事中。
2. 擁抱積極和消極的空間
負空間是極簡主義網(wǎng)頁設計的基本要素之一。
一個好網(wǎng)站的每一部分都不需要充滿噪音來做出改變。白色或負空間可以幫助你的觀眾充分理解他們所獲得的體驗。
從功能的角度來看,這是把一個人放在滿溢的儲物箱里,然后讓他們找到他們需要的東西,還是把他們放在一個房間里,物品被仔細地隔開,貼上標簽,然后等待發(fā)現(xiàn)的區(qū)別。
Hatchinc。co網(wǎng)站使用負空間,以確保信息易于消費。您可以輕松地找到網(wǎng)站的不同頁面,社會媒體按鈕,和時事通訊訂閱工具。另外,你有機會看到網(wǎng)站背后的一些工作。
3.使它明顯
近年來,消費者遇到的最大問題之一就是“選擇過多”的概念。
無論你是在商店里,還是在網(wǎng)站上,你永遠不知道首先要做什么。你會查看網(wǎng)站上的博客文章來更多地了解公司的權威嗎?你是否會訪問“關于”頁面,看看品牌從何而來?你會去他們的產品頁面嗎?
作為一名設計師,功能簡約主義可以幫助你讓你的用戶清楚地知道接下來應該做什么。當你一進入AYR.com網(wǎng)站,你就不會有太多的選擇。你可以走到你的包前,“現(xiàn)在就買”,或者查看菜單。
因為“現(xiàn)在就購買”的CTA是最大的,也是最吸引人的,所以大多數(shù)訪問者都會先點擊它,這增加了公司的轉化率。
4. 簡化導航(但不要隱藏)
上面AYR.com的例子給我們帶來了功能極簡主義的另一個概念。
雖然極簡主義和簡約主義并不總是同一件事,但它們應該攜手并進。當你為功能極簡主義而設計時,你應該專注于幫助訪問者盡可能快速、輕松地完成任務,而不受干擾。
這意味著,與其讓用戶在屏幕頂部或側邊瀏覽大量可供選擇的頁面,還不如考慮更簡單的導航選項。一個單一的菜單圖標擴展成一個完整的條目列表仍然是一個流行的設計選擇——尤其是在移動網(wǎng)頁設計的時代。
例如,看看newvisionopticien.com上的簡單菜單。
通過這種基本方法,設計師可以確保訪問者更有可能點擊他們的客戶希望他們的客戶訪問的頁面。他們仍然可以在菜單中找到他們需要的東西,但這不會占用頁面空間,或分散他們的注意力。
5. 用屏幕頂部設定遠大的期望
功能的極簡主義也可以幫助今天的設計師更快地從他們點擊進入一個網(wǎng)站的那一刻吸引訪問者的注意。
在頁面頂部可見的內容將鼓勵訪問者采取下一步的在線體驗。確保你所提供的內容能讓你的聽眾保持興趣,并提供他們所需要的信息。
這樣,你就可以為你的客戶降低高跳出率的風險,同時也可以利用minimalism的能力為你的用戶提供快速的信息訪問。
在這一頁的頂部,是Kerem。co網(wǎng)站立即向訪問者介紹網(wǎng)站的所有內容,以及他們下一步應該做什么。
通過使用良好的UI動畫,您甚至可以在頁面頂部的一個塊中交付更多信息,而不會造成環(huán)境混亂。
考慮實現(xiàn)從一張圖片到下一張圖片的幻燈片,或者實現(xiàn)隨著讀者閱讀每句話而動態(tài)改變的字體部分。
6. 在正確的空間中使用極簡主義的功能
記住,功能的極簡主義并不僅僅適用于主頁。
取決于你想為你的客戶完成什么,你也可以嵌入極簡主義的組件登陸頁面,作品集,擠壓頁面。
畢竟,當一個頁面上沒有那么多的混亂和混亂來分散潛在用戶的注意力時,你的訪問者就更有可能滾動到頁面底部,完成一次轉換。例如,看看Muzzleapp.com的登陸頁面是多么的簡單和吸引人。
該頁面提供了有用的信息,并確切地告訴客戶他們下一步需要做什么。沒有困惑,沒有復雜,也沒有什么可以阻擋訪問者。
只是小心些而已。雖然功能極簡主義非常有用,但它并不適合每一個網(wǎng)站。元素的缺乏對那些嚴重依賴內容的網(wǎng)站來說是有害的。這是因為低信息密度會迫使你的用戶過度滾動他們需要的內容。正確地使用功能極簡主義需要仔細評估這種技術最適合的地方。
極簡主義可以是實用的
極簡設計不僅僅是一種審美選擇。極簡主義的正確方面可以通過消除不必要的元素和減少不支持最終目標的內容來簡化web界面。
關鍵是在創(chuàng)造正確的設計時,要確保你專注于美學和可用性的結合。一個易于導航和漂亮的網(wǎng)站可以成為任何企業(yè)的強大工具。