您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

交互設(shè)計(jì)原理之奧卡姆剃刀原理

 

時(shí)至今日,UED TIPS交互設(shè)計(jì)原理系列終于接近尾聲了~歡迎大家收看交互設(shè)計(jì)原理最后一講——奧卡姆剃刀原理

奧卡姆原理也被稱為“簡(jiǎn)單有效原理”,由14世紀(jì)世紀(jì)哲學(xué)家、圣方濟(jì)各會(huì)修士奧卡姆的威廉(William of Occam,約1285年至1349年)提出。這個(gè)原理是告誡人們“不要浪費(fèi)較多東西去做用較少的東西同樣可以做好的事情。”后來(lái)以一種更為廣泛的形式為人們所知——即“如無(wú)必要,勿增實(shí)體。”也就是說(shuō):如果有兩個(gè)功能相等的設(shè)計(jì),那么我們選擇最簡(jiǎn)單的那個(gè)。

 

一個(gè)簡(jiǎn)潔的網(wǎng)頁(yè)能讓用戶快速的找到他們所要找的東西,當(dāng)你在銷售商品時(shí)這尤為重要。如果你的網(wǎng)頁(yè)充斥著各種沒(méi)用的文章、小工具和無(wú)關(guān)的商品時(shí),瀏覽者會(huì)覺(jué)得頭暈,煩躁,憤怒…并迅速的關(guān)閉瀏覽器。簡(jiǎn)單頁(yè)面的優(yōu)勢(shì)有很多,請(qǐng)聽(tīng)具體分析:

一.簡(jiǎn)潔的頁(yè)面能更好地傳達(dá)出你所想要表達(dá)的內(nèi)容

簡(jiǎn)單的頁(yè)面讓用戶一眼就能找到他們自己感興趣的內(nèi)容,讓他們看起來(lái)更舒服,更能專心于你要表達(dá)的內(nèi)容上。而復(fù)雜的頁(yè)面會(huì)讓訪客一時(shí)找不到信息的重點(diǎn),也分散了訪客的注意力。如果我們要用一個(gè)頁(yè)面來(lái)展示產(chǎn)品,采用三豎欄的結(jié)構(gòu)就會(huì)顯得很復(fù)雜;若采用兩豎欄來(lái)展示,寬的豎欄做圖片展示和性能介紹,窄的做次要的介紹或圖片導(dǎo)航,這樣能帶給訪客更好地閱讀效果,顧客更有耐心閱讀,你所要通過(guò)網(wǎng)站表達(dá)的內(nèi)容也就能更好的傳遞到用戶眼前(如圖1)。

 

圖1

二.簡(jiǎn)單頁(yè)面更容易吸引廣告投放者

精明的廣告商們有充足的經(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ù)較少的簡(jiǎn)單頁(yè)面。所以簡(jiǎn)單的網(wǎng)站可能會(huì)更加吸引那些廣告商們,一個(gè)屏幕只有那么大,網(wǎng)站的東西越簡(jiǎn)單那么放置廣告的地方就越明顯,越容易吸引他人注意和點(diǎn)擊(如圖2)。

 

圖2

 三.簡(jiǎn)單的頁(yè)面能給訪客帶來(lái)更好的用戶體驗(yàn)

相信很多朋友在尋找網(wǎng)頁(yè)的時(shí)候采取的觀點(diǎn)是實(shí)用第一,美觀第二吧,何況簡(jiǎn)約型的網(wǎng)站不一定就不美觀。對(duì)比百度和Sohu這兩個(gè)網(wǎng)站,如果大家想使用搜索引擎功能,相信大部分人會(huì)選擇簡(jiǎn)單高效的百度搜索,這是為什么呢?在技術(shù)上這兩個(gè)搜索引擎不相伯仲,而最主要的差距就在于網(wǎng)站的頁(yè)面設(shè)計(jì)風(fēng)格。從一個(gè)巨大的頁(yè)面里找到那一點(diǎn)點(diǎn)所要用的搜索引擎框是很痛苦的,相信很多朋友都有類似的感覺(jué)。所以簡(jiǎn)潔的網(wǎng)站頁(yè)面能給訪客帶來(lái)更好的用戶體驗(yàn)(如圖3)。

 

圖3

四.簡(jiǎn)單的頁(yè)面效率更高

與那些復(fù)雜網(wǎng)站頁(yè)面相比,簡(jiǎn)單的頁(yè)面能夠更為快速的打開(kāi)。現(xiàn)如今,什么都講求效率、速度,若網(wǎng)站沒(méi)有及時(shí)打開(kāi),用戶就會(huì)失去打開(kāi)網(wǎng)站的興趣而選擇其他網(wǎng)站了。搜索引擎的結(jié)果如此之多,用戶首先看到的是最先打開(kāi)的頁(yè)面。這樣如果將網(wǎng)站頁(yè)面設(shè)計(jì)的過(guò)為復(fù)雜,可能就會(huì)失去潛在的訪客了。

現(xiàn)在想必大家已經(jīng)了解到簡(jiǎn)單頁(yè)面的重要性了~那么該如何科學(xué)的設(shè)計(jì)一個(gè)簡(jiǎn)單的頁(yè)面呢~?

一.只放置必要的東西

簡(jiǎn)潔網(wǎng)頁(yè)最重要的一個(gè)方面是只展示有作用的東西,其他的都沒(méi)有。這并不意味著你不能提供給用戶很多的信息,你可以用“更多信息”的鏈接來(lái)實(shí)現(xiàn)這些。 

二.減少點(diǎn)擊次數(shù)

讓你的用戶通過(guò)很少的點(diǎn)擊就能找到他們想要的東西,不要讓他們找一個(gè)內(nèi)容找得很累。

三.“外婆”規(guī)則

如果你的外婆(其他老點(diǎn)的人)也能輕松的使用你的頁(yè)面,你就成功了。

四.減少段落的個(gè)數(shù)

每當(dāng)你的網(wǎng)頁(yè)增加一段,頁(yè)面中主要的內(nèi)容就會(huì)被擠到一個(gè)更小的空間。那些段落并沒(méi)有起到什么好的作用,而是讓顧客們知道更多他們不想了解的東西。

五.給予更少的選項(xiàng)

做過(guò)多的決定也是一種壓力,總體來(lái)說(shuō),用戶希望在瀏覽網(wǎng)頁(yè)的時(shí)候思考的少一點(diǎn)。我們?cè)谡故緝?nèi)容的時(shí)候要努力減少用戶的思維負(fù)擔(dān),這樣就會(huì)使瀏覽者使用更順暢,心態(tài)更平和。

在這些方面,蘋(píng)果的官方網(wǎng)站都做的很好。蘋(píng)果公司用一種很有效和非常有禮貌的方式提供了足夠多的信息,所有的文字,鏈接和圖片都很集中,并沒(méi)有一些使你分心的廣告和其他商品的不需要的信息(如圖4)。

圖4

正如愛(ài)因斯坦所說(shuō):萬(wàn)事萬(wàn)物應(yīng)該最簡(jiǎn)單(Make everything as simple as possible, but not simpler )。搞懂了奧卡姆剃刀原理,不僅設(shè)計(jì)會(huì)變得更簡(jiǎn)單實(shí)用,也許還能從中悟出簡(jiǎn)單生活的哲學(xué)呢~:>

在最近的五期UED TIPS中,我們已經(jīng)學(xué)過(guò)了菲茨定律(從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由到目標(biāo)的距離和目標(biāo)的大小這兩個(gè)兩個(gè)參數(shù)決定)、席克定律(一個(gè)人面臨的選擇(n)越多,所需要作出決定的時(shí)間(T)就越長(zhǎng))、7±2法則(人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開(kāi)始出錯(cuò))、格式塔法則(當(dāng)對(duì)象離得太近的時(shí)候,意識(shí)會(huì)認(rèn)為它們是相關(guān)的)以及今天的奧卡姆剃刀原理~

交互設(shè)計(jì)七大原理之中還剩下兩個(gè)無(wú)需贅言的簡(jiǎn)單原理,在這里我也一并介紹一下~它們是:

泰思勒定律(復(fù)雜性守恒定律)——該定律認(rèn)為每一個(gè)過(guò)程都有其固有的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。如對(duì)于郵箱的設(shè)計(jì),收件人地址是不能再簡(jiǎn)化的,而對(duì)于發(fā)件人卻可以通過(guò)客戶端的集成來(lái)轉(zhuǎn)移它的復(fù)雜性(如圖5)。

 

圖5

防錯(cuò)原則——防錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽,而不是人為操作疏忽。通過(guò)改變?cè)O(shè)計(jì)可以把過(guò)失降到最低。該原則最初是用于工業(yè)管理的,但在交互設(shè)計(jì)也十分適用。如在硬件設(shè)計(jì)上的 USB 插槽;而在界面交互設(shè)計(jì)中也是可以經(jīng)??吹?,如當(dāng)使用條件沒(méi)有滿足時(shí),常常通過(guò)使功能失效來(lái)表示(一般按鈕會(huì)變?yōu)榛疑珶o(wú)法點(diǎn)擊),以避免誤按(如圖6)。

圖6

看過(guò)了這七個(gè)原理之后是不是覺(jué)得自己如虎添翼了呢~?不過(guò)再好的理論也是需要實(shí)踐的,不如從今天開(kāi)始就動(dòng)手試試吧:>

 

參考文章:

交互設(shè)計(jì)七大定律   http://www.geekpark.net/read/view/166489

一個(gè)簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)怎樣幫你提高銷量  http://www.yeeyan.org/articles/view/28010/13089

簡(jiǎn)單網(wǎng)站頁(yè)面比復(fù)雜網(wǎng)站頁(yè)面更有用的原因分http://www.admin5.com/article/20111203/394156.shtml

 

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1797.html
淺談表單設(shè)計(jì)
交互設(shè)計(jì)法則之接近法則與格式塔
圖趣網(wǎng)微信
建議反饋
×