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