當(dāng)涉及到網(wǎng)頁(yè)設(shè)計(jì)時(shí),術(shù)語(yǔ)“極簡(jiǎn)主義”仍然引起很多混亂。它是什么?我們應(yīng)該如何使用它(如果有的話),以及它在平面設(shè)計(jì),flat 2.0,材料設(shè)計(jì)以及其他現(xiàn)代設(shè)計(jì)系統(tǒng)和視覺(jué)美學(xué)之外的應(yīng)用范圍呢?
首先,讓我們看一下極簡(jiǎn)主義。極簡(jiǎn)主義是扁平的還是扁平的?有可能。極簡(jiǎn)主義是白色的嗎?有可能。極簡(jiǎn)主義意味著更少的混亂嗎?可以的 極簡(jiǎn)主義看起來(lái)很像很多東西,看一看我們的極簡(jiǎn)主義網(wǎng)站設(shè)計(jì)綜述,了解一系列示例。
但是,我們常常忘記了它的目標(biāo)是什么,以及為什么我們真正需要它。從根本上說(shuō),極簡(jiǎn)主義設(shè)計(jì)主張清晰與意圖并存。換句話說(shuō),“只不過(guò)需要什么”就可以將用戶的注意力轉(zhuǎn)移到體驗(yàn)中最有價(jià)值的方面,而不再關(guān)注可能會(huì)分散用戶注意力的方面。按照這種邏輯,所有設(shè)計(jì)都應(yīng)該最小化,但前提是我們正確使用了極簡(jiǎn)主義。
當(dāng)然,簡(jiǎn)約的設(shè)計(jì)可能看起來(lái)不錯(cuò),但絕不應(yīng)該以清晰度為代價(jià),即設(shè)計(jì)顯示出顯著的簡(jiǎn)約品質(zhì),但沒(méi)有自覺(jué)的思考,就會(huì)顯示出缺乏任何直觀功能或可用性的精美外觀。本期深圳網(wǎng)頁(yè)設(shè)計(jì)公司Angle將逐步介紹如何實(shí)現(xiàn)極簡(jiǎn)主義。
1、極限選擇
限制選擇是減少認(rèn)知負(fù)擔(dān)的一種方法,反過(guò)來(lái)又可以幫助用戶更有效地做出決策。但是,出于可用性的考慮,我們需要包括以下幾點(diǎn):
相關(guān)選擇
確定與用戶相關(guān)的內(nèi)容取決于上下文。如果我們正在顯示新博客文章的列表,則決定要展示的文章可能取決于用戶是否登錄。使用前者,我們可以使用人工智能來(lái)解密用戶的閱讀口味。對(duì)于后者,我們將無(wú)法為特定用戶量身定制內(nèi)容,但這并不意味著我們沒(méi)有可供使用的數(shù)據(jù)。我們?nèi)匀豢梢愿鶕?jù)流量數(shù)據(jù)列出結(jié)果。但是,這就是內(nèi)容。對(duì)于用戶界面,跟蹤工具(例如Google Analytics(分析))可幫助我們進(jìn)一步了解用戶的行為。諸如Crazy Egg和Google Optimize之類(lèi)的A / B測(cè)試工具可以測(cè)試我們布局的其他版本。熱圖還可以指示用戶做什么和不關(guān)心什么?;蛘?,如果你是從頭開(kāi)始創(chuàng)建應(yīng)用程序或網(wǎng)站,則在沒(méi)有數(shù)據(jù)的情況下,通過(guò)可用性測(cè)試來(lái)設(shè)計(jì)信息體系結(jié)構(gòu)將是一種更好的策略,開(kāi)放式和封閉式卡分類(lèi)或功能顯著性測(cè)試在這里浮現(xiàn)。因此,正如你所看到的,有很多方法可以獲取定性和定量數(shù)據(jù),并將其組合以做出明智的決策。
替代選擇
如果我們?cè)O(shè)計(jì)良好的信息體系結(jié)構(gòu),我們將提供訪問(wèn)替代選項(xiàng)的簡(jiǎn)單方法。對(duì)于內(nèi)容,這可以是“查看全部”按鈕,但是對(duì)于導(dǎo)航,則可以是漢堡菜單(是的,漢堡菜單還不錯(cuò)!)。即使涉及極簡(jiǎn)主義,少花錢(qián)多了,但這并不意味著我們需要限制整體產(chǎn)品,而只需要限制我們的前期產(chǎn)品。最小的雜物=最大的沖擊力!
2、去除視覺(jué)混亂
說(shuō)到雜亂無(wú)章,視覺(jué)雜亂指的是只會(huì)增加情感價(jià)值的裝飾風(fēng)格,即它們看上去很酷,但沒(méi)有太多其他作用?,F(xiàn)在,我確實(shí)喜歡看起來(lái)不錯(cuò)的東西(不是所有的設(shè)計(jì)師嗎?),情感設(shè)計(jì)非常重要,尤其是在基于消費(fèi)者的行業(yè)中,但是有一個(gè)理由將其稱為表面層,應(yīng)用于最后。當(dāng)涉及到表層時(shí),跟風(fēng)很容易運(yùn)行,有些人稱之為過(guò)度
網(wǎng)頁(yè)設(shè)計(jì)。如果你覺(jué)得有些不對(duì)勁,可可·香奈兒(Coco Chanel)曾經(jīng)說(shuō)過(guò):“配飾時(shí),請(qǐng)脫掉您穿上的最后一件東西”。但是,如果你真的想采用更明智的數(shù)據(jù)驅(qū)動(dòng)方法,那么我想使用一個(gè)非常巧妙的技巧,其中涉及屏幕共享。共享屏幕時(shí),吸引一些用戶,并讓他們決定要打開(kāi)和關(guān)閉的樣式。繼續(xù)進(jìn)行直到用戶對(duì)視覺(jué)吸引力和可用性都滿意為止。 根據(jù)具體的點(diǎn)擊目標(biāo)(按鈕,鏈接,輸入字段等),可視能力測(cè)試可以揭示哪些元素似乎是可點(diǎn)擊的,哪些元素不是可點(diǎn)擊的。你可能會(huì)發(fā)現(xiàn)前一種技術(shù)更有用,因?yàn)樗€會(huì)揭示解決方案(即刪除哪些樣式以減少視覺(jué)混亂)。
3、優(yōu)化視覺(jué)層次
我們已最小化了我們的前期產(chǎn)品,并在視覺(jué)上對(duì)其進(jìn)行了優(yōu)化,以減少認(rèn)知負(fù)擔(dān),但我們是否可以進(jìn)一步采取這一措施?當(dāng)然,但是我們還需要記住用戶是懶惰的-在用戶閱讀之前,他們會(huì)進(jìn)行掃描。這意味著在用戶簡(jiǎn)要地整體掃描我們的UI和內(nèi)容的地方,即使是最小的視覺(jué)干擾也可以使用戶遠(yuǎn)離真正重要的事物,從而使可掃描性的最小化變得越來(lái)越重要。除此之外,最小化后剩下的元素應(yīng)該很好地互補(bǔ)。如果我們說(shuō)的多,少即是多。
內(nèi)容和標(biāo)題
由于用戶通過(guò)掃描標(biāo)題來(lái)對(duì)內(nèi)容進(jìn)行開(kāi)頭,因此這些標(biāo)題應(yīng)該非常有用,不僅暗示其所附段落將詳細(xì)說(shuō)明什么,而且還足夠好,即使用戶僅閱讀標(biāo)題,他們?nèi)匀粫?huì)滿意地走開(kāi),這仍然是事實(shí)即使就SEO價(jià)值而言,這會(huì)使我們付出代價(jià)。畢竟如果用戶到達(dá)后我們無(wú)法提供體面的閱讀體驗(yàn),那么獲取將有什么用?標(biāo)題也應(yīng)受益于清晰的印刷層次結(jié)構(gòu),以幫助用戶了解單個(gè)內(nèi)容摘要如何構(gòu)成信息主體。
用戶界面和顏色
類(lèi)似的概念適用于UI和顏色。顏色不僅可以幫助進(jìn)行對(duì)比,還可以幫助推斷含義,因此當(dāng)用戶遇到這些拍擊目標(biāo)時(shí),他們會(huì)自動(dòng)了解它們?cè)谧鍪裁椿驅(qū)?dǎo)致什么。正確設(shè)置標(biāo)題和顏色可能與極簡(jiǎn)主義沒(méi)有直接關(guān)系,但可以確保我們不愿最小化的元素盡可能有效。否則我們會(huì)冒過(guò)度設(shè)計(jì)的風(fēng)險(xiǎn)以進(jìn)行補(bǔ)償。
4、少花錢(qián)
'將所有內(nèi)容都放在一個(gè)屏幕上。比較簡(jiǎn)單,對(duì)吧?從理論上講,這聽(tīng)起來(lái)像是一個(gè)一流的想法,但這并不是在所有情況下都可行的解決方案。有些設(shè)計(jì)比其他設(shè)計(jì)復(fù)雜,而且對(duì)誰(shuí)來(lái)說(shuō)簡(jiǎn)單?你需要注意將更簡(jiǎn)單的實(shí)現(xiàn)(使開(kāi)發(fā)人員的工作變得更容易)和更簡(jiǎn)單的UX(使用戶的工作更容易)相混淆??紤]將大量使用UI的組件分解為較小的用戶流。從技術(shù)上講,這確實(shí)會(huì)帶來(lái)更多收益,但會(huì)產(chǎn)生更少的錯(cuò)覺(jué)。通常這意味著將長(zhǎng)格式分解為邏輯步驟,但也可能意味著將長(zhǎng)篇文章與圖像分解。
總體而言,簡(jiǎn)約是一個(gè)棘手的話題。有時(shí),我們將其表示為一種視覺(jué)美學(xué)(平坦的UI,白色背景等),而有時(shí)我們將其視為一種概念甚至一種生活方式。在用戶界面設(shè)計(jì)方面,最好的考慮方法是考慮每個(gè)元素對(duì)認(rèn)知負(fù)荷的影響。
在設(shè)計(jì)以減輕認(rèn)知負(fù)擔(dān)時(shí),請(qǐng)針對(duì)每種樣式,用戶流,交互和功能,向自己提出以下問(wèn)題:
-
需要嗎?
-
遮蓋元素是否更重要?
-
它是否被不重要的元素所遮蓋?
它歸結(jié)為視覺(jué)層次結(jié)構(gòu),消除了混亂,并使用
網(wǎng)頁(yè)設(shè)計(jì)來(lái)表示重要性。有時(shí)這意味著如果它可以幫助用戶將注意力集中在真正重要的內(nèi)容上,就將視線移開(kāi)了。 本期
深圳網(wǎng)頁(yè)設(shè)計(jì)公司Angle就為大家分享到這里。