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