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