花了三天時(shí)間精讀了兩遍《簡(jiǎn)約至上》這本書,認(rèn)為是設(shè)計(jì)書目中內(nèi)容較好的一類。遂花半天認(rèn)真寫下這篇讀書筆記,力求能讓沒讀過(guò)這本書的朋友也能明白一二。
簡(jiǎn)約至上:交互設(shè)計(jì)四策略讀書筆記
第一章 話說(shuō)簡(jiǎn)單
關(guān)于簡(jiǎn)單的故事
為什么安裝打印機(jī)不能像插電源插座那么簡(jiǎn)單?
簡(jiǎn)單的威力
人們喜歡簡(jiǎn)單、值得信賴、適應(yīng)性強(qiáng)的產(chǎn)品。(以FLIP攝像機(jī)、早期大眾甲殼蟲汽車、Twitter為例)
復(fù)雜的產(chǎn)品不可持續(xù)
所有不必要的功能都是要付錢的。(對(duì)廠商:沉重的遺留代碼、高昂的產(chǎn)品維護(hù)成本、遲緩地應(yīng)對(duì)市場(chǎng)變化;對(duì)用戶:復(fù)雜導(dǎo)致迷失、額外的無(wú)意義支出)
不是那種簡(jiǎn)單法
技術(shù)產(chǎn)品設(shè)計(jì)時(shí)需考慮三個(gè)角度:管理人員、工程師和用戶。(主要考慮大多數(shù)用戶的體驗(yàn))
特征
簡(jiǎn)單并不意味著最少化,樸素的設(shè)計(jì)仍然具有自身的特征和個(gè)性。
貌似簡(jiǎn)單
簡(jiǎn)單的用戶體驗(yàn)絕非是做表面文章。(以操作向?qū)Х指畈襟E剝奪控制權(quán)和有預(yù)測(cè)性的角色牽著用戶鼻子走為例)
了解你自己
簡(jiǎn)化用戶體驗(yàn)需要明確產(chǎn)品(公司)的運(yùn)作方式,并且需要對(duì)沒想改變的重要性和可行性做出固定檔次下的評(píng)估。
第二章 明確認(rèn)識(shí)
描述要點(diǎn)的兩種方式
先理解用戶,再思考合適的設(shè)計(jì)。(考慮清楚限制、用戶使用場(chǎng)景)
走出辦公室
軟件使用環(huán)境,是觀察用戶的最佳地點(diǎn)。(因?yàn)槲覀儫o(wú)法控制用戶使用軟件的環(huán)境,而只能使軟件設(shè)計(jì)符合環(huán)境需求)
觀察什么
在家里、在公司、在戶外,你的設(shè)計(jì)必須能夠適應(yīng)各種干擾。(用戶體驗(yàn)需能夠在人們被打斷的間隙生存)
三種用戶
專家型用戶、隨意型用戶、主流用戶(占主體地位,我們最需要關(guān)心的對(duì)象)。三者不會(huì)通過(guò)時(shí)間遞進(jìn)升級(jí)。
為什么應(yīng)該忽略專家型用戶
專家想要的功能往往會(huì)嚇到主流用戶。(對(duì)于主流用戶來(lái)說(shuō),他們的要求太復(fù)雜,不好用。以對(duì)蘋果MP3的譏諷和會(huì)飛的汽車為例)
為主流用戶而設(shè)計(jì)
想吸引大忠,必須要關(guān)注主流
主流用戶想要什么
簡(jiǎn)單地用戶體驗(yàn)是初學(xué)者、新手的體驗(yàn),或者是壓力之下的主流用戶的體驗(yàn)。
感情需求
感情需求在于用戶體驗(yàn)的一些自我認(rèn)知或?qū)Σ僮?、界面本身的一系列形容詞,比如井然有序、輕松自在等。(以iPhone上的待做事項(xiàng)管理應(yīng)用Things為例)
簡(jiǎn)單意味著控制
簡(jiǎn)單就是感覺在掌控一切,用戶希望感覺是在掌控自己的生活。掌控需要容易、可靠、迅速:沒有后顧之憂、產(chǎn)品的相應(yīng)方式在意料之中。
正確選擇“什么”
知道用戶在做什么,關(guān)注主要的用戶行動(dòng),并且要從用戶的視角把它描述出來(lái)。
描述用戶體驗(yàn)
通過(guò)講故事的方式
講故事
故事需要簡(jiǎn)單、具體(不能簡(jiǎn)單描述用戶的性格,通過(guò)實(shí)例來(lái)印證)、真實(shí)(真人真事或合情合理的)、擁有相關(guān)細(xì)節(jié)。
環(huán)境、角色、清潔
三個(gè)層次是從外而內(nèi)構(gòu)思,在遇到麻煩時(shí)同樣可以從內(nèi)而外推斷。
極端的可用性
設(shè)計(jì)簡(jiǎn)單的體驗(yàn)意味著要追求極端的目標(biāo)。
簡(jiǎn)便的方式
用最簡(jiǎn)單地詞匯去描述想法。(以Flip和iphone為例:拍攝和分享視頻、一個(gè)寬屏的ipod)
洞察力
觀察現(xiàn)實(shí)中的人,評(píng)估你的故事兵追尾對(duì)用戶行為產(chǎn)生最大影響的因素是什么。找到突破點(diǎn)、先后次序排列設(shè)計(jì)要點(diǎn)(影響力、改變的難易度)、驗(yàn)證見解(不可控因素、正反面例子,確定問(wèn)題癥結(jié)在看法還是例子本身-未將設(shè)計(jì)貫徹到底)。
明確認(rèn)識(shí)
理解核心問(wèn)題需要時(shí)間。(可能第一個(gè)設(shè)計(jì)知識(shí)對(duì)待解決問(wèn)題的初步定義)
分享
通過(guò)講故事的形式和他人分享你的認(rèn)識(shí)、從而獲得反饋
第三章 簡(jiǎn)約四策略
簡(jiǎn)化遙控器
DVD遙控器往往會(huì)有不少于40個(gè)的按鈕。(一張典型的遙控器的圖片和對(duì)應(yīng)的按鈕名稱)
遙控器
設(shè)想情境、通過(guò)草圖的形式描述你的情境、思考多個(gè)方案并從中選擇最滿意的一個(gè),從頭到尾設(shè)計(jì)好。
四個(gè)策略
- 刪除-去掉所有不必要的按鈕,直至減到不能再減。
- 組織-按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組
- 隱藏-把那些不是最重要的按鈕安排在活動(dòng)艙蓋之下,避免分散用戶注意力。
- 轉(zhuǎn)移-只在遙控器上保留具備最基本功鞥的按鈕,將其他控制轉(zhuǎn)移到電視屏幕上的菜單里,從而將復(fù)雜性從遙控器轉(zhuǎn)移到電視。
第四章 刪除
核心策略:
* 聚焦于對(duì)用戶有價(jià)值的功能。這意味著專注于那些承載用戶核心體驗(yàn)的功能,也意味著交付的功能必須能夠消除用戶的挫敗感和焦慮。
* 聚焦于可用資源,通過(guò)刪除殘缺的功能、不切題的元素和花里胡哨的東西為用戶提供價(jià)值。
* 聚焦于達(dá)成用戶的目標(biāo)。糾結(jié)于流程會(huì)陷入細(xì)節(jié)的泥潭而無(wú)法自拔。
* 刪除那些干擾性的、增加用戶負(fù)擔(dān)的“減速帶”:錯(cuò)誤消息、不知所云的文字、不必要的選項(xiàng)和造成視覺混亂的元素。
刪除
簡(jiǎn)化設(shè)計(jì)最明顯的方式就是刪除不必要的功能
避免錯(cuò)刪
盲目刪除只會(huì)造就沒有靈魂的平庸產(chǎn)品。要縱覽全局,交付真正有價(jià)值的功能和內(nèi)容。
關(guān)注核心
與新增功能相比,客戶更關(guān)注基本功能的改進(jìn)
砍掉殘缺功能
在苦惱或舍不得刪除殘缺功能的時(shí)候,問(wèn)自己為什么要留著它,而非為什么應(yīng)該去掉它。
假如用戶... ...
不要猜測(cè)用戶可能會(huì)或者可能不會(huì)怎么樣。
但我們的用戶想要
要傾聽客戶的意見,但絕不能盲從。
方案,不是流程
如果一個(gè)小的變化導(dǎo)致了復(fù)雜的流程,就應(yīng)該退一步去尋找更好的解決方案。(以銀行存款賬戶分類導(dǎo)致復(fù)雜化轉(zhuǎn)賬的問(wèn)題為例)
如果功能不是必要的
產(chǎn)品若承載過(guò)多的功能,更有可能降低主流用戶的滿意度,從而對(duì)產(chǎn)品的長(zhǎng)期盈利能力造成損害。
真有影響嗎
專注于目標(biāo)客戶的核心任務(wù),而非取悅所有人。
排定功能優(yōu)先級(jí)
給那些輕易就能滿足主流用戶需求的功能排定優(yōu)先次序(最高到較低優(yōu)先級(jí)目標(biāo)排序)。
負(fù)擔(dān)
減輕分散用戶注意力的視覺負(fù)擔(dān),可以幫助用戶提升速度和安全感。
決策
選擇有限,用戶反而更歡喜。
分心
刪除干擾因素,讓用保持注意力集中。
聰明的默認(rèn)值
選擇聰明的默認(rèn)值可以減少用戶的選擇,幫助他們節(jié)省時(shí)間和精力。
選項(xiàng)和首選項(xiàng)
主流用戶不喜歡為設(shè)置選項(xiàng)和首選項(xiàng)費(fèi)心勞神。通過(guò)用戶測(cè)試提供單一的解決方式,而非讓用戶去選擇。
如果一個(gè)選項(xiàng)還嫌多
刪除會(huì)影響速度和簡(jiǎn)單的選項(xiàng)。(以亞馬遜和百思買的無(wú)干擾結(jié)賬流程為例)
錯(cuò)誤
消除錯(cuò)誤,而非發(fā)生錯(cuò)誤后打斷用戶(以網(wǎng)上銀行往來(lái)賬戶查詢頁(yè)面的時(shí)間選擇控件為例)。
視覺混亂
刪除雜亂的因素,思考其存在的意義。
- 使用空白或輕微的背景色來(lái)劃分頁(yè)面,而不要使用線條。
- 盡可能少使用強(qiáng)調(diào)。(別又加粗又放大又變色)
- 別使用粗黑線。(使用勻稱、淺色的線更好)
- 控制信息的層次。(最好總共不要超過(guò)三個(gè)層次:標(biāo)題、子標(biāo)題和正文)
- 減少元素大小的變化。(保持統(tǒng)一性,不要一堆玩意大小個(gè)不同)
- 減少元素開頭的變化。(統(tǒng)一按鈕樣式)
刪減文字
- 刪除引見性文字。(歡迎光臨等)
- 刪除不必要的說(shuō)明。(諸如“填寫完這些字段后,請(qǐng)您按提交按鈕把申請(qǐng)?zhí)峤唤o我們”)
- 刪除繁瑣的解釋。(比如對(duì)某個(gè)按鍵導(dǎo)向的解釋)
- 使用描述性鏈接。(標(biāo)題本身作為鏈接,而非“更多內(nèi)容”或“單機(jī)這里”)
精簡(jiǎn)句子
- 不使用介詞(對(duì)于/根據(jù)/為了/基于/通過(guò)/關(guān)于),這些詞匯弱化句子的謂語(yǔ),要盡量省略。
- 不適用is的動(dòng)詞形式(正在進(jìn)行時(shí)),盡你所能使用其它表述方式。
- 把被動(dòng)句式轉(zhuǎn)換為主動(dòng)句式。
- 刪掉索然無(wú)味的開頭(“大家都知道”等)。
- 減少?gòu)U話。
刪減過(guò)多
人們希望自己能夠掌控局面,控制結(jié)果。需要足夠多(而非過(guò)多)的控制可以讓他們消除因基本許球球得不到滿足而引發(fā)的焦慮。
你能做到
關(guān)注主流用戶,通過(guò)徹底沖洗你設(shè)計(jì)是可以達(dá)到簡(jiǎn)約之效的。
焦點(diǎn)
刪除混亂的要素可以讓用戶聚焦于真正重要的功能。
第五章 組織
核心策略:
* 隱藏一次性設(shè)計(jì)和選項(xiàng)
* 隱藏精確控制選項(xiàng),但專家用戶必須能夠讓這些選項(xiàng)始終保持可。
* 不可強(qiáng)迫或寄希望與主流用戶使用自定義功能,不過(guò)可以給專家提供這個(gè)選項(xiàng)。
* 巧妙地隱藏。換句話說(shuō),首先是徹底隱藏,其次是適時(shí)出現(xiàn)。
組織
組織往往是簡(jiǎn)化設(shè)計(jì)的最快捷方式。
分塊
7加減1的策略,這個(gè)數(shù)字是人的大腦瞬間能夠記住的最大數(shù)目,更少則更好。(以Word中的分組菜單為例)
圍繞行為組織
根據(jù)分析用戶的行為,有助于理解如何組織你的軟件產(chǎn)品。(用戶行為的特定步驟、用戶類型等)
是非分明
簡(jiǎn)單的組織模式具有清晰的界限。(以標(biāo)志汽車的網(wǎng)站:功能、選項(xiàng)和配件的分類法為例)
字母表與格式
字母表只適用于專有名詞(比如姓氏和國(guó)家名稱)。
搜索
無(wú)論是設(shè)計(jì)還是使用,搜索都比瀏覽困難得多。(往往只有在網(wǎng)站沒有提供有效導(dǎo)航的情況下,用戶才會(huì)使用搜索)
時(shí)間和空間
時(shí)間線是組織活動(dòng)的通用方式。
網(wǎng)格
通過(guò)網(wǎng)格實(shí)現(xiàn)對(duì)齊可以讓人感覺界面簡(jiǎn)單。
大小和位置
- 通過(guò)界面元素大小表現(xiàn)不同的重要性。
- 通過(guò)靠近相似的元素減少視覺上的干擾。
分層
利用感知分層技術(shù)(顏色、灰階、大小、形狀),可以重疊或者并排元素(以倫敦地鐵圖圖為例)。
- 盡可能使用較少的層。內(nèi)容越復(fù)雜,所需的分層反而能少些。
- 考慮把某些基本元素放在常規(guī)背景層,因?yàn)橐粋€(gè)元素很難放在兩層里。
- 盡量讓人以兩層之間的差別最大化。20%的灰度和30%的灰度河南讓人憤青。類似的,在選擇顏色時(shí)不能忘記色弱的用戶。
- 對(duì)于相對(duì)重要的類別,使用明亮、高飽和度的顏色,可以讓它們?cè)陧?yè)面上更加突出。
- 對(duì)于同等重要的累唄,里要你管感知分層技術(shù),使用相同的亮度和大小,只是色調(diào)要有所區(qū)別(就像倫敦地鐵圖中的地鐵線路那樣)。
色標(biāo)
適用于傳統(tǒng)含義的顏色:紅色對(duì)于華人而言是喜慶色,對(duì)西方人則有危險(xiǎn)警示含義。
確保人們會(huì)花很長(zhǎng)時(shí)間去學(xué)習(xí)和重復(fù)使用你的設(shè)計(jì),不然色標(biāo)系統(tǒng)幾乎沒有意義。
期望路徑
用戶行為不一定滿足你的預(yù)期規(guī)劃,因此在設(shè)計(jì)時(shí)要多觀察多思考簡(jiǎn)單的組織。
第六章 隱藏
核心策略:
* 隱藏一次性設(shè)計(jì)和選項(xiàng)
* 隱藏精確控制選項(xiàng),但專家用戶必須能夠讓這些選項(xiàng)始終保持可。
* 不可強(qiáng)迫或寄希望與主流用戶使用自定義功能,不過(guò)可以給專家提供這個(gè)選項(xiàng)。
* 巧妙地隱藏。換句話說(shuō),首先是徹底隱藏,其次是適時(shí)出現(xiàn)。
隱藏
隱藏部功能是一種低成本的方案,具體該隱藏哪些功能是需要思考的。
不常用但不能少
適合隱藏的功能:主流用戶很少使用,但自身需要更新的功能。它們與用戶的目標(biāo)沒有直接關(guān)系,不會(huì)因人因地而異。
- 事關(guān)細(xì)節(jié)(李儒,對(duì)服務(wù)器進(jìn)行配置或涉及電子郵件簽名)。
- 選項(xiàng)和偏好(李儒,修改繪圖應(yīng)用程序的單位,由英寸改為厘米)。
- 特定于地區(qū)的信息(李儒,時(shí)間和日期等需要頻繁自動(dòng)更新的信息)。
自定義
自定義只適用于用戶展示自身的平臺(tái)(比如社交網(wǎng)絡(luò)),不然只有專家級(jí)用戶才會(huì)對(duì)各種各樣的功能了如指掌從而自定義。
自動(dòng)定制
否決。(以Word為例)
- 很難保證默認(rèn)菜單的準(zhǔn)確性。
- 縮短菜單后,用戶需要把每個(gè)功能看兩遍才能確定-首先是看段菜單,然后是再看長(zhǎng)菜單。延長(zhǎng)時(shí)間或多于的點(diǎn)擊只會(huì)增加用戶的反感。
- 永不最終不知道去哪里找自己想用的命令,因?yàn)檫@些命令的位置有可能會(huì)變。
漸進(jìn)展示
優(yōu)先顯示主流用戶關(guān)注的核心選項(xiàng),并在正確的環(huán)境下給出針對(duì)期望功能的正確提示。
階段展示
隨著用戶逐步深入界面而展示相應(yīng)的功能。
- 需要注意恰當(dāng)?shù)倪^(guò)度。
- 合情的流程,好似講一個(gè)故事。
- 說(shuō)用戶的語(yǔ)言,而非跟著實(shí)現(xiàn)模型的步驟去跑。
- 把信息分成小塊顯示,且每個(gè)塊必須完成而又自成一體。
適時(shí)出現(xiàn)
在合適的時(shí)機(jī)和位置上顯示相應(yīng)的功能。(以紐約時(shí)報(bào)的劃選單詞出現(xiàn)問(wèn)號(hào)點(diǎn)擊查詞為例)
提示與線索
采用適宜于專家的應(yīng)邀探索設(shè)計(jì)模式,幫助他們探索和學(xué)習(xí)被隱藏的高級(jí)功能。(以AI左側(cè)的工具箱長(zhǎng)按出現(xiàn)高級(jí)選項(xiàng)為例)
讓功能更容易找到
把功能放在用戶關(guān)注的地方,不然哪怕變得再大用戶也看不到。
隱藏的要求
保證用戶在前進(jìn)的過(guò)程中能夠遇到提示。但不要阻擋他們的去路。
第七章 轉(zhuǎn)移
轉(zhuǎn)移
把正確的功能放到正確的平臺(tái)或者正確的系統(tǒng)組件中去。
在設(shè)備之間轉(zhuǎn)移
利用不同設(shè)備平臺(tái)的優(yōu)勢(shì),顯示不同的信息。(以RunKeeper的應(yīng)用記錄數(shù)據(jù)、網(wǎng)站瀏覽數(shù)據(jù)為例)
移動(dòng)平臺(tái)與桌面平臺(tái)
| 移動(dòng)平臺(tái) | 桌面平臺(tái) / 筆記本 |
|---|---|
| 可以拍攝任何景物 | 只能拍到用戶 (通過(guò)網(wǎng)絡(luò)攝像頭) |
| 輸入少量文本 | 輸入大量文本 |
| 很難加快數(shù)據(jù)傳輸速度 | 能適當(dāng)加快數(shù)據(jù)傳輸速度 |
| 顯示少量信息 | 顯示大量信息 |
| 保存適量信息 | 保存大量信息 |
| 隨時(shí)隨地使用 | 只能坐下來(lái)使用 |
| 能夠精確識(shí)別位置和方向 | 只能在某種程度上標(biāo)識(shí)位置 |
| 通過(guò)無(wú)線網(wǎng)絡(luò)連接到其它設(shè)備 | 通過(guò)有效和無(wú)線網(wǎng)絡(luò)連接到其它設(shè)備 |
向用戶轉(zhuǎn)移
把復(fù)雜性轉(zhuǎn)移給用戶,而非界面或產(chǎn)品邏輯上。(用戶對(duì)自己設(shè)定的標(biāo)準(zhǔn)充滿掌控感,卻不一定能理解其他人,或者系統(tǒng)預(yù)設(shè)的)
用戶最擅長(zhǎng)做什么
| 人 | 計(jì)算機(jī) |
|---|---|
| 設(shè)定目標(biāo)和制定規(guī)劃 | 執(zhí)行程序 |
| 估算 | 精確計(jì)算 |
| 辨別信息 | 存儲(chǔ)和檢索信息 |
| 做圖表 | 復(fù)制 |
| 在包含少數(shù)項(xiàng)的列表中選擇 | 對(duì)大型列表牌序 |
| 做預(yù)算 | 度量 |
| 想象 | 交叉引用詳細(xì)信息 |
搞清楚把什么工作交給計(jì)算機(jī),把什么工作留給用戶。讓用戶指揮,計(jì)算機(jī)操作,就會(huì)給人簡(jiǎn)單的感覺。
| 人 | 計(jì)算機(jī) |
|---|---|
| 設(shè)定目標(biāo)和制定規(guī)劃 | 執(zhí)行程序 |
| 估算 | 精確計(jì)算 |
| 辨別信息 | 存儲(chǔ)和檢索信息 |
| 做圖表 | 復(fù)制 |
| 在包含少數(shù)項(xiàng)的列表中選擇 | 對(duì)大型列表牌序 |
| 做預(yù)算 | 度量 |
| 想象 | 交叉引用詳細(xì)信息 |
創(chuàng)造開放式體驗(yàn)
把相似的功能綁定到一起。(以汽車后擋風(fēng)玻璃的加熱電阻絲同樣作為收音機(jī)天線、亞馬遜零散的保存貨品、購(gòu)物車為例)
菜刀與鋼琴
盡量減少僅適合中間用戶的便捷特性。(以菜刀符合轉(zhuǎn)接和主流用戶的預(yù)期和需求為例)
非結(jié)構(gòu)化數(shù)據(jù)
讓計(jì)算機(jī)負(fù)責(zé)完成數(shù)據(jù)的結(jié)構(gòu)化工作。(以表單為例)
信任
相信用戶有能力去完成任務(wù),而非不斷地控制和指揮用戶。讓用戶專注于選擇和指揮,讓計(jì)算機(jī)專注于存儲(chǔ)和計(jì)算。
第八章 最后的叮囑
頑固的復(fù)雜性
復(fù)雜性不可能完全消除,需要介意的是到底應(yīng)該把這個(gè)復(fù)雜性放到哪里。
細(xì)節(jié)
簡(jiǎn)單需要細(xì)節(jié)來(lái)支撐。
簡(jiǎn)單發(fā)生在用戶的頭腦中
不要讓你的設(shè)計(jì)干擾用戶的思緒。簡(jiǎn)單的設(shè)計(jì)能夠?yàn)橛脩袅舫鲎銐虻目臻g,他們會(huì)利用自己的生活來(lái)填充這些空間,從而創(chuàng)造出更豐富、更有意義的體驗(yàn)。