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

0 評(píng)論 3882 瀏覽 54 收藏 10 分鐘

“真正的簡約遠(yuǎn)不止刪繁就簡,而是在紛繁中建立秩序?!边@是蘋果設(shè)計(jì)師喬納森?伊夫在IOS7發(fā)布的時(shí)候?qū)τ诤喖s的解釋,Giles Colborne在《簡約至上》書中闡述了“刪除、組織、隱藏、轉(zhuǎn)移”四個(gè)策略,但是我覺得這不僅僅是策略,更是一種思考的模式。由于“轉(zhuǎn)移”在實(shí)際設(shè)計(jì)過程中比較少運(yùn)用到,所以我根據(jù)elya的知乎回答把四策略定義為“刪除、組織、隱藏、附加”建立自己在設(shè)計(jì)過程中的思考模式。

刪除

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

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

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

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

第二,頁面表達(dá)層面

我們大腦活動(dòng)的資源是稀缺的,記憶、處理信息以及注意力都是有限的,短期記憶和集中注意力的程度以及感官輸入量相關(guān)。短期記憶取決于集中注意力的能力,越能集中注意力,短期記憶的內(nèi)容能留存得越多;短期記憶與感官輸入量是負(fù)相關(guān),感官輸入量越多,受感官刺激越多,越難集中注意力,短期記憶的內(nèi)容越少。所以每一個(gè)界面的小細(xì)節(jié)都有可能增加用戶的負(fù)擔(dān)。

內(nèi)容上

  • 文字:刪除歡迎詞,刪除不必要的說明,刪除繁瑣的解釋。
  • 句子:精簡句子,目標(biāo)是簡潔、清晰、有說服力。
  • 選擇和選項(xiàng):。選擇過多會(huì)導(dǎo)致選擇困難癥,讓用戶無所適從。

“刪除每個(gè)頁面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)

樣式上

  • 鏈接和廣告
  • 大小、形狀和顏色
  • 布局和層次

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

“先假定所有內(nèi)容都是視覺噪音,除非你證明它們不是?!保ā禗on’t make me think》)

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

組織

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

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

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

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

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

  • 親密性:彼此相關(guān)的項(xiàng)應(yīng)該靠近(格式塔原則),歸為一組,如果多個(gè)項(xiàng)相互之間存在很緊的親密性,它們就會(huì)成為一個(gè)視覺單元,而不是多個(gè)孤立的元素。這有利于組織信息,減少混亂。
  • 對齊:任何東西都不能在頁面上隨意安放,每個(gè)元素都應(yīng)該與頁面上的另一個(gè)元素有著某種視覺聯(lián)系。這樣可以建立一種清晰、精巧而且清爽的外觀。
  • 重復(fù):讓設(shè)計(jì)中的視覺要素在整個(gè)作品中重復(fù)出現(xiàn),可以重復(fù)顏色、形狀、空間關(guān)系、線寬、字體、大小和圖片等等。這樣可以增加條理性和統(tǒng)一性。
  • 對比:避免頁面上的元素太過相似,如果頁面元素不相同,就讓他們截然不同。

隱藏

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

第一,漸進(jìn)呈現(xiàn)、階段展示、適時(shí)出現(xiàn)

即每次只展示用戶當(dāng)前需要的信息。

漸進(jìn)呈現(xiàn)意味著需要多次點(diǎn)擊,然而點(diǎn)擊的次數(shù)不是影響體驗(yàn)的關(guān)鍵。一方面,我們的大腦更擅長處理小塊的信息,因?yàn)榇竽X每秒處理約400億條信息,但其中只有40條是有意識(shí)的。另一方面,認(rèn)知負(fù)荷是最占用腦力資源的負(fù)荷,而動(dòng)作是占用最少的負(fù)荷。人機(jī)工程學(xué)理論上有三種負(fù)荷:認(rèn)知負(fù)荷、視覺負(fù)荷和動(dòng)作負(fù)荷。認(rèn)知負(fù)荷是指思考、記憶和心算,視覺負(fù)荷包括瀏覽和尋找想要的信息,動(dòng)作負(fù)荷包括點(diǎn)擊、操作鼠標(biāo)、打字等。

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

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

第二,隱藏在常用功能之下,利用提示和線索讓功能容易被找到

“設(shè)置”“更多”或者“高級(jí)選項(xiàng)”等。

附加

可能你們有點(diǎn)疑惑,大家都說要縮減要?jiǎng)h除要簡約,而為什么我要把“附加”作為四個(gè)策略中的一個(gè)呢?這里講的“附加”并不是增加功能,而是附加設(shè)計(jì)的細(xì)節(jié)(可用性細(xì)節(jié)、情感化細(xì)節(jié)等),如何讓產(chǎn)品在細(xì)節(jié)層面被用戶喜愛,比如微信和手機(jī)QQ在發(fā)送信息時(shí)那個(gè)細(xì)微的交互,比如那些適時(shí)出現(xiàn)的新手指引。

最后

無論是優(yōu)化已有的產(chǎn)品或者是新設(shè)計(jì)一個(gè)產(chǎn)品,一個(gè)新人積累和建立自己的設(shè)計(jì)模式都非常重要,站在巨人的肩膀上,重新整合和理解大師的設(shè)計(jì)理念和方法?,F(xiàn)在,在體驗(yàn)一個(gè)產(chǎn)品時(shí)都習(xí)慣用“刪除、組織、隱藏、附加”的方式去思考產(chǎn)品的交互設(shè)計(jì)。

參考資料:

  • Giles Colborne:《簡約至上:交互式設(shè)計(jì)四策略》
  • Jeff Johnson:《認(rèn)知與設(shè)計(jì):理解UI設(shè)計(jì)準(zhǔn)則》
  • Steve Krug:《Don’t make me think》
  • Robin Williams:《寫給大家看的設(shè)計(jì)書》
  • Susan Weinschenk:《設(shè)計(jì)師要懂心理學(xué)》

 

本文由 @Vivian 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

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