交互設(shè)計(jì)原理之奧卡姆剃刀原理
時(shí)至今日,UED TIPS交互設(shè)計(jì)原理系列終于接近尾聲了~歡迎大家收看交互設(shè)計(jì)原理最后一講——奧卡姆剃刀原理
奧卡姆原理也被稱為“簡單有效原理”,由14世紀(jì)世紀(jì)哲學(xué)家、圣方濟(jì)各會(huì)修士奧卡姆的威廉(William of Occam,約1285年至1349年)提出。這個(gè)原理是告誡人們“不要浪費(fèi)較多東西去做用較少的東西同樣可以做好的事情。”后來以一種更為廣泛的形式為人們所知——即“如無必要,勿增實(shí)體。”也就是說:如果有兩個(gè)功能相等的設(shè)計(jì),那么我們選擇最簡單的那個(gè)。
一個(gè)簡潔的網(wǎng)頁能讓用戶快速的找到他們所要找的東西,當(dāng)你在銷售商品時(shí)這尤為重要。如果你的網(wǎng)頁充斥著各種沒用的文章、小工具和無關(guān)的商品時(shí),瀏覽者會(huì)覺得頭暈,煩躁,憤怒…并迅速的關(guān)閉瀏覽器。簡單頁面的優(yōu)勢(shì)有很多,請(qǐng)聽具體分析:
一.簡潔的頁面能更好地傳達(dá)出你所想要表達(dá)的內(nèi)容
簡單的頁面讓用戶一眼就能找到他們自己感興趣的內(nèi)容,讓他們看起來更舒服,更能專心于你要表達(dá)的內(nèi)容上。而復(fù)雜的頁面會(huì)讓訪客一時(shí)找不到信息的重點(diǎn),也分散了訪客的注意力。如果我們要用一個(gè)頁面來展示產(chǎn)品,采用三豎欄的結(jié)構(gòu)就會(huì)顯得很復(fù)雜;若采用兩豎欄來展示,寬的豎欄做圖片展示和性能介紹,窄的做次要的介紹或圖片導(dǎo)航,這樣能帶給訪客更好地閱讀效果,顧客更有耐心閱讀,你所要通過網(wǎng)站表達(dá)的內(nèi)容也就能更好的傳遞到用戶眼前(如圖1)。
圖1
二.簡單頁面更容易吸引廣告投放者
精明的廣告商們有充足的經(jīng)驗(yàn)去選擇廣告的投放,他們看中的是廣告的點(diǎn)擊率、轉(zhuǎn)化率,而不僅僅是網(wǎng)站的流量。雖然在復(fù)雜的網(wǎng)站會(huì)有很多被展示的機(jī)會(huì),但是因?yàn)榫W(wǎng)站復(fù)雜而且內(nèi)容多,顧客點(diǎn)擊網(wǎng)站廣告的幾率就會(huì)比較小,廣告效果可能還不如那些展示次數(shù)較少的簡單頁面。所以簡單的網(wǎng)站可能會(huì)更加吸引那些廣告商們,一個(gè)屏幕只有那么大,網(wǎng)站的東西越簡單那么放置廣告的地方就越明顯,越容易吸引他人注意和點(diǎn)擊(如圖2)。
圖2
三.簡單的頁面能給訪客帶來更好的用戶體驗(yàn)
相信很多朋友在尋找網(wǎng)頁的時(shí)候采取的觀點(diǎn)是實(shí)用第一,美觀第二吧,何況簡約型的網(wǎng)站不一定就不美觀。對(duì)比百度和Sohu這兩個(gè)網(wǎng)站,如果大家想使用搜索引擎功能,相信大部分人會(huì)選擇簡單高效的百度搜索,這是為什么呢?在技術(shù)上這兩個(gè)搜索引擎不相伯仲,而最主要的差距就在于網(wǎng)站的頁面設(shè)計(jì)風(fēng)格。從一個(gè)巨大的頁面里找到那一點(diǎn)點(diǎn)所要用的搜索引擎框是很痛苦的,相信很多朋友都有類似的感覺。所以簡潔的網(wǎng)站頁面能給訪客帶來更好的用戶體驗(yàn)(如圖3)。
圖3
四.簡單的頁面效率更高
與那些復(fù)雜網(wǎng)站頁面相比,簡單的頁面能夠更為快速的打開。現(xiàn)如今,什么都講求效率、速度,若網(wǎng)站沒有及時(shí)打開,用戶就會(huì)失去打開網(wǎng)站的興趣而選擇其他網(wǎng)站了。搜索引擎的結(jié)果如此之多,用戶首先看到的是最先打開的頁面。這樣如果將網(wǎng)站頁面設(shè)計(jì)的過為復(fù)雜,可能就會(huì)失去潛在的訪客了。
現(xiàn)在想必大家已經(jīng)了解到簡單頁面的重要性了~那么該如何科學(xué)的設(shè)計(jì)一個(gè)簡單的頁面呢~?
一.只放置必要的東西
簡潔網(wǎng)頁最重要的一個(gè)方面是只展示有作用的東西,其他的都沒有。這并不意味著你不能提供給用戶很多的信息,你可以用“更多信息”的鏈接來實(shí)現(xiàn)這些。
二.減少點(diǎn)擊次數(shù)
讓你的用戶通過很少的點(diǎn)擊就能找到他們想要的東西,不要讓他們找一個(gè)內(nèi)容找得很累。
三.“外婆”規(guī)則
如果你的外婆(其他老點(diǎn)的人)也能輕松的使用你的頁面,你就成功了。
四.減少段落的個(gè)數(shù)
每當(dāng)你的網(wǎng)頁增加一段,頁面中主要的內(nèi)容就會(huì)被擠到一個(gè)更小的空間。那些段落并沒有起到什么好的作用,而是讓顧客們知道更多他們不想了解的東西。
五.給予更少的選項(xiàng)
做過多的決定也是一種壓力,總體來說,用戶希望在瀏覽網(wǎng)頁的時(shí)候思考的少一點(diǎn)。我們?cè)谡故緝?nèi)容的時(shí)候要努力減少用戶的思維負(fù)擔(dān),這樣就會(huì)使瀏覽者使用更順暢,心態(tài)更平和。
在這些方面,蘋果的官方網(wǎng)站都做的很好。蘋果公司用一種很有效和非常有禮貌的方式提供了足夠多的信息,所有的文字,鏈接和圖片都很集中,并沒有一些使你分心的廣告和其他商品的不需要的信息(如圖4)。
圖4
正如愛因斯坦所說:萬事萬物應(yīng)該最簡單(Make everything as simple as possible, but not simpler )。搞懂了奧卡姆剃刀原理,不僅設(shè)計(jì)會(huì)變得更簡單實(shí)用,也許還能從中悟出簡單生活的哲學(xué)呢~:>
在最近的五期UED TIPS中,我們已經(jīng)學(xué)過了菲茨定律(從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由到目標(biāo)的距離和目標(biāo)的大小這兩個(gè)兩個(gè)參數(shù)決定)、席克定律(一個(gè)人面臨的選擇(n)越多,所需要作出決定的時(shí)間(T)就越長)、7±2法則(人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開始出錯(cuò))、格式塔法則(當(dāng)對(duì)象離得太近的時(shí)候,意識(shí)會(huì)認(rèn)為它們是相關(guān)的)以及今天的奧卡姆剃刀原理~
交互設(shè)計(jì)七大原理之中還剩下兩個(gè)無需贅言的簡單原理,在這里我也一并介紹一下~它們是:
泰思勒定律(復(fù)雜性守恒定律)——該定律認(rèn)為每一個(gè)過程都有其固有的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過了這個(gè)點(diǎn)過程就不能再簡化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。如對(duì)于郵箱的設(shè)計(jì),收件人地址是不能再簡化的,而對(duì)于發(fā)件人卻可以通過客戶端的集成來轉(zhuǎn)移它的復(fù)雜性(如圖5)。
圖5
防錯(cuò)原則——防錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽,而不是人為操作疏忽。通過改變?cè)O(shè)計(jì)可以把過失降到最低。該原則最初是用于工業(yè)管理的,但在交互設(shè)計(jì)也十分適用。如在硬件設(shè)計(jì)上的 USB 插槽;而在界面交互設(shè)計(jì)中也是可以經(jīng)??吹?,如當(dāng)使用條件沒有滿足時(shí),常常通過使功能失效來表示(一般按鈕會(huì)變?yōu)榛疑珶o法點(diǎn)擊),以避免誤按(如圖6)。
圖6
看過了這七個(gè)原理之后是不是覺得自己如虎添翼了呢~?不過再好的理論也是需要實(shí)踐的,不如從今天開始就動(dòng)手試試吧:>
參考文章:
交互設(shè)計(jì)七大定律 http://www.geekpark.net/read/view/166489
一個(gè)簡潔的網(wǎng)頁設(shè)計(jì)怎樣幫你提高銷量 http://www.yeeyan.org/articles/view/28010/13089
簡單網(wǎng)站頁面比復(fù)雜網(wǎng)站頁面更有用的原因分析http://www.admin5.com/article/20111203/394156.shtml
本文地址:http://m.likemindfilms.com/tutorial/id1797.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁設(shè)計(jì)中引人入勝的引導(dǎo)頁設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開始
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏