邊讀邊思考|簡約至上

簡約至上—交互設(shè)計(jì)四策略

豆瓣評(píng)分8.4

作者:Giles Colborne

《簡約至上》分析了產(chǎn)品設(shè)計(jì)的四大策略,即:刪除、組織鹏溯、隱藏及轉(zhuǎn)移系冗。作者在書中運(yùn)用了大量的例子來進(jìn)一步闡述這四大策略。

思維導(dǎo)圖版


文字版

第一章 話說簡單

1.關(guān)于簡單的故事

由打印機(jī)操作變簡單的故事引入將工作變得簡單

2.簡單的威力

flip簡單便攜绢记,索尼和松下功能繁雜扁达,結(jié)果flip完勝。推出簡單易用的產(chǎn)品更受歡迎蠢熄。

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

夸耀效用原理:人們喜歡自己被包圍在不必要的功能中跪解,所以人們是易受復(fù)雜功能的產(chǎn)品吸引的,但用戶的胃口變化極快签孔,功能太多叉讥,不易發(fā)現(xiàn)對(duì)用戶最具價(jià)值的功能窘行。維護(hù)產(chǎn)品的成本也越來越高,因?yàn)閺?fù)雜性图仓,用戶也難找到自己真正需要的功能

4.不是那種簡單法

應(yīng)考慮大多數(shù)用戶的體驗(yàn)

5.特征

簡單不等于最少罐盔,而是樸素的設(shè)計(jì)兼自身特色和個(gè)性。這里的特色指要讓用戶一眼識(shí)別出和別人的差異救崔。

6.貌似簡單

熱衷于做表面文章的人惶看,永遠(yuǎn)不可能創(chuàng)造出簡單的用戶體驗(yàn)。

7.了解你自己

要搞清楚簡化用戶體驗(yàn)將會(huì)如何影響方程式中的每一項(xiàng)六孵。然后將改變排出先后次序纬黎。比較好的做法是對(duì)每一項(xiàng)改變的重要性,可行性做出評(píng)估劫窒。此評(píng)估將成為簡化的充足理由本今。

第二章 明確認(rèn)識(shí)

1.描述要點(diǎn)的2種方式

用一句話寫出“我要設(shè)計(jì)什么,遵循什么設(shè)計(jì)規(guī)則”-適合小設(shè)計(jì)

描述我希望用戶擁有什么體驗(yàn)主巍,即描述用戶使用的場(chǎng)景诈泼,滿足用戶需求-適合大設(shè)計(jì)

2.走出辦公室

在真實(shí)的環(huán)境中觀察用戶的行為和偏好,用戶體驗(yàn)是否簡約必須要在紛亂煤禽,多變的環(huán)境中才能考察出來铐达。

3.觀察什么

在家里,公司檬果,戶外瓮孙,有哪些干擾影響使用你的軟件而設(shè)計(jì)要扛得住這些干擾。如來電話选脊,新郵件杭抠,陽光太強(qiáng)烈,移動(dòng)的速度恳啥,網(wǎng)速偏灿,設(shè)備太大...

4.三種用戶

專家型:愿意探索產(chǎn)品,給出各種建議

隨意型用戶:有興趣使用更復(fù)雜產(chǎn)品钝的,但除非足夠簡單翁垂,否則不認(rèn)新功能

主流用戶:僅能掌握一些重要的功能,不會(huì)主動(dòng)學(xué)習(xí)所有的功能硝桩。

注:用戶標(biāo)簽多年基本不會(huì)改變沿猜。

5.為什么應(yīng)該忽略專家型用戶

因?yàn)閷<倚筒皇侵髁饔脩簦坏┞爮耐爰梗銜?huì)讓主流用戶感到復(fù)雜啼肩,不好用

6.為主流用戶而設(shè)計(jì)

7.主流用戶想要什么

主流用戶感興趣的是立即把工作做完

易操控最有價(jià)值而不是精確操控

得到靠譜結(jié)果而不是完美

只要合適而不是精確匹配

想看示例,故事而不是原理

注:主流用戶在面臨壓力時(shí),會(huì)回到初學(xué)者層次祈坠,忘記已掌握的知識(shí)害碾,對(duì)說明書視而不見。

8.感情需求

理解感情需求赦拘,能夠幫助掌握設(shè)計(jì)重點(diǎn)

9.簡單意味著控制

用戶希望自己能掌控自己使用的技術(shù)慌随,而專家想控制,定制技術(shù)另绩。

用戶想讓自己容易迅速儒陨,可靠掌握

設(shè)計(jì)應(yīng)放大這種感覺

10.正確選擇“什么”

要以用戶的視角描述行為

11.描述用戶體驗(yàn)

用簡單的語言把核心體驗(yàn)用故事方式表達(dá)出來。

12.講故事

簡單的故事易被記住笋籽,易被傳播

情景易被套用在其他情境

表演出來蹦漠,而不是講

要真實(shí)

多訓(xùn)練,反復(fù)對(duì)別人講车海,再修改

13.環(huán)境笛园,角色,情節(jié)

可信的環(huán)境(故事里的“時(shí)間”和”地點(diǎn)“)

可信的角色(誰和為什么)侍芝、

流暢的情節(jié)(什么和怎么樣)

注:設(shè)計(jì)應(yīng)與你的故事完美契合

14.極端的可用性

簡單到能適應(yīng)極端條件

15.簡便的方式

和別人講述研铆,別人的反應(yīng)是最真實(shí)的反饋。

16.洞察力

回顧素材州叠,將對(duì)用戶影響最大的放在前面

從故事中尋找突破口

把設(shè)計(jì)要點(diǎn)按照先后次序排列出來

驗(yàn)證見解

17.明確認(rèn)識(shí)

不要匆忙著手設(shè)計(jì)棵红,理解核心問題需要時(shí)間

18.分享

與別人分享你的認(rèn)識(shí),讓最核心的理念隨處可見咧栗,使它成為人們時(shí)刻不忘的追求逆甜。

第三章 簡約四策略

1.簡化遙控器

2.遙控器

3.四個(gè)策略

刪除:去掉所有不必要的按鈕,減到不能再簡

組織:按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組

隱藏:把不是最重要的按鈕隱藏致板,避免分散注意力

轉(zhuǎn)移:只在遙控器上保留最基本的按鈕交煞,將其他控制轉(zhuǎn)移到電視上的菜單

第四章 刪除

1.刪除

傳統(tǒng)觀念認(rèn)為,功能越多斟或,能力越強(qiáng)素征,然而如:kindle等更重功能的深度,而不是廣度萝挤。做的事雖然少御毅,卻比競(jìng)爭產(chǎn)品做的更好。

刪除雜亂的特性能使設(shè)計(jì)師更專注把核心問題解決好

2.避免錯(cuò)刪

不能因?yàn)楣δ軐?shí)現(xiàn)難而刪平斩,應(yīng)保留下真正有價(jià)值的功能和內(nèi)容亚享。

3.關(guān)注核心

與新增功能相比,用戶更關(guān)注基本功能的改進(jìn)绘面。

4.砍掉殘缺功能

不能因?yàn)椤サ羰且环N浪費(fèi)“而抓住殘缺功能不放

5.假如用戶...

假如...只會(huì)刺激人們求全的心理,擔(dān)心漏了什么需求,為了寄托這份擔(dān)憂揭璃,就要有人為此付出時(shí)間精力晚凿,金錢。

應(yīng)常問:用戶真的經(jīng)常這樣么瘦馍?若幾乎木有歼秽,請(qǐng)果斷放棄,不要再”假如“了情组。

6.但我們的用戶想要

不要因?yàn)橛脩粢缶驮黾庸δ茉锟辍?yīng)做逆向工程,因?yàn)橛脩舨粫?huì)考慮增加一個(gè)功能可能對(duì)其他功能的影響院崇,應(yīng)拿出一個(gè)能滿足用戶需求的替代品肆氓。

7.方案,不是流程

集中注意力在客戶目的上底瓣,問自己:還有其他解決方案嘛谢揪?

8.如果功能不是必要的

用戶使用產(chǎn)品之前,更重視功能多的捐凭,試用后更重視可用性拨扶。今天口碑,用戶評(píng)論比任何時(shí)期都重要茁肠。所以一定要痛下決心患民,砍掉不必要的功能。

9.真的有影響嗎

可以做個(gè)模型來明確用戶真正關(guān)心的功能垦梆,從而探知?jiǎng)h掉某個(gè)功能的影響匹颤。

10.排定功能優(yōu)先級(jí)

確定用戶想達(dá)到的目的,排定優(yōu)先次序

專注找到能完全滿足最高級(jí)的需求解決方案

確定用戶使用過程中常見的干擾源奶赔,并按功能實(shí)現(xiàn)的難易程度再排次序惋嚎。

時(shí)刻明確滿足主流用戶而不是專家

11.負(fù)擔(dān)

去掉那些可有可無的選項(xiàng),內(nèi)容站刑,分散注意力的玩意兒另伍,可以減輕用戶負(fù)擔(dān)。

12.決策

給用戶的選擇太多了绞旅。選擇就會(huì)成為負(fù)擔(dān)摆尝。

13.分心

互聯(lián)網(wǎng)可以使得分心的太多了,鏈接就是最常見的一種

14.聰明的默認(rèn)值

指符合大多數(shù)人口味的選擇因悲。通過分析客戶信息可以得到

熱門文檔堕汞,頭條新聞

類似項(xiàng),瀏覽過這個(gè)產(chǎn)品的用戶還看過

個(gè)性化信息晃琳,使用你的地址自動(dòng)填寫表格

共同的選擇讯检,如果用戶多數(shù)為中國人琐鲁,可把中國放在列表最前面

最近保存的文檔

恢復(fù)狀態(tài),繼續(xù)從游戲的第三關(guān)開始玩起

15.選項(xiàng)和首選項(xiàng)

請(qǐng)用戶來測(cè)試人灼,而不是糾結(jié)或者拍腦袋

16.如果一個(gè)選項(xiàng)還嫌多

主流用戶希望围段,快點(diǎn),夠好就行投放。而專家才愿意等待奈泪。不能為了追求完美而犧牲了速度和簡單。

17.錯(cuò)誤

用戶在糾正錯(cuò)誤的時(shí)候灸芳,總會(huì)分散注意力涝桅。消除錯(cuò)誤是簡化體驗(yàn)的重要思路

18.視覺混亂

使用空白或輕微背景色劃分頁面

少用強(qiáng)調(diào),加粗就可以了

不要超過3個(gè)層次:標(biāo)題烙样,子標(biāo)題冯遂,正文

減少元素變化

最好使用統(tǒng)一的一種按鈕樣式

19.刪減文字

20.精簡句子

21.刪減過多

人們都希望自己能控制局面。所以不能刪除重要信息

22.你能做到

說服大型組織團(tuán)隊(duì)重新設(shè)計(jì)網(wǎng)站误阻。

23.焦點(diǎn)

干掉分散注意力的因素债蜜,聚焦于項(xiàng)目。

第五章 組織

1.組織

只強(qiáng)調(diào)一兩個(gè)最重要的主題

2.分塊

分成7個(gè)塊左右究反,大腦瞬間記住的最大數(shù)目

3.圍繞行為進(jìn)行組織

盡全力讓流程與用戶心中的操作步驟一致寻定。

4.是非分明

多找一些用戶,詢問分類標(biāo)準(zhǔn)精耐,確定清晰的界限

最簡單的分類通常是指重復(fù)交叉最少的分類方法狼速。

5.字母表與格式

字母表經(jīng)常會(huì)把事情搞亂

6.搜索

無論是設(shè)計(jì)還是使用,搜索都比瀏覽困難的多卦停,比如google也是經(jīng)過了復(fù)雜算法處理向胡,才能匹配好關(guān)鍵詞。

7.時(shí)間和空間

對(duì)持續(xù)時(shí)間相差不大的活動(dòng)惊完,用時(shí)間來組織活動(dòng)僵芹。

對(duì)國家,酒店等可以按空間組織小槐。

8.網(wǎng)格

利用不可見的網(wǎng)格來對(duì)齊界面元素拇派,是吸引用戶注意力的有效方式。

9.大小和位置

如果一個(gè)元素的重要性為1/2凿跳,大小就做成1/4

對(duì)于觸屏用戶而言件豌,應(yīng)用的導(dǎo)航按鈕放在屏幕底部,操作時(shí)就不會(huì)遮擋屏幕控嗜。而放在左右側(cè)茧彤,對(duì)習(xí)慣左右手的人而言,都會(huì)是麻煩疆栏。

10.分層

感知分層技術(shù)曾掂,用不同的顏色惫谤,灰色陰影,大小縮放遭殉,形狀變化等方式把一些元素放在另一些元素上方石挂,或者并排博助。比如錯(cuò)綜復(fù)雜的地鐵線路

11.色標(biāo)

12.期望路徑

描述用戶使用路徑時(shí)险污,不要沉迷于自己設(shè)想的完美布局和流程。人們不是總走你為他們鋪好的路富岳。

第六章 隱藏

1.隱藏

把功能隱藏在滑動(dòng)面板下蛔糯,使得用戶不會(huì)因不常用的功能而分散注意力。

2.不常用但不能少

事關(guān)細(xì)節(jié)

選項(xiàng)和偏好

特定于地區(qū)的信息

比如設(shè)置

3.自定義

主流用戶更愿意展示自己的個(gè)性而不是重新設(shè)計(jì)界面

自定義需要很簡單

4.自動(dòng)定制

因?yàn)椴淮嬖谕昝浪惴ń咽剑钥赡芊炊菇缑娓訌?fù)雜

5.漸進(jìn)展示

核心功能加擴(kuò)展功能蚁飒,可以盡量同時(shí)兼顧主流用戶和專家用戶

6.階段展示

隨著用戶逐步深入界面而展示更復(fù)雜的功能。循序漸進(jìn)

學(xué)會(huì)講故事

使用術(shù)語要給出解釋

突出重點(diǎn)

描述一個(gè)場(chǎng)景

將大模塊分為小信息塊

7.適時(shí)出現(xiàn)

在你需要時(shí)出現(xiàn)在合適的位置

8.提示與線索

如何提示用戶被隱藏的功能

9.讓功能更容易找到

標(biāo)簽放在哪里比做的有多大重要的多萝喘。

用戶首先會(huì)掃視整個(gè)屏幕淮逻,而專注于一個(gè)任務(wù)時(shí)就會(huì)聚焦。所以標(biāo)簽應(yīng)該放在用戶關(guān)注的區(qū)域阁簸。

10.隱藏的要求

隱藏一次性設(shè)計(jì)和選項(xiàng)

隱藏精確選項(xiàng)爬早,但專家用戶可使其可見

不強(qiáng)迫或寄希望于主流用戶使用自定義

徹底隱藏再適時(shí)出現(xiàn)

第7章 轉(zhuǎn)移

1.在設(shè)備之間轉(zhuǎn)移

如用手機(jī)記錄跑步數(shù)據(jù),顯示簡單摘要启妹,用網(wǎng)站顯示詳細(xì)數(shù)據(jù)

2.移動(dòng)平臺(tái)和桌面平臺(tái)

手機(jī)適合記錄筛严,但輸入大量文字卻很難。

3.向用戶轉(zhuǎn)移

簡單的界面使得復(fù)雜性分?jǐn)偨o了用戶饶米。

4.用戶最擅長做什么桨啃?

把計(jì)算,統(tǒng)計(jì)檬输,記憶等電腦擅長的留給計(jì)算機(jī)

把設(shè)定計(jì)劃等留給用戶

5.創(chuàng)造開放式體驗(yàn)

讓一個(gè)組件實(shí)現(xiàn)多種功能

6.菜刀與鋼琴

開放性界面能盡量滿足專家和主流用戶的預(yù)期和需求照瘾。

7.非結(jié)構(gòu)化數(shù)據(jù)

不要讓用戶填寫結(jié)構(gòu)化表單,應(yīng)該讓計(jì)算機(jī)識(shí)別并轉(zhuǎn)化用戶的數(shù)據(jù)為結(jié)構(gòu)化丧慈。

8.信任

信任用戶可以選擇和指揮計(jì)算機(jī)析命,讓用戶參與測(cè)試原型。

第八章 最后的叮囑

1.頑固的復(fù)雜性

復(fù)雜性一定存在伊滋,關(guān)鍵是把復(fù)雜性放在哪里碳却?

2.細(xì)節(jié)

解決看似微不足道的細(xì)節(jié)問題,可能熄滅成千上萬的用戶投訴笑旺。

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

?簡單的設(shè)計(jì)能為用戶提供足夠的想象力昼浦。

原創(chuàng)聲明:本文章為原創(chuàng),未經(jīng)許可筒主,不可轉(zhuǎn)載关噪。

?

福利

在我的微信公眾號(hào)后臺(tái)回復(fù)“簡約至上”鸟蟹,可免費(fèi)下載《簡約至上》電子書。

微信公眾號(hào):AI筆記?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末使兔,一起剝皮案震驚了整個(gè)濱河市建钥,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌虐沥,老刑警劉巖熊经,帶你破解...
    沈念sama閱讀 216,744評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異欲险,居然都是意外死亡镐依,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門天试,熙熙樓的掌柜王于貴愁眉苦臉地迎上來槐壳,“玉大人,你說我怎么就攤上這事喜每∥裉疲” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵带兜,是天一觀的道長枫笛。 經(jīng)常有香客問我,道長鞋真,這世上最難降的妖魔是什么崇堰? 我笑而不...
    開封第一講書人閱讀 58,242評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮涩咖,結(jié)果婚禮上海诲,老公的妹妹穿的比我還像新娘。我一直安慰自己檩互,他們只是感情好特幔,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評(píng)論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著闸昨,像睡著了一般蚯斯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上饵较,一...
    開封第一講書人閱讀 51,215評(píng)論 1 299
  • 那天拍嵌,我揣著相機(jī)與錄音,去河邊找鬼循诉。 笑死横辆,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的茄猫。 我是一名探鬼主播狈蚤,決...
    沈念sama閱讀 40,096評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼困肩,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了脆侮?” 一聲冷哼從身側(cè)響起锌畸,我...
    開封第一講書人閱讀 38,939評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎靖避,沒想到半個(gè)月后潭枣,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡筋蓖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評(píng)論 2 333
  • 正文 我和宋清朗相戀三年卸耘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片粘咖。...
    茶點(diǎn)故事閱讀 39,745評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖侈百,靈堂內(nèi)的尸體忽然破棺而出瓮下,到底是詐尸還是另有隱情,我是刑警寧澤钝域,帶...
    沈念sama閱讀 35,448評(píng)論 5 344
  • 正文 年R本政府宣布讽坏,位于F島的核電站,受9級(jí)特大地震影響例证,放射性物質(zhì)發(fā)生泄漏路呜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評(píng)論 3 327
  • 文/蒙蒙 一织咧、第九天 我趴在偏房一處隱蔽的房頂上張望胀葱。 院中可真熱鬧,春花似錦笙蒙、人聲如沸抵屿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽轧葛。三九已至,卻和暖如春艇搀,著一層夾襖步出監(jiān)牢的瞬間尿扯,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評(píng)論 1 269
  • 我被黑心中介騙來泰國打工焰雕, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留衷笋,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,776評(píng)論 2 369
  • 正文 我出身青樓淀散,卻偏偏與公主長得像右莱,于是被迫代替她去往敵國和親蚜锨。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評(píng)論 2 354

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

  • 作者依托二十多年的交互式設(shè)計(jì)的探索和實(shí)踐,提出了合理刪除晨抡、分層組織氛悬、適時(shí)隱藏和巧妙轉(zhuǎn)移這四個(gè)簡約至上的終極策略,講...
    2tackle閱讀 622評(píng)論 2 1
  • 內(nèi)容簡介 本書介紹交互式設(shè)計(jì)的技術(shù)與技巧耘柱,講述如何從目標(biāo)用戶的需求和期望出發(fā)如捅,結(jié)合人類本身的心理特征和行為特點(diǎn),用...
    少穻閱讀 396評(píng)論 0 3
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,085評(píng)論 25 707
  • @[tools|flatbuffers|opensource] 概述### Google在今年6月份發(fā)布了跨平臺(tái)序...
    drybeans閱讀 40,433評(píng)論 2 23
  • 墨云重重调煎,坐看江山洗秋雨镜遣。執(zhí)刀慢磨,刃明映燭火士袄。 了卻心事悲关,草起片語書,汝知否娄柳?落葉掃過寓辱,諸念散北風(fēng)。
    清澗騷人閱讀 295評(píng)論 0 0