設(shè)計思考模式:“刪除、組織、隱藏、附加”

3 評論 5168 瀏覽 35 收藏 13 分鐘

Giles Colborne簡約四策略是“刪除、組織、隱藏、轉(zhuǎn)移”,由于“轉(zhuǎn)移”在實際設(shè)計過程中比較少運用到,所以我根據(jù)elya的知乎回答把四策略定義為“刪除、組織、隱藏、附加”,elya沒有解釋她的理解,所以我根據(jù)自己理解重新定義。

簡約的定義

解釋“四策略”之前首先需要明確什么是簡約,“真正的簡約遠不止刪繁就簡,而是在紛繁中建立秩序。”這是蘋果設(shè)計師喬納森?伊夫在IOS7發(fā)布的時候?qū)τ诤喖s的解釋。

為什么我們喜歡簡約

人喜歡簡單的東西是因為簡單的東西可以減少認知上的負擔(dān),因為我們的大腦喜歡簡單而有秩序的東西??梢詮娜说挠洃?、思考和注意力三個機制去解釋認知負擔(dān)這個問題,從更深的層次來總結(jié)原因就是,人的大腦活動的資源是稀缺的。

第一,記憶。短期記憶是有限的。簡單的東西使得我們的感官輸入少,容易集中注意力。

短期記憶和集中注意力的程度以及感官輸入量相關(guān)。(1)短期記憶取決于集中注意力的能力,越能集中注意力,短期記憶的內(nèi)容能留存得越多;(2)短期記憶與感官輸入量是負相關(guān),感官輸入量越多,受感官刺激越多,越難集中注意力,短期記憶的內(nèi)容越少。

我們的大腦一次只能記住4項事物。我們都聽過“神奇的7±2”原則,但心理學(xué)家Alan Baddeley質(zhì)疑了7±2的規(guī)則,通過對人類記憶和信息處理的大量研究后表明4項才是我們記憶的最佳數(shù)量。也就是說如果人集中注意力,不受干擾,那么短期記憶中能保存3-4項事物。盡管我們通常通過“組塊記憶”的方式延伸我們的短期記憶,但是如果每個類別中只有1-3條信息,那么人們也能夠輕松的記憶。

第二,思考。大腦一次能處理的信息量是有限的。簡單的東西使我們接觸的信息量較少并且信息是關(guān)鍵有效的,減少認知負荷。

我們的大腦有230億個神經(jīng)元,但是一次只能處理少量的信息。人每秒約處理400億條信息,其中只有40條是有意識知覺的,而且對40個事物產(chǎn)生意識知覺并不代表對40條信息進行有意識的加工。復(fù)雜的信息和界面使得大腦需要思考、記憶、辨別以及操作大量的內(nèi)容,這會帶來各種不同的大腦負荷。

其中,認知負荷是最占用腦力資源的負荷。人機工程學(xué)理論上有三種負荷:認知負荷、視覺負荷和動作負荷。認知負荷是指思考、記憶和心算,視覺負荷包括瀏覽和尋找想要的信息,動作負荷包括點擊、操作鼠標、打字等。此外,不同的負荷占用腦力資源不相同,認知負荷占用最多,其次是視覺和動作負荷。

第三,注意力。集中注意力處理一項任務(wù)的時間和精力是有限的。簡單的東西讓人容易集中注意力在目標上。

過多的信息干擾我們對任務(wù)的執(zhí)行,使我們難以集中注意力,能記住的東西并不多。大腦的注意力機制會做出以下兩點來“保護”我們:(1)選擇性注意和主動過濾無關(guān)信息:簡單的東西無須關(guān)注目標以外的干擾事物,可以做到只關(guān)注一件事;(2)心智游移:30%時間人會走神,而且心智游移是非常常見的,人集中處理一項任務(wù)的時間是有限的,所以我們需要假設(shè)人們經(jīng)常走神,因此簡單的東西能讓人更容易集中。

簡約四策略

簡約四策略“刪除、組織、隱藏、轉(zhuǎn)移”是使設(shè)計更貼近簡約的有效途徑。

1.刪除

關(guān)鍵是刪什么,留下什么。關(guān)于刪掉什么可以從兩個層面來總結(jié),功能結(jié)構(gòu)和頁面表達。

第一,功能結(jié)構(gòu)層面。

刪除不必要的功能。那么什么是必要的功能?那些關(guān)系到用戶日常使用體驗的功能,以及那些能消除他們挫折感的功能。影響用戶核心體驗的功能決定了這個產(chǎn)品能不能用以及能不能與別的產(chǎn)品形成差異,消除挫折感的功能能夠輔助核心功能讓用戶愉快。

如何確定核心的功能呢?排定功能優(yōu)先級。(一)確定用戶的目標是什么,并排定優(yōu)先次序,尋找完全滿足優(yōu)先級最高的用戶需求的解決方案。比如,大部分的網(wǎng)民(不是專家型的程序員用戶)使用瀏覽器的目標是快速便捷地了解獲知某方面的東西(知識、新聞等),日常的行為是訪問、瀏覽和搜索網(wǎng)頁。因此,對于瀏覽器而言,優(yōu)先級最高的是訪問和瀏覽網(wǎng)頁,前進和返回功能是實現(xiàn)核心功能必不可少的功能,其次就是一些輔助的例如書簽和收藏網(wǎng)頁功能等。(二)確定用戶在使用過程中最常見的干擾行為。比如在使用瀏覽器訪問網(wǎng)頁時,不小心關(guān)閉了正在看的網(wǎng)頁,那么查看和恢復(fù)歷史訪問就是把用戶挫折感降低的功能。

第二,頁面表達層面。

正如前文提到的,我們大腦活動的資源是稀缺的,記憶、處理信息以及注意力都是有限的,所以每一個界面的小細節(jié)都有可能增加用戶的負擔(dān)。

(一)內(nèi)容上,(1)文字:刪除歡迎詞,刪除不必要的說明,刪除繁瑣的解釋。(2)句子:精簡句子,目標是簡潔、清晰、有說服力。(3)選擇和選項:。選擇過多會導(dǎo)致選擇困難癥,讓用戶無所適從。

“刪除每個頁面上一半的文字,然后把剩下的文字再去掉一半?!保ā禗on’t make me think》中Krug可用性第三定律)

(二)樣式上,(1)鏈接和廣告;(2)大小、形狀和顏色;(3)布局和層次

刪除頁面混亂元素一個非常好的方法就是先刪除再拿回來,也就是先假設(shè)頁面上所有的元素都是無用的,再想想為什么需要這些元素,對用戶實現(xiàn)目標的作用是什么,如果沒有這些元素就會影響體驗,再把他們拿回來。

可以發(fā)現(xiàn),刪除頁面表達層面的元素時更多討論的問題是如何優(yōu)化,而在最初設(shè)計一個產(chǎn)品時,應(yīng)該更加關(guān)注功能結(jié)構(gòu)方面的內(nèi)容,從一開始便聚焦于用戶的核心需求,那么才不至于在刪除功能時導(dǎo)致用戶的反對和抵抗。

2.組織

在刪除了那些不必要的、無法實現(xiàn)的的功能之后,需要對保留下來的核心功能和輔助功能進行組織。

第一,圍繞行為進行組織。通過劃分用戶群體,對不同的用戶群體的行為進行分解。這里可能需要一點用戶角色建模和場景分析的能力。

第二,確定清晰的分類標準——時間順序、結(jié)構(gòu)順序或者重要性順序。

第三,根據(jù)邏輯和層次結(jié)構(gòu)進行分塊。還記得前面所說的我們的大腦一次只能記住4項事物嗎,所以盡量把分塊的數(shù)量控制在4項以內(nèi)。

第四,利用“親密性、對齊、重復(fù)、對比”四大設(shè)計基本原則進行布局。

(1)親密性:彼此相關(guān)的項應(yīng)該靠近(格式塔原則),歸為一組,如果多個項相互之間存在很緊的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有利于組織信息,減少混亂。

(2)對齊:任何東西都不能在頁面上隨意安放,每個元素都應(yīng)該與頁面上的另一個元素有著某種視覺聯(lián)系。這樣可以建立一種清晰、精巧而且清爽的外觀。

(3)重復(fù):讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn),可以重復(fù)顏色、形狀、空間關(guān)系、線寬、字體、大小和圖片等等。這樣可以增加條理性和統(tǒng)一性。

(4)對比:避免頁面上的元素太過相似,如果頁面元素不相同,就讓他們截然不同。

3.隱藏

隱藏什么?不常用但是不能少的選項。下面總結(jié)隱藏的兩種方法:

第一,漸進呈現(xiàn)、階段展示、適時出現(xiàn)。即每次只展示用戶當前需要的信息。

漸進呈現(xiàn)意味著需要多次點擊,然而點擊的次數(shù)不是影響體驗的關(guān)鍵。一方面,前文說到的我們每秒處理約400億條信息,但其中只有40條是有意識的,所以我們的大腦更擅長處理小塊的信息。另一方面,對于我們承受的三種負荷——認知、視覺和動作中認知是占用腦力資源最多而動作是占用最少的負荷,所以我們可以通過權(quán)衡視覺、動作的負荷來減輕認知的負荷。

“點擊多少次都沒關(guān)系,只要每次點擊都是無須思考,明確無誤的選擇?!保ā禗on’t make me think》中Krug可用性第二定律》)

漸進呈現(xiàn)的關(guān)鍵是了解誰在什么時候需要什么信息。這需要在用戶角色建模時的調(diào)研結(jié)果,了解多數(shù)用戶每一步需要什么信息。

第二,隱藏在常用功能之下,利用提示和線索讓功能容易被找到。“設(shè)置”“更多”或者“高級選項”等。

4.附加

可能你們有點疑惑,大家都說要縮減要刪除要簡約,而為什么我要把“附加”作為四個策略中的一個呢?這里講的“附加”并不是增加功能,而是附加設(shè)計的細節(jié)(可用性細節(jié)、情感化細節(jié)等),使得產(chǎn)品更加完整,更加好用。

最后

無論是優(yōu)化已有的產(chǎn)品或者是新設(shè)計一個產(chǎn)品,積累和建立自己的設(shè)計模式都非常重要,站在巨人的肩膀上,重新整合和理解大師的設(shè)計理念和方法。我會不斷在實踐中完善“刪除、組織、隱藏、附加”四個層次的思考模式。


參考書籍:

[1] Giles Colborne:《簡約至上:交互式設(shè)計四策略》

[2] Jeff Johnson:《認知與設(shè)計:理解UI設(shè)計準則》

[3] Steve Krug:《Don’t make me think》

[4] Robin Williams:《寫給大家看的設(shè)計書》

[5] Susan Weinschenk:《設(shè)計師要懂心理學(xué)》

作者:Vivian姑涼

來源:簡書

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我可不可以在寫論文的時候用一下上面三點認知數(shù)據(jù)分析? ??

    來自上海 回復(fù)
  2. 講得不錯,如果結(jié)合案例講會更好。

    來自北京 回復(fù)
  3. ?? 贊,很不錯!

    來自北京 回復(fù)