@圍脖上的嘟嘟王子?:這是一本經(jīng)典之作,很多設(shè)計師都做過筆記,但流水賬一般羅列重點很容易被遺忘,我的筆記更多的是挑選一些重點、用現(xiàn)有的網(wǎng)站或APP來舉例解釋,幫助大家快速理解并記憶。
這本書的作者是Giles Colborne,他是一位有著二十多年經(jīng)驗的交互設(shè)計與可用性專家。
這本書用三個重點來概括:
- 為主流用戶而設(shè)計
- 簡約卻并不簡單
- 簡約四策略:合理刪除、分層組織、適時隱藏、巧妙轉(zhuǎn)移
接下來詳細分析一下這本書里的內(nèi)容
一,為主流用戶而設(shè)計
在本書中,根據(jù)用戶本身所屬的人群,將用戶分為三種類型:
- 隨意型用戶:可能使用過類似產(chǎn)品,使用新產(chǎn)品的意愿不強烈,除非你的產(chǎn)品足夠簡單,他們才愿意一試,這類用戶非常少,大約占20%
- 主流用戶:他們因為要完成某項任務(wù)而使用你的產(chǎn)品,他們會掌握一些重要功能,但卻永遠不會產(chǎn)生學(xué)會所有功能的想法。這一類用戶占多數(shù),大約70%
- 專家用戶:他們愿意花時間研究新產(chǎn)品,探索新功能,提出建議來改變。這一類用戶占少數(shù),大約10%
而在《About face 3交互設(shè)計精髓》一書中,根據(jù)用戶的體驗水平,將用戶分為:
- 新手用戶:顧名思義,剛接觸一個產(chǎn)品并不熟悉的用戶,所有用戶都從這里開始。
- 中間用戶:對產(chǎn)品已經(jīng)熟悉的用戶,僅使用重要功能,大多數(shù)用戶會停留在這個水平
- 專家用戶:對產(chǎn)品深入使用并有著高要求的用戶,少數(shù)用戶會成為專家用戶。
下圖展示了三種用戶的使用曲線(以輕頁網(wǎng)站為例)
更形象一點的舉例:例如滑雪者,新手用戶甚至不懂得如何使用滑雪板;而中間用戶能滑的很不錯,并經(jīng)常滑雪;而專家用戶希望有更刺激的垂直滑道、障礙滑道。
在一款產(chǎn)品中,新手用戶很快會成為中間用戶并停留在中間用戶,只有少數(shù)人想成為專家用戶,就像大多數(shù)人認為滑雪就是一項戶外娛樂,會玩即可,以成為滑雪高手為目標的人又有多少呢?
這兩種用戶劃分同樣正確,只是適用于產(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)在比較火的智能家居的例子吧:一款藍牙音樂燈,可以用APP來控制燈光顏色,播放音樂。我用的手機是iPhone,iOS對藍牙連接做了限制,就是在APP里面連接的藍牙可以控制燈光顏色,想要控制音樂播放,需要在手機設(shè)置里面去連接。也就是說需要用戶連接兩次藍牙。
APP的界面是這么做的,如下圖,給了兩個步驟提示:
而用戶是怎么操作的呢,我根本沒看提示,直接點擊激活燈控,結(jié)果是我連接上APP里的燈光控制藍牙,音樂藍牙沒連上,我的藍牙音樂燈不會唱歌,我好方...
其實更好的交互流程應(yīng)該是:
1、進入APP鏈接控制藍牙,先讓用戶可以控制燈光;
2、播放音樂時提示去手機設(shè)置中連接控制音樂的藍牙,在用戶需要的時候適時提示。
簡單不是粘在用戶界面上的裝飾,提示語就像說明書一樣,用戶會自動忽略,而開發(fā)者還在那里意淫:我已經(jīng)費盡心機像你解釋了,這都看不懂,你是不是傻。
粘在頁面上裝飾好做,但按照用戶的心理模型來設(shè)計卻需要更動腦子。別讓用戶思考,簡約卻不簡單,想做到這一點,還需要更加努力。
2、在簡單的基礎(chǔ)上,依然要具有自身的特征和個性
無印良品設(shè)計師-深澤直人的設(shè)計就非常簡約,比如下面這把傘,就是在傘柄處打個槽,這是什么鬼設(shè)計!
很多人看到這個設(shè)計是時候會這么想,但是當(dāng)你看第二遍或者是真的用到它的時候,你會驚訝說為什么會有人在如此細微的地方做了改變,而且這種改變卻產(chǎn)生了巨大的使用好感度。
三,四個策略
所謂的簡約四策略指的是:刪除、組織、隱藏、轉(zhuǎn)移
以大家深惡痛絕的遙控器舉例,講真,我家的遙控器,我到現(xiàn)在都沒弄明白,下圖為普通遙控器和小米遙控器,你更喜歡哪個?我家里的遙控器和左邊這個遙控器一樣,防錯設(shè)計做的非常差,經(jīng)歷過好多次不知道按了哪里,又怎么回來的窘境,我再也不敢亂按上面的按鈕了。而小米遙控器充分運用了簡約四策略,簡直是遙控器界的救星,最少的按鈕,永遠能返回主頁的home鍵,大大減輕了用戶使用過程中的心理負擔(dān)。
刪除:去掉所有不必要的按鈕,直至減到不能再減
組織:按照有意義的標準將按鈕劃分成組
隱藏:把那些不是最重要的按鈕隱藏,避免分散用戶的注意力
轉(zhuǎn)移:只在遙控器上保留最具基本功能的按鈕,將其他控制轉(zhuǎn)移到電視屏幕的菜單里,從而將復(fù)雜性從遙控器上轉(zhuǎn)移到電視上
簡約四策略 —— 刪除
1、簡化設(shè)計最明顯的方式,就是刪除不必要的功能
傳統(tǒng)觀點認為功能多的產(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)期的周邊提醒,比如安全期、危險期、什么時候減肥效果好這些功能,這些才是美柚的核心功能。現(xiàn)在的美柚,新手用戶打開都不知道這個APP是用來做什么的,滿屏充斥著廣告宣傳、她她圈社區(qū)和柚子街商城,我理解一個APP想做成大平臺的商業(yè)野心,但把握一個度很重要。
美柚的新功能大部分用戶不關(guān)心,也不會使用,只關(guān)心記錄功能的改進。希望美柚不要在商業(yè)利益中丟失自己的核心功能。PS:我好想換一個純凈一點的大姨媽助手,求推薦。
4、砍掉殘缺功能
問題絕非“為什么要去掉它”,而是多問問自己“為什么要留著它”,砍掉那些不重要,卻不完整的功能,反而能節(jié)省成本、提升用戶體驗
5、不要猜測用戶的心理,去觀察用戶
一群人圍在會議室的桌子旁邊討論“假如用戶需要...” 與其在這里想當(dāng)然,不如去觀察用戶來的實際
6、要傾聽用戶的意見,但絕不能盲從
這點和設(shè)計師要懂心理學(xué)不謀而合,人永遠想要更多,即使那不是他們真正會用到的,最好在現(xiàn)場觀察用戶如何使用你的產(chǎn)品,酌情采信客戶事后說的話,比如他們事后回想的產(chǎn)品使用經(jīng)驗。
7、方案、不是流程
這點需要引入《About face 3交互設(shè)計精髓》一書中的三個概念:
以上圖為例
- 實現(xiàn)模型:程序用代碼來實現(xiàn)的細節(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)遠遠超越了大眾媒體廣告。消費者在選擇之前都會聽聽其他用戶的意見。因此,強調(diào)不必要的功能,提高核心功能可用性,要強過無意義的堆砌功能。
9. 刪除一項功能、對不同的用戶有不同的影響
想要取悅所有用戶是不可能的,因此我們只能退而求其次,專注于目標客戶的核心任務(wù),只要讓他們滿意就可以了。
10. 去掉分散用戶注意力的元素,減輕用戶負擔(dān),讓用戶專心去做自己想做的事
- 刪除沒人會看的文字,比如銀行名稱下面的口號
- 簡化布局,刪除二面右側(cè)的垂直邊欄,讓用戶容易清楚哪些重要,哪些不重要。
- 去掉重復(fù)的鏈接
- 精簡按鈕和鏈接的樣式,讓人容易區(qū)分哪些可以點擊,哪些不能點擊
- 減少廣告位數(shù)量,讓目標明確的用戶不至于被這些內(nèi)容分心,例如,UI中國對廣告位進行了視覺優(yōu)化,將廣告位作為一個作品顯示在頁面上,與干擾用戶視線的大彈窗相比,這是個不錯的主意。
去掉分散用戶注意力的元素,如分割內(nèi)容的線條和橫在頁面上的黃色背景條,從而減少視覺上的干擾。
11. 選擇有限,用戶反而更歡喜
作者舉了一個賣果醬的例子,發(fā)現(xiàn)提供的24種口味時,銷售業(yè)績反倒變差了;只提供6種口味時,銷售業(yè)績卻上升了。多次類似實現(xiàn)發(fā)現(xiàn):在為用戶提供少量選擇的情況下,用戶購買的可能性要大于為他們提供大量選擇的情況。
12. 聰明的默認值
這個到處可見,團購APP上當(dāng)你選擇美食時默認離你最近的排序在前;登陸一個網(wǎng)站時默認了你之前輸入的賬戶名和密碼;看視頻時,默認推薦我愛看的分類...這些聰明的默認值,節(jié)省了用戶的時間和精力,提升了用戶的好感度。
13. 消除錯誤是簡化用戶體驗的一個方面
作者舉了一個查詢銀行對賬單的例子,即使書里作為案列特別強調(diào),這個直到今天依舊是痛點。如下圖,招商銀行的APP體驗已經(jīng)高出其他銀行太多(中國銀行的APP根本不能用,導(dǎo)致我根本不想辦理中國銀行的卡),但是在細節(jié)體驗方面還是比互聯(lián)網(wǎng)公司的APP查很多。比如這個交易查詢,需要用戶自己輸入日期,日期格式輸入錯誤了會提示你,只能查詢一年內(nèi)的交易,因此當(dāng)你輸入的日期跨度超過一年會提示你,當(dāng)你輸入了未來的時間還會提示你,好像在說:我已經(jīng)這么貼心了,你還輸錯,你是不是傻。
而支付寶也只能查詢最近5個月的賬單,因此只提供了這幾個月的月份選擇,完全沒有那些亂七八糟的提示。
細節(jié)決定用戶體驗的成敗,招商銀行還得跟支付寶多多學(xué)習(xí)呀!
14.刪減過多會讓用戶感覺失去了控制
作者用東京蘋果店里的電梯來舉例:電梯中沒有任何按鈕,默認在賣場四層樓中每一層都會停一下,這個設(shè)計精簡到了極致,但卻并沒有給用戶簡單的感覺,只有迷茫、沮喪、無助。
用戶刪除了一個關(guān)鍵因素:操控裝置。而用戶需要和享受這種控制感,一旦失控,用戶會會非常焦慮。
簡約四策略 —— 組織?
1、組織往往是簡化設(shè)計的最快捷方式
正如《設(shè)計師要懂心理學(xué)》中所講的那樣:既然人會不由自主的尋找規(guī)律,那就盡量多使用規(guī)律,利用分組和間隔創(chuàng)造規(guī)律。這樣的例子非常多,京東上電器、服裝、美妝、海淘等分類、APP中的Tab標簽分類等等隨處可見,是我們需要掌握的基礎(chǔ)技能
2、如何組織
- 可以圍繞用戶行為進行組織,比如人們?nèi)コ写蟛少彆r,往往會先購買小件商品,最后花費大量的時間和精力來挑選大件商品,你見到過哪個超市把大家電全都放在超市入口位置嗎?當(dāng)然促銷活動除外。
- 按照字母表進行組織,字母表雖然看起來簡單,但卻并不都適合。
- 按照格式(文字、圖片、視頻)進行組織
- 按照時間和空間進行組織,比如運動APP按照時間來進行運動分析,酒店網(wǎng)站按照:前臺、餐廳、臥室等來分類,方便用戶查看每個空間
- 按照大小和位置來組織
- 按照層級來組織
- 按照色標來組織當(dāng)然,組織方法還有很多很多...
3、人們并不總是走你為他們鋪好的路徑
之前住的地方,穿過橋洞后,路旁有一大片綠化帶和草地,我居住的小區(qū)就在草地對面,如果要按照城市規(guī)劃的正常路線,我要順著這條路繞很遠才能到達對面,但是如果我按照人們已經(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、讓用戶自己定義成功
就如菜刀,從未下廚的新手,也能切出像樣的土豆片;作為主流用戶的家庭主婦能用它處理食材;而那些作為專家的大廚,則可以精準控制,快速切絲,雕刻花樣等等。同樣一把刀,用戶群體不同,目標不同,但同樣達到了想要的結(jié)果,同樣成功了。
讓用戶定義自己的成功很重要,我們要做的,就是為他提供一個簡單的工具,讓他們能自由發(fā)揮想象力,最終版他們實現(xiàn)目標。
5、非結(jié)構(gòu)化數(shù)據(jù)
系統(tǒng)要求用戶輸入信息:2016-04-06,當(dāng)你少輸入一個數(shù)字或者輸入錯誤時,就會提示你。向用戶轉(zhuǎn)移用在這里并不合適,用戶非常反感強制性的做法。如果你能僅僅讓用戶輸入:明天,本周五,七天后這些字符便能識別,用戶一定更為愉悅
記得最開始使用siri的時,凌晨一點多,我想讓Siri明上八點叫醒我,我們的對話是這樣的:
我:明天早上8點喊我起床
Siri:對不起,我沒有聽懂(Siri不識別喊我起床這幾個字)
我:明天早上8點叫醒我
Siri:您說的是11號早上8點,還是12號早上八點?(因為已經(jīng)凌晨了,我習(xí)慣性的說了明天早上)
最后我嫌麻煩,索性自己手動設(shè)置鬧鐘了。
現(xiàn)在的siri的語音識別已經(jīng)大有提高,也能自動識別中國人的時間習(xí)慣,凌晨說明天早上8點叫醒,Siri已經(jīng)自動默認是今天了。
讓用戶少思考,讓計算機完成數(shù)據(jù)的結(jié)構(gòu)化工作,用戶體驗就會簡單多了。
這本書就記錄到這里了,非常薄的一本書,但是內(nèi)容卻非常多,還是建議大家買來仔細閱讀。 最后,歡迎大家關(guān)注我的微信公眾號,會持續(xù)更新噠!
歡迎大家關(guān)注我的我的微信號:交互筆記,不定期更新。
【了解偉大企業(yè)的歷史變遷】
“不作惡”企業(yè)谷歌的首頁變遷史
《生日快樂!那些年我們用過的谷歌首頁》設(shè)計的趨勢從此可見一斑!
《漲姿勢!從蘋果官網(wǎng)細看20年設(shè)計變遷史》連邀請函都有濃濃的設(shè)計范兒!
《向經(jīng)典致敬!帶你看十年來蘋果發(fā)布會的邀請函》
【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計微博:擁有粉絲量112萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
標志設(shè)計標準教程
已累計誕生 729 位幸運星
發(fā)表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓