經(jīng)驗(yàn)分享丨一文搞定交互設(shè)計(jì)7大法則(5)——奧卡姆剃刀原理

0 評(píng)論 3938 瀏覽 15 收藏 9 分鐘

在交互設(shè)計(jì)中,我們可以利用不同的原理來輔助我們進(jìn)行設(shè)計(jì)。奧卡姆剃刀定律主要應(yīng)用于方案的設(shè)計(jì)和評(píng)估階段,用于減少設(shè)計(jì)的信息數(shù)量,給設(shè)計(jì)做減法。那么該原理是如何應(yīng)用到設(shè)計(jì)中的呢?作者分享了一些經(jīng)驗(yàn),一起來看看。

前言

多年以來,設(shè)計(jì)師一直試圖通過建立用戶目標(biāo)與業(yè)務(wù)目標(biāo)的平衡以減少摩擦。

相對(duì)于C端交互的簡(jiǎn)單,B端由于功能的復(fù)雜性以及業(yè)務(wù)的專業(yè)性,為了更好的簡(jiǎn)化體驗(yàn)流程,提升用戶對(duì)內(nèi)容的理解,我們可以采用交互設(shè)計(jì)中經(jīng)典的設(shè)計(jì)理論——奧卡姆剃刀定律來輔助我們的設(shè)計(jì)。

該定律歷史悠久,曾應(yīng)用于各個(gè)領(lǐng)域,今天我們來看看它在設(shè)計(jì)中是如何應(yīng)用的,一起來看看吧~

01 奧卡姆剃刀定律的定義

奧卡姆剃刀定律的起源最早可以追溯到法國早期的作品,書中提到「其他條件相同,使用較少假設(shè)的證明更優(yōu)越」。

公元14世紀(jì),哲學(xué)家威廉.奧卡姆提出“如無必要,勿增實(shí)體”,意思是如果現(xiàn)有的幾個(gè)理論都能對(duì)現(xiàn)象進(jìn)行解釋,應(yīng)該選擇使用最少假設(shè)的那個(gè)。該思想源于哲學(xué),后續(xù)應(yīng)用于各個(gè)領(lǐng)域。例如在產(chǎn)品設(shè)計(jì)中,如果可以實(shí)現(xiàn)同樣的功能,應(yīng)選擇最簡(jiǎn)單的設(shè)計(jì)。換句話說就是在設(shè)計(jì)的時(shí)候我們需要展示核心元素,刪繁就簡(jiǎn)的去除無用的干擾項(xiàng),保證頁面體驗(yàn)的簡(jiǎn)潔與純粹。

為什么減少復(fù)雜保持簡(jiǎn)潔很重要?

在信息大爆炸的今天,我們的時(shí)間和精力有限,復(fù)雜的設(shè)計(jì)會(huì)讓我們?cè)诓僮鬟^程中感到迷失,認(rèn)知成本以及實(shí)現(xiàn)目標(biāo)的難度提升。

根據(jù)峰值定律理論,產(chǎn)品印象受最關(guān)鍵以及最后收尾的使用時(shí)刻影響很大。那么當(dāng)產(chǎn)品設(shè)計(jì)較為復(fù)雜,會(huì)讓用戶在使用的時(shí)候找不到目標(biāo),體驗(yàn)的過程中注意力不斷的被其他元素分散,最終促使體驗(yàn)的挫敗感產(chǎn)生。

02 奧卡姆剃刀定律的應(yīng)用

奧卡姆剃刀定律主要應(yīng)用于方案的設(shè)計(jì)和評(píng)估階段,利用它來給設(shè)計(jì)做減法,接下來一起看看它在設(shè)計(jì)中有哪些應(yīng)用吧~

2.1 大面積的留白

在設(shè)計(jì)前,我們要弄清楚在當(dāng)前的場(chǎng)景下,用戶為了取得預(yù)期的結(jié)果將如何使用我們的產(chǎn)品。明白了結(jié)果,我們就可以在設(shè)計(jì)過程中判斷哪些應(yīng)該/不應(yīng)該做,那么在資源有限的情況下,不同目標(biāo)的優(yōu)先級(jí)就很清楚了。

以谷歌搜索為例,除了常用的輸入框以及常用網(wǎng)址入口外,并沒有其他更多的信息。剔除了一切擾亂用戶思維的功能,通過選項(xiàng)的減少,提高搜索的轉(zhuǎn)化,讓用戶更容易專注當(dāng)前的任務(wù)。

該網(wǎng)頁通過大面積的留白營造平和感,通過高反差的對(duì)比創(chuàng)造視覺焦點(diǎn),將必要的信息烘托出來,然后借助留白包圍它們。通過這種方式把核心信息凸顯出來,當(dāng)用戶進(jìn)入該搜索頁時(shí),只做必要的事情,關(guān)注重要的信息。

2.2 體驗(yàn)的一致性

無論什么場(chǎng)景下,產(chǎn)品需要保持體驗(yàn)的一致性,因?yàn)殡s亂無章的元素布局會(huì)讓用戶在瀏覽的時(shí)候增加認(rèn)知負(fù)擔(dān)。

雖然業(yè)務(wù)復(fù)雜,某些模塊需要承載較多內(nèi)容,但信息應(yīng)該在用戶熟知的柵格容器中橫向延展,確保產(chǎn)品內(nèi)容風(fēng)格和元素呈現(xiàn)的統(tǒng)一,讓用戶在體驗(yàn)中有著充足的預(yù)期。

這方面,阿里云做的很不錯(cuò)。在柵格中系統(tǒng)中,信息內(nèi)容有節(jié)奏的變化著,充滿了秩序感。這種設(shè)計(jì)風(fēng)格貫穿了整個(gè)產(chǎn)品的設(shè)計(jì),貼合了奧卡姆剃刀定律,通過柵格系統(tǒng)保證了產(chǎn)品各個(gè)模塊體驗(yàn)的一致性。

2.3 重點(diǎn)信息的突出

奧卡姆剃刀定律通過理性客觀的表達(dá)來傳遞信息,給人以簡(jiǎn)潔、純粹、直觀、干凈的體驗(yàn)感受。不同于以往的視覺表現(xiàn),設(shè)計(jì)只要凸顯重要信息。重要信息要足夠突出,以吸引用戶的注意。正文需要使用識(shí)別度較高的文字,提升內(nèi)容的可讀性。顏色上,使用較強(qiáng)沖擊力的色彩對(duì)比。

例如上圖中奧卡姆剃刀定律提倡拿走所有多余的東西,去掉不必要的裝飾。它為了突出畫面主題,采用了左文右圖的形式,視覺焦點(diǎn)集中,背景采用了淺灰色且造型簡(jiǎn)單的樣式。整個(gè)banner沒有其他多余的信息分散用戶的注意,在這里奧卡姆剃刀定律得到充分完美的表現(xiàn)。

2.4 顏色使用的克制

在配色這塊,該定律也極為講究,為了避免色彩花哨,增加額外的視覺噪音,產(chǎn)品中盡可能確保主色調(diào)的統(tǒng)一,選擇1、2種顏色貫穿整個(gè)設(shè)計(jì)。

就像阿里云這個(gè)產(chǎn)品的設(shè)計(jì),阿里經(jīng)典的橙色貫穿整個(gè)設(shè)計(jì),作為強(qiáng)調(diào)的重點(diǎn)存在??酥频念伾x予了整個(gè)設(shè)計(jì)以簡(jiǎn)潔感和層次感。

2.5 使用的邊界與限制

奧卡姆剃刀定律并不是一昧的追求極簡(jiǎn)。例如微軟出的Win8系統(tǒng)手機(jī),就是一個(gè)反面教材。它去除了細(xì)節(jié)和光影,直接以簡(jiǎn)單的色塊結(jié)合產(chǎn)品icon展示,長(zhǎng)時(shí)間的使用會(huì)使得簡(jiǎn)潔過于單調(diào),讓人產(chǎn)生審美疲勞。在隨后的版本中微軟就放棄了該設(shè)計(jì)語言,畢竟市場(chǎng)是最好的煉金石。

其實(shí)該定律并非一昧的強(qiáng)調(diào)簡(jiǎn)單的就是最好,復(fù)雜的就是差的。這兩個(gè)在做抉擇的邊界是它們都能幫助用戶完成目標(biāo),這時(shí)選擇簡(jiǎn)單的才是最合適的。

寫在最后

奧卡姆剃刀定律的偉大之處就是對(duì)信息數(shù)量的克制。

復(fù)雜的設(shè)計(jì)令人望而生畏,簡(jiǎn)潔的設(shè)計(jì)更有利于操作。在復(fù)雜與簡(jiǎn)單之間的平衡則是我們每一個(gè)設(shè)計(jì)師的發(fā)力點(diǎn)。

以上就是我對(duì)奧卡姆剃刀定律的理解,不知道你對(duì)它有什么不一樣的看法,歡迎一起討論~

本文由@江鳥的設(shè)計(jì)生活 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!