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