越簡約,越好!
但是為什么呢?
本文,我們來探索一下“認(rèn)知學(xué)理論”和“視覺信息處理理論”,希望以此為指導(dǎo),能幫助你更好的進(jìn)行界面簡化,提升你的設(shè)計(jì)觀念。
本文參考了一些界面(尤其是網(wǎng)站)的簡化對比,并給出了充分的數(shù)據(jù)證明,事實(shí)證明,簡化能夠大幅提高轉(zhuǎn)化率。
有原型依據(jù)的界面設(shè)計(jì)
如果我說“家具”這個(gè)名字,95%的人腦海中首先想到的一般都是“椅子。當(dāng)我問“代表男孩的顏色”,一般人也都會(huì)想到“藍(lán)色”,“粉色”代表“女孩”,問到“汽車”,一般會(huì)想到“小轎車”
某物的原型指:當(dāng)你與某物交互時(shí),首先映入你腦海的精神形象。我們?nèi)祟愄焐羞@種“對號入座”的習(xí)慣,無論是是界面還是家具,當(dāng)我們面對它們時(shí),我們的大腦都會(huì)做出反應(yīng),看它和自己的“預(yù)期”像不像,也就是說,在我們的大腦中,存在著一個(gè)模板庫,不同類別的事物都有不同的模板,在我們看到相應(yīng)事物時(shí),我們都會(huì)和大腦中的模板對比,從而判斷相應(yīng)事物的外觀和使用感受。
以網(wǎng)頁設(shè)計(jì)為例,原型依據(jù)的種類很多。對于電商網(wǎng)站,用戶有一種模板,對于社交網(wǎng)絡(luò),又是另外一種,博客,又是一種。如果你看到的網(wǎng)站和你的預(yù)期不符,那么在心理上,你便會(huì)抗拒這個(gè)網(wǎng)站。
如果要設(shè)計(jì)一款“為年輕人提供服務(wù)的在線服飾商城” ,你心中的預(yù)期應(yīng)該是這樣:
image credit(圖像來源)
下圖可以算是“在線服飾商店”的網(wǎng)站原型匯總,而上圖比較符合下圖的標(biāo)準(zhǔn)。但是上圖的網(wǎng)頁設(shè)計(jì),在參考下圖的基礎(chǔ)上,還添加了一些自己的東西。
image credit(圖像來源)
事實(shí)上,導(dǎo)航高效的電商網(wǎng)站,幾乎模子都差不多。這不能說是竊取,因?yàn)橛脩魧﹄娚叹W(wǎng)站的預(yù)期就是這樣,如果你過度表達(dá)創(chuàng)意,用戶不一定買單。
什么叫認(rèn)知流暢的界面設(shè)計(jì)?
大腦看到事物后,會(huì)有一個(gè)預(yù)判,會(huì)判定這個(gè)東西是否容易理解,這就是“認(rèn)知流暢”背后的基本理念。
“讓用戶掌握全局”,這句話在不少設(shè)計(jì)師口中反復(fù)出現(xiàn),但到底什么是掌握全局呢?我來告訴你,掌握全局的意思就是:界面簡單,用戶掃一眼,就能知道功能是什么,界面中都有什么,我要找的東西在哪里。這就是掌握全局的含義。
平面設(shè)計(jì)
工業(yè)設(shè)計(jì)
CG插畫
UI交互
室內(nèi)設(shè)計(jì)
建筑環(huán)境