簡約至上:交互設計四策略讀書筆記

花了三天時間精讀了兩遍《簡約至上》這本書吴攒,認為是設計書目中內(nèi)容較好的一類宏侍。遂花半天認真寫下這篇讀書筆記潮太,力求能讓沒讀過這本書的朋友也能明白一二喳整。

簡約至上:交互設計四策略讀書筆記

第一章 話說簡單

關于簡單的故事

為什么安裝打印機不能像插電源插座那么簡單谆构?

簡單的威力

人們喜歡簡單、值得信賴框都、適應性強的產(chǎn)品搬素。(以FLIP攝像機、早期大眾甲殼蟲汽車魏保、Twitter為例)

復雜的產(chǎn)品不可持續(xù)

所有不必要的功能都是要付錢的熬尺。(對廠商:沉重的遺留代碼、高昂的產(chǎn)品維護成本囱淋、遲緩地應對市場變化猪杭;對用戶:復雜導致迷失、額外的無意義支出)

不是那種簡單法

技術產(chǎn)品設計時需考慮三個角度:管理人員妥衣、工程師和用戶皂吮。(主要考慮大多數(shù)用戶的體驗)

特征

簡單并不意味著最少化,樸素的設計仍然具有自身的特征和個性税手。

貌似簡單

簡單的用戶體驗絕非是做表面文章蜂筹。(以操作向導分割步驟剝奪控制權和有預測性的角色牽著用戶鼻子走為例)

了解你自己

簡化用戶體驗需要明確產(chǎn)品(公司)的運作方式,并且需要對沒想改變的重要性和可行性做出固定檔次下的評估芦倒。

第二章 明確認識

描述要點的兩種方式

先理解用戶艺挪,再思考合適的設計。(考慮清楚限制兵扬、用戶使用場景)

走出辦公室

軟件使用環(huán)境麻裳,是觀察用戶的最佳地點。(因為我們無法控制用戶使用軟件的環(huán)境器钟,而只能使軟件設計符合環(huán)境需求)

觀察什么

在家里津坑、在公司、在戶外傲霸,你的設計必須能夠適應各種干擾疆瑰。(用戶體驗需能夠在人們被打斷的間隙生存)

三種用戶

專家型用戶、隨意型用戶昙啄、主流用戶(占主體地位穆役,我們最需要關心的對象)。三者不會通過時間遞進升級梳凛。

為什么應該忽略專家型用戶

專家想要的功能往往會嚇到主流用戶耿币。(對于主流用戶來說,他們的要求太復雜韧拒,不好用掰读。以對蘋果MP3的譏諷和會飛的汽車為例)

為主流用戶而設計

想吸引大忠秘狞,必須要關注主流

主流用戶想要什么

簡單地用戶體驗是初學者、新手的體驗蹈集,或者是壓力之下的主流用戶的體驗烁试。

感情需求

感情需求在于用戶體驗的一些自我認知或對操作、界面本身的一系列形容詞拢肆,比如井然有序减响、輕松自在等。(以iPhone上的待做事項管理應用Things為例)

簡單意味著控制

簡單就是感覺在掌控一切郭怪,用戶希望感覺是在掌控自己的生活支示。掌控需要容易、可靠鄙才、迅速:沒有后顧之憂颂鸿、產(chǎn)品的相應方式在意料之中。

正確選擇“什么”

知道用戶在做什么攒庵,關注主要的用戶行動嘴纺,并且要從用戶的視角把它描述出來。

描述用戶體驗

通過講故事的方式

講故事

故事需要簡單浓冒、具體(不能簡單描述用戶的性格栽渴,通過實例來印證)、真實(真人真事或合情合理的)稳懒、擁有相關細節(jié)闲擦。

環(huán)境、角色场梆、清潔

三個層次是從外而內(nèi)構思墅冷,在遇到麻煩時同樣可以從內(nèi)而外推斷。

極端的可用性

設計簡單的體驗意味著要追求極端的目標或油。

簡便的方式

用最簡單地詞匯去描述想法寞忿。(以Flip和iphone為例:拍攝和分享視頻、一個寬屏的ipod)

洞察力

觀察現(xiàn)實中的人装哆,評估你的故事兵追尾對用戶行為產(chǎn)生最大影響的因素是什么。找到突破點定嗓、先后次序排列設計要點(影響力蜕琴、改變的難易度)、驗證見解(不可控因素宵溅、正反面例子凌简,確定問題癥結在看法還是例子本身-未將設計貫徹到底)。

明確認識

理解核心問題需要時間恃逻。(可能第一個設計知識對待解決問題的初步定義)

分享

通過講故事的形式和他人分享你的認識雏搂、從而獲得反饋

第三章 簡約四策略

簡化遙控器

DVD遙控器往往會有不少于40個的按鈕藕施。(一張典型的遙控器的圖片和對應的按鈕名稱)

遙控器

設想情境、通過草圖的形式描述你的情境凸郑、思考多個方案并從中選擇最滿意的一個裳食,從頭到尾設計好。

四個策略
  • 刪除-去掉所有不必要的按鈕芙沥,直至減到不能再減诲祸。
  • 組織-按照有意義的標準將按鈕劃分成組
  • 隱藏-把那些不是最重要的按鈕安排在活動艙蓋之下而昨,避免分散用戶注意力救氯。
  • 轉移-只在遙控器上保留具備最基本功鞥的按鈕,將其他控制轉移到電視屏幕上的菜單里歌憨,從而將復雜性從遙控器轉移到電視甲抖。

第四章 刪除

核心策略:

* 聚焦于對用戶有價值的功能。這意味著專注于那些承載用戶核心體驗的功能植袍,也意味著交付的功能必須能夠消除用戶的挫敗感和焦慮氛魁。
* 聚焦于可用資源,通過刪除殘缺的功能厅篓、不切題的元素和花里胡哨的東西為用戶提供價值秀存。
* 聚焦于達成用戶的目標。糾結于流程會陷入細節(jié)的泥潭而無法自拔羽氮。
* 刪除那些干擾性的或链、增加用戶負擔的“減速帶”:錯誤消息、不知所云的文字档押、不必要的選項和造成視覺混亂的元素澳盐。
刪除

簡化設計最明顯的方式就是刪除不必要的功能

避免錯刪

盲目刪除只會造就沒有靈魂的平庸產(chǎn)品。要縱覽全局令宿,交付真正有價值的功能和內(nèi)容叼耙。

關注核心

與新增功能相比,客戶更關注基本功能的改進

砍掉殘缺功能

在苦惱或舍不得刪除殘缺功能的時候粒没,問自己為什么要留著它筛婉,而非為什么應該去掉它。

假如用戶... ...

不要猜測用戶可能會或者可能不會怎么樣癞松。

但我們的用戶想要

要傾聽客戶的意見爽撒,但絕不能盲從入蛆。

方案,不是流程

如果一個小的變化導致了復雜的流程硕勿,就應該退一步去尋找更好的解決方案哨毁。(以銀行存款賬戶分類導致復雜化轉賬的問題為例)

如果功能不是必要的

產(chǎn)品若承載過多的功能,更有可能降低主流用戶的滿意度首尼,從而對產(chǎn)品的長期盈利能力造成損害挑庶。

真有影響嗎

專注于目標客戶的核心任務,而非取悅所有人软能。

排定功能優(yōu)先級

給那些輕易就能滿足主流用戶需求的功能排定優(yōu)先次序(最高到較低優(yōu)先級目標排序)迎捺。

負擔

減輕分散用戶注意力的視覺負擔,可以幫助用戶提升速度和安全感查排。

決策

選擇有限凳枝,用戶反而更歡喜。

分心

刪除干擾因素跋核,讓用保持注意力集中岖瑰。

聰明的默認值

選擇聰明的默認值可以減少用戶的選擇,幫助他們節(jié)省時間和精力砂代。

選項和首選項

主流用戶不喜歡為設置選項和首選項費心勞神蹋订。通過用戶測試提供單一的解決方式,而非讓用戶去選擇刻伊。

如果一個選項還嫌多

刪除會影響速度和簡單的選項露戒。(以亞馬遜和百思買的無干擾結賬流程為例)

錯誤

消除錯誤,而非發(fā)生錯誤后打斷用戶(以網(wǎng)上銀行往來賬戶查詢頁面的時間選擇控件為例)捶箱。

視覺混亂

刪除雜亂的因素智什,思考其存在的意義。

  • 使用空白或輕微的背景色來劃分頁面丁屎,而不要使用線條荠锭。
  • 盡可能少使用強調(diào)。(別又加粗又放大又變色)
  • 別使用粗黑線晨川。(使用勻稱证九、淺色的線更好)
  • 控制信息的層次。(最好總共不要超過三個層次:標題共虑、子標題和正文)
  • 減少元素大小的變化愧怜。(保持統(tǒng)一性,不要一堆玩意大小個不同)
  • 減少元素開頭的變化看蚜。(統(tǒng)一按鈕樣式)
刪減文字
  • 刪除引見性文字叫搁。(歡迎光臨等)
  • 刪除不必要的說明赔桌。(諸如“填寫完這些字段后供炎,請您按提交按鈕把申請?zhí)峤唤o我們”)
  • 刪除繁瑣的解釋渴逻。(比如對某個按鍵導向的解釋)
  • 使用描述性鏈接。(標題本身作為鏈接音诫,而非“更多內(nèi)容”或“單機這里”)
精簡句子
  • 不使用介詞(對于/根據(jù)/為了/基于/通過/關于)惨奕,這些詞匯弱化句子的謂語,要盡量省略竭钝。
  • 不適用is的動詞形式(正在進行時)梨撞,盡你所能使用其它表述方式。
  • 把被動句式轉換為主動句式香罐。
  • 刪掉索然無味的開頭(“大家都知道”等)卧波。
  • 減少廢話。
刪減過多

人們希望自己能夠掌控局面庇茫,控制結果港粱。需要足夠多(而非過多)的控制可以讓他們消除因基本許球球得不到滿足而引發(fā)的焦慮。

你能做到

關注主流用戶旦签,通過徹底沖洗你設計是可以達到簡約之效的查坪。

焦點

刪除混亂的要素可以讓用戶聚焦于真正重要的功能。

第五章 組織

核心策略:

* 隱藏一次性設計和選項
* 隱藏精確控制選項宁炫,但專家用戶必須能夠讓這些選項始終保持可偿曙。
* 不可強迫或寄希望與主流用戶使用自定義功能,不過可以給專家提供這個選項羔巢。
* 巧妙地隱藏望忆。換句話說,首先是徹底隱藏朵纷,其次是適時出現(xiàn)炭臭。
組織

組織往往是簡化設計的最快捷方式。

分塊

7加減1的策略袍辞,這個數(shù)字是人的大腦瞬間能夠記住的最大數(shù)目鞋仍,更少則更好。(以Word中的分組菜單為例)

圍繞行為組織

根據(jù)分析用戶的行為搅吁,有助于理解如何組織你的軟件產(chǎn)品威创。(用戶行為的特定步驟、用戶類型等)

是非分明

簡單的組織模式具有清晰的界限谎懦。(以標志汽車的網(wǎng)站:功能肚豺、選項和配件的分類法為例)

字母表與格式

字母表只適用于專有名詞(比如姓氏和國家名稱)。

搜索

無論是設計還是使用界拦,搜索都比瀏覽困難得多吸申。(往往只有在網(wǎng)站沒有提供有效導航的情況下,用戶才會使用搜索)

時間和空間

時間線是組織活動的通用方式。

網(wǎng)格

通過網(wǎng)格實現(xiàn)對齊可以讓人感覺界面簡單截碴。

大小和位置
  • 通過界面元素大小表現(xiàn)不同的重要性梳侨。
  • 通過靠近相似的元素減少視覺上的干擾。
分層

利用感知分層技術(顏色日丹、灰階走哺、大小、形狀)哲虾,可以重疊或者并排元素(以倫敦地鐵圖圖為例)丙躏。

  • 盡可能使用較少的層。內(nèi)容越復雜束凑,所需的分層反而能少些晒旅。
  • 考慮把某些基本元素放在常規(guī)背景層,因為一個元素很難放在兩層里汪诉。
  • 盡量讓人以兩層之間的差別最大化敢朱。20%的灰度和30%的灰度河南讓人憤青。類似的摩瞎,在選擇顏色時不能忘記色弱的用戶拴签。
  • 對于相對重要的類別,使用明亮旗们、高飽和度的顏色蚓哩,可以讓它們在頁面上更加突出。
  • 對于同等重要的累唄上渴,里要你管感知分層技術岸梨,使用相同的亮度和大小,只是色調(diào)要有所區(qū)別(就像倫敦地鐵圖中的地鐵線路那樣)稠氮。
色標

適用于傳統(tǒng)含義的顏色:紅色對于華人而言是喜慶色曹阔,對西方人則有危險警示含義。
確保人們會花很長時間去學習和重復使用你的設計隔披,不然色標系統(tǒng)幾乎沒有意義赃份。

期望路徑

用戶行為不一定滿足你的預期規(guī)劃删掀,因此在設計時要多觀察多思考簡單的組織噪珊。

第六章 隱藏

核心策略:

* 隱藏一次性設計和選項
* 隱藏精確控制選項,但專家用戶必須能夠讓這些選項始終保持可连茧。
* 不可強迫或寄希望與主流用戶使用自定義功能鬓长,不過可以給專家提供這個選項谒拴。
* 巧妙地隱藏。換句話說涉波,首先是徹底隱藏英上,其次是適時出現(xiàn)炭序。
隱藏

隱藏部功能是一種低成本的方案,具體該隱藏哪些功能是需要思考的苍日。

不常用但不能少

適合隱藏的功能:主流用戶很少使用少态,但自身需要更新的功能。它們與用戶的目標沒有直接關系易遣,不會因人因地而異。

  • 事關細節(jié)(李儒嫌佑,對服務器進行配置或涉及電子郵件簽名)豆茫。
  • 選項和偏好(李儒,修改繪圖應用程序的單位屋摇,由英寸改為厘米)揩魂。
  • 特定于地區(qū)的信息(李儒,時間和日期等需要頻繁自動更新的信息)炮温。
自定義

自定義只適用于用戶展示自身的平臺(比如社交網(wǎng)絡)火脉,不然只有專家級用戶才會對各種各樣的功能了如指掌從而自定義。

自動定制

否決柒啤。(以Word為例)

  • 很難保證默認菜單的準確性倦挂。
  • 縮短菜單后,用戶需要把每個功能看兩遍才能確定-首先是看段菜單担巩,然后是再看長菜單方援。延長時間或多于的點擊只會增加用戶的反感。
  • 永不最終不知道去哪里找自己想用的命令涛癌,因為這些命令的位置有可能會變犯戏。
漸進展示

優(yōu)先顯示主流用戶關注的核心選項,并在正確的環(huán)境下給出針對期望功能的正確提示拳话。

階段展示

隨著用戶逐步深入界面而展示相應的功能先匪。

  • 需要注意恰當?shù)倪^度。
  • 合情的流程弃衍,好似講一個故事呀非。
  • 說用戶的語言,而非跟著實現(xiàn)模型的步驟去跑镜盯。
  • 把信息分成小塊顯示姜钳,且每個塊必須完成而又自成一體。
適時出現(xiàn)

在合適的時機和位置上顯示相應的功能形耗。(以紐約時報的劃選單詞出現(xiàn)問號點擊查詞為例)

提示與線索

采用適宜于專家的應邀探索設計模式哥桥,幫助他們探索和學習被隱藏的高級功能。(以AI左側的工具箱長按出現(xiàn)高級選項為例)

讓功能更容易找到

把功能放在用戶關注的地方激涤,不然哪怕變得再大用戶也看不到拟糕。

隱藏的要求

保證用戶在前進的過程中能夠遇到提示判呕。但不要阻擋他們的去路。

第七章 轉移

轉移

把正確的功能放到正確的平臺或者正確的系統(tǒng)組件中去送滞。

在設備之間轉移

利用不同設備平臺的優(yōu)勢侠草,顯示不同的信息。(以RunKeeper的應用記錄數(shù)據(jù)犁嗅、網(wǎng)站瀏覽數(shù)據(jù)為例)

移動平臺與桌面平臺
移動平臺 桌面平臺 / 筆記本
可以拍攝任何景物 只能拍到用戶 (通過網(wǎng)絡攝像頭)
輸入少量文本 輸入大量文本
很難加快數(shù)據(jù)傳輸速度 能適當加快數(shù)據(jù)傳輸速度
顯示少量信息 顯示大量信息
保存適量信息 保存大量信息
隨時隨地使用 只能坐下來使用
能夠精確識別位置和方向 只能在某種程度上標識位置
通過無線網(wǎng)絡連接到其它設備 通過有效和無線網(wǎng)絡連接到其它設備
向用戶轉移

把復雜性轉移給用戶边涕,而非界面或產(chǎn)品邏輯上。(用戶對自己設定的標準充滿掌控感褂微,卻不一定能理解其他人功蜓,或者系統(tǒng)預設的)

用戶最擅長做什么
計算機
設定目標和制定規(guī)劃 執(zhí)行程序
估算 精確計算
辨別信息 存儲和檢索信息
做圖表 復制
在包含少數(shù)項的列表中選擇 對大型列表牌序
做預算 度量
想象 交叉引用詳細信息

搞清楚把什么工作交給計算機,把什么工作留給用戶宠蚂。讓用戶指揮式撼,計算機操作,就會給人簡單的感覺求厕。

計算機
設定目標和制定規(guī)劃 執(zhí)行程序
估算 精確計算
辨別信息 存儲和檢索信息
做圖表 復制
在包含少數(shù)項的列表中選擇 對大型列表牌序
做預算 度量
想象 交叉引用詳細信息
創(chuàng)造開放式體驗

把相似的功能綁定到一起著隆。(以汽車后擋風玻璃的加熱電阻絲同樣作為收音機天線、亞馬遜零散的保存貨品呀癣、購物車為例)

菜刀與鋼琴

盡量減少僅適合中間用戶的便捷特性美浦。(以菜刀符合轉接和主流用戶的預期和需求為例)

非結構化數(shù)據(jù)

讓計算機負責完成數(shù)據(jù)的結構化工作。(以表單為例)

信任

相信用戶有能力去完成任務项栏,而非不斷地控制和指揮用戶抵代。讓用戶專注于選擇和指揮,讓計算機專注于存儲和計算忘嫉。

第八章 最后的叮囑

頑固的復雜性

復雜性不可能完全消除荤牍,需要介意的是到底應該把這個復雜性放到哪里。

細節(jié)

簡單需要細節(jié)來支撐庆冕。

簡單發(fā)生在用戶的頭腦中

不要讓你的設計干擾用戶的思緒康吵。簡單的設計能夠為用戶留出足夠的空間,他們會利用自己的生活來填充這些空間访递,從而創(chuàng)造出更豐富晦嵌、更有意義的體驗。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拷姿,一起剝皮案震驚了整個濱河市惭载,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌响巢,老刑警劉巖描滔,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異踪古,居然都是意外死亡含长,警方通過查閱死者的電腦和手機券腔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拘泞,“玉大人纷纫,你說我怎么就攤上這事∨汶纾” “怎么了辱魁?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長诗鸭。 經(jīng)常有香客問我染簇,道長,這世上最難降的妖魔是什么只泼? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮卵洗,結果婚禮上请唱,老公的妹妹穿的比我還像新娘。我一直安慰自己过蹂,他們只是感情好十绑,可當我...
    茶點故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著酷勺,像睡著了一般本橙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上脆诉,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天甚亭,我揣著相機與錄音,去河邊找鬼击胜。 笑死亏狰,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的偶摔。 我是一名探鬼主播暇唾,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼辰斋!你這毒婦竟也來了策州?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤宫仗,失蹤者是張志新(化名)和其女友劉穎够挂,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體藕夫,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡下硕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年丁逝,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片梭姓。...
    茶點故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡霜幼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出誉尖,到底是詐尸還是另有隱情罪既,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布铡恕,位于F島的核電站琢感,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏探熔。R本人自食惡果不足惜驹针,卻給世界環(huán)境...
    茶點故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望诀艰。 院中可真熱鬧柬甥,春花似錦、人聲如沸其垄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽绿满。三九已至臂外,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間喇颁,已是汗流浹背漏健。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留橘霎,地道東北人漾肮。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像茎毁,于是被迫代替她去往敵國和親克懊。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容