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