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