設(shè)計師讀書筆記連載系列之簡約至上

設(shè)計師讀書筆記連載系列之簡約至上郵件群發(fā)這是一本經(jīng)典之作，很多設(shè)計師都做過筆記，但流水賬一般羅列重點很容易被遺忘，我的筆記更多的是挑選一些重點、用現(xiàn)有的網(wǎng)站或APP來舉例解釋，幫助大家快速理解并記憶。這本書的作者是GilesColborne，他是一位有著二十多年經(jīng)驗的交互設(shè)計與可用性專家。這本書用三個重點來概括：為主流用戶而設(shè)計簡約卻并不簡單簡約四策略：合理刪除、分層組織、適時隱藏、巧妙轉(zhuǎn)移接下來詳細(xì)分析一下這本書里的內(nèi)容一，為主流用戶而設(shè)計在本書中，根據(jù)用戶本身所屬的人群，將用戶分為三種類型：隨意型用戶：可能使用過類似產(chǎn)品，使用新產(chǎn)品的意愿不強烈，除非你的產(chǎn)品足夠簡單，他們才愿意一試，這類用戶非常少，大約占20%主流用戶：他們因為要完成某項任務(wù)而使用你的產(chǎn)品，他們會掌握一些重要功能，但卻永遠(yuǎn)不會產(chǎn)生學(xué)會所有功能的想法。這一類用戶占多數(shù)，大約70%專家用戶：他們愿意花時間研究新產(chǎn)品，探索新功能，提出建議來改變。這一類用戶占少數(shù)，大約10%而在《Aboutface3交互設(shè)計精髓》一書中，根據(jù)用戶的體驗水平，將用戶分為：新手用戶：顧名思義，剛接觸一個產(chǎn)品并不熟悉的用戶，所有用戶都從這里開始。中間用戶：對產(chǎn)品已經(jīng)熟悉的用戶，僅使用重要功能，大多數(shù)用戶會停留在這個水平專家用戶：對產(chǎn)品深入使用并有著高要求的用戶，少數(shù)用戶會成為專家用戶。下圖展示了三種用戶的使用曲線(以輕頁網(wǎng)站為例)更形象一點的舉例：例如滑雪者，新手用戶甚至不懂得如何使用滑雪板;而中間用戶能滑的很不錯，并經(jīng)?；?而專家用戶希望有更刺激的垂直滑道、障礙滑道。在一款產(chǎn)品中，新手用戶很快會成為中間用戶并停留在中間用戶，只有少數(shù)人想成為專家用戶，就像大多數(shù)人認(rèn)為滑雪就是一項戶外娛樂，會玩即可，以成為滑雪高手為目標(biāo)的人又有多少呢?這兩種用戶劃分同樣正確，只是適用于產(chǎn)品的不同階段，比如當(dāng)你還在做產(chǎn)品調(diào)研的時候，你應(yīng)該研究你的主流用戶是那些;而在用戶使用產(chǎn)品之后，你應(yīng)該研究如何讓你的新手用戶更快成為中間用戶、以及如何為中間用戶優(yōu)化產(chǎn)品;至于專家用戶，忽略就可以了?？傊?，為主流用戶而設(shè)計，為中間用戶而優(yōu)化。二，簡約而不簡單1、簡單不是粘在用戶界面上的裝飾關(guān)于這點，舉一個現(xiàn)在比較火的智能家居的例子吧：一款藍(lán)牙音樂燈，可以用APP來控制燈光顏色，播放音樂。我用的手機是iPhone，iOS對藍(lán)牙連接做了限制，就是在APP里面連接的藍(lán)牙可以控制燈光顏色，想要控制音樂播放，需要在手機設(shè)置里面去連接。也就是說需要用戶連接兩次藍(lán)牙。APP的界面是這么做的，如下圖，給了兩個步驟提示：而用戶是怎么操作的呢，我根本沒看提示，直接點擊激活燈控，結(jié)果是我連接上APP里的燈光控制藍(lán)牙，音樂藍(lán)牙沒連上，我的藍(lán)牙音樂燈不會唱歌，我好方…其實更好的交互流程應(yīng)該是：1、進入APP鏈接控制藍(lán)牙，先讓用戶可以控制燈光;2、播放音樂時提示去手機設(shè)置中連接控制音樂的藍(lán)牙，在用戶需要的時候適時提示。簡單不是粘在用戶界面上的裝飾，提示語就像說明書一樣，用戶會自動忽略，而開發(fā)者還在那里意淫：我已經(jīng)費盡心機像你解釋了，這都看不懂，你是不是傻。粘在頁面上裝飾好做，但按照用戶的心理模型來設(shè)計卻需要更動腦子。別讓用戶思考，簡約卻不簡單，想做到這一點，還需要更加努力。2、在簡單的基礎(chǔ)上，依然要具有自身的特征和個性無印良品設(shè)計師-深澤直人的設(shè)計就非常簡約，比如下面這把傘，就是在傘柄處打個槽，這是什么鬼設(shè)計!很多人看到這個設(shè)計是時候會這么想，但是當(dāng)你看第二遍或者是真的用到它的時候，你會驚訝說為什么會有人在如此細(xì)微的地方做了改變，而且這種改變卻產(chǎn)生了巨大的使用好感度。三，四個策略所謂的簡約四策略指的是：刪除、組織、隱藏、轉(zhuǎn)移以大家深惡痛絕的遙控器舉例，講真，我家的遙控器，我到現(xiàn)在都沒弄明白，下圖為普通遙控器和小米遙控器，你更喜歡哪個?我家里的遙控器和左邊這個遙控器一樣，防錯設(shè)計做的非常差，經(jīng)歷過好多次不知道按了哪里，又怎么回來的窘境，我再也不敢亂按上面的按鈕了。而小米遙控器充分運用了簡約四策略，簡直是遙控器界的救星，最少的按鈕，永遠(yuǎn)能返回主頁的home鍵，大大減輕了用戶使用過程中的心理負(fù)擔(dān)。刪除：去掉所有不必要的按鈕，直至減到不能再減組織：按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組隱藏：把那些不是最重要的按鈕隱藏，避免分散用戶的注意力轉(zhuǎn)移：只在遙控器上保留最具基本功能的按鈕，將其他控制轉(zhuǎn)移到電視屏幕的菜單里，從而將復(fù)雜性從遙控器上轉(zhuǎn)移到電視上簡約四策略——刪除1、簡化設(shè)計最明顯的方式，就是刪除不必要的功能傳統(tǒng)觀點認(rèn)為功能多的產(chǎn)品會打敗功能少的產(chǎn)品，但實際上那些全能產(chǎn)品的一部分功能用戶極少使用或者從未使用。如果你已經(jīng)失去了做全能產(chǎn)品的先機，或者團隊實力不足以支撐龐大的產(chǎn)品，精分領(lǐng)域，注重產(chǎn)品的深度會讓你的產(chǎn)品更快脫穎而出。例如淘寶已經(jīng)做大，京東卻從電器突圍，聚美在美妝領(lǐng)域分得一杯羹，而小紅書專注海淘…2、避免錯刪之前在智能硬件團隊里的時候，公司計劃做一款情景燈，將燈光顏色與音樂節(jié)奏相結(jié)合，概念聽上去很贊是不是，但由于技術(shù)實現(xiàn)上耗時太長，領(lǐng)導(dǎo)拍板把情景模式的功能刪除，美名其曰小步快跑、我們要先打入市場，等第二階段再實現(xiàn)情景功能。這樣做的結(jié)果是得到了一個毫無特色的產(chǎn)品，和競品沒有什么區(qū)別，用戶根本不買賬。3、關(guān)注核心功能，與新功能相比，客戶更關(guān)注基本功能的改進關(guān)于這點，想吐槽一下美柚，作為一個女性大姨媽助手，大部分用戶只關(guān)心記錄經(jīng)期以及圍繞經(jīng)期的周邊提醒，比如安全期、危險期、什么時候減肥效果好這些功能，這些才是美柚的核心功能?，F(xiàn)在的美柚，新手用戶打開都不知道這個APP是用來做什么的，滿屏充斥著廣告宣傳、她她圈社區(qū)和柚子街商城，我理解一個APP想做成大平臺的商業(yè)野心，但把握一個度很重要。美柚的新功能大部分用戶不關(guān)心，也不會使用，只關(guān)心記錄功能的改進。希望美柚不要在商業(yè)利益中丟失自己的核心功能。PS：我好想換一個純凈一點的大姨媽助手，求推薦。4、砍掉殘缺功能問題絕非“為什么要去掉它”，而是多問問自己“為什么要留著它”，砍掉那些不重要，卻不完整的功能，反而能節(jié)省成本、提升用戶體驗5、不要猜測用戶的心理，去觀察用戶一群人圍在會議室的桌子旁邊討論“假如用戶需要…”與其在這里想當(dāng)然，不如去觀察用戶來的實際6、要傾聽用戶的意見，但絕不能盲從這點和設(shè)計師要懂心理學(xué)不謀而合，人永遠(yuǎn)想要更多，即使那不是他們真正會用到的，最好在現(xiàn)場觀察用戶如何使用你的產(chǎn)品，酌情采信客戶事后說的話，比如他們事后回想的產(chǎn)品使用經(jīng)驗。7、方案、不是流程這點需要引入《Aboutface3交互設(shè)計精髓》一書中的三個概念：以上圖為例實現(xiàn)模型：程序用代碼來實現(xiàn)的細(xì)節(jié)就是實現(xiàn)模型。就像古人計時，用沙漏來計時，需要有專人來看著沙漏，不斷顛倒，古人計時也真是辛苦。表現(xiàn)模型：設(shè)計者如何將程序的功能展現(xiàn)給用戶的方式，就是表現(xiàn)模型。就像機械手表，已經(jīng)比沙漏計時要簡單多了，但是人們要讀懂它，還是需要耗費一定時間。心理模型：用戶清晰的看到結(jié)果，而不需要理解程序的內(nèi)部運作，就是用戶的心理模型。就像電子手表一樣，直接而確切的時間就是用戶想要的。用戶想要的是方案，而不是流程。就像用戶只需要確切時間，而不需要你告訴他時間是怎么計算的。8.用戶更重視功能的可用性測試證明，沒有試用過產(chǎn)品的用戶喜歡功能多的產(chǎn)品，但當(dāng)他們真正使用了產(chǎn)品以后，與他們的偏好就會改變，轉(zhuǎn)為重視功能的可用性。而在信息發(fā)達的今天，口碑、用戶評論、個人推薦以及產(chǎn)品試用的重要性已經(jīng)遠(yuǎn)遠(yuǎn)超越了大眾媒體廣告。消費者在選擇之前都會聽聽其他用戶的意見。因此，強調(diào)不必要的功能，提高核心功能可用性，要強過無意義的堆砌功能。9.刪除一項功能、對不同的用戶有不同的影響想要取悅所有用戶是不可能的，因此我們只能退而求其次，專注于目標(biāo)客戶的核心任務(wù)，只要讓他們滿意就可以了。10.去掉分散用戶注意力的元素，減輕用戶負(fù)擔(dān)，讓用戶專心去做自己想做的事刪除沒人會看的文字，比如銀行名稱下面的口號簡化布局，刪除二面右側(cè)的垂直邊欄，讓用戶容易清楚哪些重要，哪些不重要。去掉重復(fù)的鏈接精簡按鈕和鏈接的樣式，讓人容易區(qū)分哪些可以點擊，哪些不能點擊減少廣告位數(shù)量，讓目標(biāo)明確的用戶不至于被這些內(nèi)容分心，例如，UI中國對廣告位進行了視覺優(yōu)化，將廣告位作為一個作品顯示在頁面上，與干擾用戶視線的大彈窗相比，這是個不錯的主意。去掉分散用戶注意力的元素，如分割內(nèi)容的線條和橫在頁面上的黃色背景條，從而減少視覺上的干擾。11.選擇有限，用戶反而更歡喜作者舉了一個賣果醬的例子，發(fā)現(xiàn)提供的24種口味時，銷售業(yè)績反倒變差了;只提供6種口味時，銷售業(yè)績卻上升了。多次類似實現(xiàn)發(fā)現(xiàn)：在為用戶提供少量選擇的情況下，用戶購買的可能性要大于為他們提供大量選擇的情況。12.聰明的默認(rèn)值這個到處可見，團購APP上當(dāng)你選擇美食時默認(rèn)離你最近的排序在前;登陸一個網(wǎng)站時默認(rèn)了你之前輸入的賬戶名和密碼;看視頻時，默認(rèn)推薦我愛看的分類…這些聰明的默認(rèn)值，節(jié)省了用戶的時間和精力，提升了用戶的好感度。13.消除錯誤是簡化用戶體驗的一個方面作者舉了一個查詢銀行對賬單的例子，即使書里作為案列特別強調(diào)，這個直到今天依舊是痛點。如下圖，招商銀行的APP體驗已經(jīng)高出其他銀行太多(中國銀行的APP根本不能用，導(dǎo)致我根本不想辦理中國銀行的卡)，但是在細(xì)節(jié)體驗方面還是比互聯(lián)網(wǎng)公司的APP查很多。比如這個交易查詢，需要用戶自己輸入日期，日期格式輸入錯誤了會提示你，只能查詢一年內(nèi)的交易，因此當(dāng)你輸入的日期跨度超過一年會提示你，當(dāng)你輸入了未來的時間還會提示你，好像在說：我已經(jīng)這么貼心了，你還輸錯，你是不是傻。而支付寶也只能查詢最近5個月的賬單，因此只提供了這幾個月的月份選擇，完全沒有那些亂七八糟的提示。細(xì)節(jié)決定用戶體驗的成敗，招商銀行還得跟支付寶多多學(xué)習(xí)呀!作者用東京蘋果店里的電梯來舉例：電梯中沒有任何按鈕，默認(rèn)在賣場四層樓中每一層都會停一下，這個設(shè)計精簡到了極致，但卻并沒有給用戶簡單的感覺，只有迷茫、沮喪、無助。用戶刪除了一個關(guān)鍵因素：操控裝置。而用戶需要和享受這種控制感，一旦失控，用戶會會非常焦慮。簡約四策略——組織1、組織往往是簡化設(shè)計的最快捷方式正如《設(shè)計師要懂心理學(xué)》中所講的那樣：既然人會不由自主的尋找規(guī)律，那就盡量多使用規(guī)律，利用分組和間隔創(chuàng)造規(guī)律。這樣的例子非常多，京東上電器、服裝、美妝、海淘等分類、APP中的Tab標(biāo)簽分類等等隨處可見，是我們需要掌握的基礎(chǔ)技能2、如何組織可以圍繞用戶行為進行組織，比如人們?nèi)コ写蟛少彆r，往往會先購買小件商品，最后花費大量的時間和精力來挑選大件商品，你見到過哪個超市把大家電全都放在超市入口位置嗎?當(dāng)然促銷活動除外。按照字母表進行組織，字母表雖然看起來簡單，但卻并不都適合。按照格式(文字、圖片、視頻)進行組織按照時間和空間進行組織，比如運動APP按照時間來進行運動分析，酒店網(wǎng)站按照：前臺、餐廳、臥室等來分類，方便用戶查看每個空間按照大小和位置來組織按照層級來組織按照色標(biāo)來組織當(dāng)然，組織方法還有很多很多…3、人們并不總是走你為他們鋪好的路徑之前住的地方，穿過橋洞后，路旁有一大片綠化帶和草地，我居住的小區(qū)就在草地對面，如果要按照城市規(guī)劃的正常路線，我要順著這條路繞很遠(yuǎn)才能到達對面，但是如果我按照人們已經(jīng)踩出來的那條光禿禿的小路來走的話，走不了一百米我就到家了。但是深圳的城市規(guī)劃還是非常貼心的，很快這條小路就被鋪好了。國外一個設(shè)計師在設(shè)計公園的時候，沒有修建任何路徑，讓人們在草坪上隨意踩，過了一段時間之后，發(fā)現(xiàn)草坪上的路已經(jīng)非常明顯，設(shè)計師按照人們踩好的路修路徑，事實證明，這非常符合用戶的期望。因此，在做設(shè)計的時候，多觀察用戶進入網(wǎng)站后先瀏覽哪里，之后又點擊了哪里，是否和你的設(shè)計相符。簡約四策略——隱藏1、隱藏什么？隱藏部分功能，是一種低成本的方案，但是，到底該隱藏哪些功能呢?不常用但不能少的功能，比如個性化設(shè)置不會經(jīng)常改變，因此非常適合隱藏自定義功能，主流用戶往往不會在這上面花時間，可以進行隱藏漸進展示可以隱藏，比如團購APP上僅展示大分類，比如美食、然后把美食下面的廣東菜、川菜、茶餐廳這些選項隱藏在里面階段展示可以隱藏，隨著用戶逐步深入界面而展示相應(yīng)的功能。2、適時出現(xiàn)，且能讓用戶輕松找到比如在QQ上長按文字才會出現(xiàn)復(fù)制、轉(zhuǎn)發(fā)等選項;微信朋友圈點擊別人的評論才能回復(fù)簡約四策略——轉(zhuǎn)移為什么不把一些按鈕精簡掉，讓屏幕菜單取而代之呢?小米遙控器就是一個很好的例子。1、在設(shè)備之間轉(zhuǎn)移移動平臺和PC平臺都有自己的長處和不足，比如今天的移動設(shè)備非常適合記錄用戶的所見所聞和移動路線，但通過它輸入大量的文字則非常不便。不過技術(shù)在不斷進步，也許移動設(shè)備以后也會擅長2、向用戶轉(zhuǎn)移如下圖，我經(jīng)常會在淘寶收藏很多商品，有的是自己超級喜歡想買的，有的卻是有待考慮的，收藏的多了，翻找就會變得麻煩。因此我會把它們從收藏夾中拿出來放到我的清單里，方便以后購買。購物APP很難明白用戶對一件商品的需求有多大，這時候把難題丟給用戶反倒是一個好主意，用戶往往也會享受這種挑選、分類的樂趣。3、讓用戶指揮，計算機操作，就會給人簡單的感覺讓用戶感覺簡單的一個重要前提，就是先搞清楚把什么工作交給計算機，把什么工作留給用戶。4、讓用戶自己定