設計思考模式(一):刪除、組織、隱藏、附加

“真正的簡約遠不止刪繁就簡,而是在紛繁中建立秩序?!边@是蘋果設計師喬納森?伊夫在IOS7發(fā)布的時候?qū)τ诤喖s的解釋,Giles Colborne在《簡約至上》書中闡述了“刪除、組織、隱藏、轉(zhuǎn)移”四個策略,但是我覺得這不僅僅是策略,更是一種思考的模式。由于“轉(zhuǎn)移”在實際設計過程中比較少運用到,所以我根據(jù)elya的知乎回答把四策略定義為“刪除、組織、隱藏、附加”建立自己在設計過程中的思考模式。
刪除
關鍵是刪什么,留下什么。關于刪掉什么可以從兩個層面來總結(jié),功能結(jié)構(gòu)和頁面表達。
第一,功能結(jié)構(gòu)層面
刪除不必要的功能。那么什么是必要的功能?那些關系到用戶日常使用體驗的功能,以及那些能消除他們挫折感的功能。影響用戶核心體驗的功能決定了這個產(chǎn)品能不能用以及能不能與別的產(chǎn)品形成差異,消除挫折感的功能能夠輔助核心功能讓用戶愉快。如何確定核心的功能呢?排定功能優(yōu)先級。
- 確定用戶的目標是什么,并排定優(yōu)先次序,尋找完全滿足優(yōu)先級最高的用戶需求的解決方案。比如,大部分的網(wǎng)民(不是專家型的程序員用戶)使用瀏覽器的目標是快速便捷地了解獲知某方面的東西(知識、新聞等),日常的行為是訪問、瀏覽和搜索網(wǎng)頁。因此,對于瀏覽器而言,優(yōu)先級最高的是訪問和瀏覽網(wǎng)頁,前進和返回功能是實現(xiàn)核心功能必不可少的功能,其次就是一些輔助的例如書簽和收藏網(wǎng)頁功能等。
- 確定用戶在使用過程中最常見的干擾行為。比如在使用瀏覽器訪問網(wǎng)頁時,不小心關閉了正在看的網(wǎng)頁,那么查看和恢復歷史訪問就是把用戶挫折感降低的功能。
第二,頁面表達層面
我們大腦活動的資源是稀缺的,記憶、處理信息以及注意力都是有限的,短期記憶和集中注意力的程度以及感官輸入量相關。短期記憶取決于集中注意力的能力,越能集中注意力,短期記憶的內(nèi)容能留存得越多;短期記憶與感官輸入量是負相關,感官輸入量越多,受感官刺激越多,越難集中注意力,短期記憶的內(nèi)容越少。所以每一個界面的小細節(jié)都有可能增加用戶的負擔。
內(nèi)容上
- 文字:刪除歡迎詞,刪除不必要的說明,刪除繁瑣的解釋。
- 句子:精簡句子,目標是簡潔、清晰、有說服力。
- 選擇和選項:。選擇過多會導致選擇困難癥,讓用戶無所適從。
“刪除每個頁面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)
樣式上
- 鏈接和廣告
- 大小、形狀和顏色
- 布局和層次
刪除頁面混亂元素一個非常好的方法就是先刪除再拿回來,也就是先假設頁面上所有的元素都是無用的,再想想為什么需要這些元素,對用戶實現(xiàn)目標的作用是什么,如果沒有這些元素就會影響體驗,再把他們拿回來。
“先假定所有內(nèi)容都是視覺噪音,除非你證明它們不是?!保ā禗on’t make me think》)
可以發(fā)現(xiàn),刪除頁面表達層面的元素時更多討論的問題是如何優(yōu)化,而在最初設計一個產(chǎn)品時,應該更加關注功能結(jié)構(gòu)方面的內(nèi)容,從一開始便聚焦于用戶的核心需求,那么才不至于在刪除功能時導致用戶的反對和抵抗。
組織
在刪除了那些不必要的、無法實現(xiàn)的的功能之后,需要對保留下來的核心功能和輔助功能進行組織。
第一,圍繞行為進行組織。通過劃分用戶群體,對不同的用戶群體的行為進行分解。這里可能需要一點用戶角色建模和場景分析的能力。
第二,確定清晰的分類標準——時間順序、結(jié)構(gòu)順序或者重要性順序。
第三,根據(jù)邏輯和層次結(jié)構(gòu)進行分塊。還記得前面所說的我們的大腦一次只能記住4項事物嗎,所以盡量把分塊的數(shù)量控制在4項以內(nèi)。
第四,利用“親密性、對齊、重復、對比”四大設計基本原則進行布局。
- 親密性:彼此相關的項應該靠近(格式塔原則),歸為一組,如果多個項相互之間存在很緊的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有利于組織信息,減少混亂。
- 對齊:任何東西都不能在頁面上隨意安放,每個元素都應該與頁面上的另一個元素有著某種視覺聯(lián)系。這樣可以建立一種清晰、精巧而且清爽的外觀。
- 重復:讓設計中的視覺要素在整個作品中重復出現(xiàn),可以重復顏色、形狀、空間關系、線寬、字體、大小和圖片等等。這樣可以增加條理性和統(tǒng)一性。
- 對比:避免頁面上的元素太過相似,如果頁面元素不相同,就讓他們截然不同。
隱藏
隱藏什么?不常用但是不能少的選項。下面總結(jié)隱藏的兩種方法:
第一,漸進呈現(xiàn)、階段展示、適時出現(xiàn)
即每次只展示用戶當前需要的信息。
漸進呈現(xiàn)意味著需要多次點擊,然而點擊的次數(shù)不是影響體驗的關鍵。一方面,我們的大腦更擅長處理小塊的信息,因為大腦每秒處理約400億條信息,但其中只有40條是有意識的。另一方面,認知負荷是最占用腦力資源的負荷,而動作是占用最少的負荷。人機工程學理論上有三種負荷:認知負荷、視覺負荷和動作負荷。認知負荷是指思考、記憶和心算,視覺負荷包括瀏覽和尋找想要的信息,動作負荷包括點擊、操作鼠標、打字等。
“點擊多少次都沒關系,只要每次點擊都是無須思考,明確無誤的選擇。”(《Don’t make me think》中Krug可用性第二定律》)
漸進呈現(xiàn)的關鍵是了解誰在什么時候需要什么信息。這需要在用戶角色建模時的調(diào)研結(jié)果,了解多數(shù)用戶每一步需要什么信息。
第二,隱藏在常用功能之下,利用提示和線索讓功能容易被找到
“設置”“更多”或者“高級選項”等。
附加
可能你們有點疑惑,大家都說要縮減要刪除要簡約,而為什么我要把“附加”作為四個策略中的一個呢?這里講的“附加”并不是增加功能,而是附加設計的細節(jié)(可用性細節(jié)、情感化細節(jié)等),如何讓產(chǎn)品在細節(jié)層面被用戶喜愛,比如微信和手機QQ在發(fā)送信息時那個細微的交互,比如那些適時出現(xiàn)的新手指引。
最后
無論是優(yōu)化已有的產(chǎn)品或者是新設計一個產(chǎn)品,一個新人積累和建立自己的設計模式都非常重要,站在巨人的肩膀上,重新整合和理解大師的設計理念和方法?,F(xiàn)在,在體驗一個產(chǎn)品時都習慣用“刪除、組織、隱藏、附加”的方式去思考產(chǎn)品的交互設計。
參考資料:
- Giles Colborne:《簡約至上:交互式設計四策略》
- Jeff Johnson:《認知與設計:理解UI設計準則》
- Steve Krug:《Don’t make me think》
- Robin Williams:《寫給大家看的設計書》
- Susan Weinschenk:《設計師要懂心理學》
本文由 @Vivian 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
- 目前還沒評論,等你發(fā)揮!