如何做好用戶體驗?

一、什么是用戶體驗?

用戶體驗就是人在使用產(chǎn)品或服務(wù)過程中的整體感受。

良好的用戶體驗就是讓用戶感覺得自然,在使用產(chǎn)品或者服務(wù)過程中沒有我不爽的地方。良好的用戶體驗就是讓用戶感覺不到體驗。

二、好的用戶體驗標(biāo)準(zhǔn)

1、系統(tǒng)可見性原則(可見性原則)

系統(tǒng)需要在合理的反應(yīng)時間內(nèi),通過恰當(dāng)?shù)姆答?,讓用戶知道?dāng)前的狀態(tài)。

1.1 讓用戶知道他們處在何處

對于一些頁面層級比較多,內(nèi)容比較豐富的網(wǎng)站或者軟件,比如電商類網(wǎng)站(淘寶網(wǎng),聚美優(yōu)品),讓用戶知道自己身在何處很有必要,不然用戶會迷失在你內(nèi)容的汪洋大海中。

同時對于新手用戶,他們必須知道自己身處的位置,從而避免自己迷失于軟件或者網(wǎng)站中。

pc端一般使用面包屑導(dǎo)航讓用戶知道自己當(dāng)前處在網(wǎng)站的什么地方,不會迷失。

APP軟件中一般用標(biāo)題欄中的標(biāo)題來告知用戶他當(dāng)前所處的位置。

1.2 讓用戶知道自己做了什么

人們總是需要知道他們的操作是否被系統(tǒng)獲知。因此,第一時間提供操作的反饋十分必要。

比如下面你點贊感謝作者或者取消感謝,系統(tǒng)會及時的給你反饋,讓你知道自己做了什么。

1.3 讓用戶知道系統(tǒng)正在做什么

前幾天裝一個軟件,一直沒有藍(lán)色的進度條反饋出來,我一度認(rèn)為電腦是不是卡機了,需不需要重啟,所以后臺系統(tǒng)狀態(tài)的及時反饋很重要。

這就需要我們在設(shè)計的時候,當(dāng)后臺正在運行的時候,也盡可能的為前端用戶提供系統(tǒng)的反饋,減少用戶的疑問和平緩用戶的焦躁情緒。

1.4 讓用戶知道系統(tǒng)做了什么

讓用戶知道他們的操作是否被系統(tǒng)所接受,需要盡可能給予相關(guān)的信息反饋,即便是沒有結(jié)果頁一樣。

比如注冊完成后提示注冊成功,緩存清除后提示緩存清除成功,這些都是屬于系統(tǒng)及時的反饋。

2、匹配系統(tǒng)與真實世界(環(huán)境貼切原則)

網(wǎng)頁的一切文案和表述,盡可能貼近用戶所處的環(huán)境(年齡、學(xué)歷、文化、時代背景),說的通俗點就是說人話。

2.1 使用用戶的語言

下圖圖一的文案你能看得懂么?估計非相關(guān)專業(yè)的技術(shù)人員無法看懂,蘋果的設(shè)計就比較好,不僅告訴你結(jié)果,而且告訴你原因。本身老年人對這種新技術(shù)就比較恐懼,你在出現(xiàn)這種技術(shù)語言,只會加深恐懼。

2.2 現(xiàn)實世界的隱喻

從現(xiàn)實世界借鑒設(shè)計元素,可以顯著降低用戶的認(rèn)知和學(xué)習(xí)困難,并增加他們的使用興趣。

比如360安全衛(wèi)士,有個立即體檢按鈕,現(xiàn)實世界中人要體檢,網(wǎng)絡(luò)世界中電腦也需要體檢。

2.3 現(xiàn)實世界的使用行為習(xí)慣

現(xiàn)實世界中,在超市中選好物品,放入購物車,然后去收銀臺結(jié)賬。淘寶只不過把這套流程搬到線上了,選好商品,加入購物車,點擊支付,查看訂單。

2.4 手勢操控

對于觸屏設(shè)備來說,如果被定義的操控手勢與人們在真實世界中所使用的手勢意義接近,那么這些手勢將非常利于記憶和學(xué)習(xí)。


比如拖動、滑動、縮小、放大,這些操控手勢正是由于借鑒了人們在日常生活中的手勢行為,才易于讓用戶掌握和記憶。相比之下,雙擊和常按的手勢操作就不便于人們學(xué)習(xí)。

3、用戶的控制性和自由度(撤銷重作原則)

流通的翻譯解釋為【用戶在操作的時候,經(jīng)常容易出錯,為了避免用戶的誤用和誤擊,需要給 用戶提供一個可以撤銷或重做的功能】這就比較狹隘了,用戶控制性和自由度指的是讓東西處在用戶可控制的范圍內(nèi),因為人對可控的東西有安全感,讓用戶可以在你的APP中自由的導(dǎo)航和切換操作。

3.1用戶可以撤銷重作

比如你在用office以及下圖這種畫圖軟件的時候可以撤銷重做,不會讓你因為一個錯誤的操作前功盡棄,微信的撤回也是遵從這個原則,用戶可以將想撤回的信息進行撤回。

3.2用戶可以自由的導(dǎo)航

導(dǎo)航可以讓用戶去自己想去的地方,強制更新就沒有讓用戶去自己想去的地方,如果你把圖二的返回按鈕去掉,用戶也沒法返回上一頁,也就無法自由的導(dǎo)航。

3.3用戶可以自由的控制任務(wù)流程

比如你使用微信語音,在60秒以內(nèi)你可以自由控制發(fā)送語音的時長,手指上滑可以取消發(fā)送。

3.4 用戶可以自由的退出

當(dāng)用戶看到自己不感興趣的內(nèi)容的時候,可以輕易的回到最初原點。

4、一致性和標(biāo)準(zhǔn)化(一致性原則)

用戶不應(yīng)當(dāng)因為同一件事物有不同的詞語,狀態(tài),和行為而產(chǎn)生疑惑,盡量遵照平臺的設(shè)計標(biāo)準(zhǔn)。

4.1 產(chǎn)品內(nèi)部的一致性

產(chǎn)品或者系統(tǒng)內(nèi)部的視覺和交互方式保持一致,會讓用戶對產(chǎn)品產(chǎn)生信賴感和控制感。比如B站app的閃屏,各個頁面?zhèn)兊脑O(shè)計,乃至icon們,都給用戶傳遞一種二次元動漫的feel。

4.2 迭代產(chǎn)品的一致性

同一個產(chǎn)品不同版本之間也需要盡量保持一致性,不然會讓老用戶面臨重新適應(yīng)的問題。除非產(chǎn)品的用戶體驗水平可以顯著提高,不然不要輕易改變原有的設(shè)計規(guī)范。

如果發(fā)生較大的更新這些都不得不改變時,也應(yīng)該重點突出來提醒用戶哪里發(fā)生了變化,讓用戶有心理準(zhǔn)備接受那些變化。否則當(dāng)用戶以原來的方式與軟件交流時卻沒有效果,用戶就會受挫。

4.3 業(yè)內(nèi)不同產(chǎn)品之間的一致性

不要輕易違反已經(jīng)成為業(yè)界標(biāo)準(zhǔn)的設(shè)計,否則將會給用戶帶來很大的重新學(xué)習(xí)困難。

比如首頁用這種小房子圖標(biāo),你非得用愛心圖標(biāo),用戶就會一臉懵逼。

5、預(yù)防出錯(防錯原則)

比顯示一條出錯信息更好的解決辦法就是通過精心設(shè)計讓問題在第一時間內(nèi)避免發(fā)生:消除和檢查出錯的隱患,并讓用戶在提交任務(wù)前進行確認(rèn)操作。

5.1 心里約束

心里約束是指通過利用人們在自然世界中的認(rèn)知和觀念來直覺的約束人們的行為。在人們的認(rèn)知中,有顏色的按鈕是可以點擊的,沒有顏色的按鈕是無法點擊的,所以在產(chǎn)品設(shè)計中,一般將不滿足使用條件的按鈕,讓它灰色顯示,處于禁用狀態(tài)。

5.2 清晰的提示

給予用戶清晰的提示,可以幫助用戶更好的確認(rèn)操作行為并且及時的發(fā)現(xiàn)操作的問題,從而降低用戶發(fā)生錯誤的幾率。

比如按鍵彈出式設(shè)計,就是為了解決因手指遮擋而產(chǎn)生打字錯誤的良好嘗試。

5.3 及時提示

當(dāng)用戶操作不當(dāng)?shù)臅r及時的給與用戶提示,及時的減少用戶犯錯。

下圖的注冊流程提示就很及時,當(dāng)失去焦點的時候直接提示,而不是在最后點擊立即注冊的時候才提示。

6、識別比記憶好(易取原則)

將功能和操作盡可能可視化,從而把用戶的記憶負(fù)擔(dān)降至最低,用戶不能一直處于記憶狀態(tài)。關(guān)于系統(tǒng)的使用說明應(yīng)該是可見的或者是容易獲取的。

6.1 功能的可見性

用戶不習(xí)慣也不善于發(fā)現(xiàn)隱藏的功能。

相比于微信朋友圈雙擊頭部區(qū)域回到頂部,大家之所以知道這個操作,是因為蘋果系統(tǒng)培養(yǎng)起來使用習(xí)慣。

相反圖二返回頂部的按鈕更能讓人們感知到返回頂部這個操作,而且返回頂部icon只有在你做出返回頂部這個操作的時候才會出現(xiàn),這就符合需要時才顯示的原則。

6.2 內(nèi)容的分組

認(rèn)知心理學(xué)有個理論,短時記憶7±2,也就是人的短時記憶只能記住5-9個東西。下圖放在一起和不放在一起,那個更好?雖然它們數(shù)量一樣,但是有分組更方便人們的記憶和操作。

6.3 圖標(biāo)+名字

常用的圖標(biāo)通常識別性很強,但是不要輕易的將圖標(biāo)的名字擦除,因為在大部分情況下,“圖標(biāo)+名字”給用戶帶來的認(rèn)知強度勝于它們各自單獨呈現(xiàn)的方式。尤其在圖標(biāo)有多個意思的時候,比如QQ附近的人用個地理位置圖標(biāo),這個圖標(biāo)放在其他APP,可能表示定位的意思。

6.4 預(yù)留線索

在界面設(shè)計中設(shè)置一些視覺線索,暗示用戶該如何操作。

比如今日頭條的底部圖片只展示一半,暗示用戶可以上拉加載更多。

7、使用的靈活高效(靈活高效原則)

系統(tǒng)需要同時適應(yīng)于經(jīng)驗豐富和缺乏經(jīng)驗的用戶。專家級用戶需要快捷的操作方式,但是新用戶卻并不需要知道,允許用戶對常用功能進行設(shè)置。

7.1 盡可能短的任務(wù)流程

試想兩個場景,來了一個電話,這個時候你找包,然后在一頓亂翻之后,拿到手機,電話已經(jīng)掛斷了。

另外一個場景,電話就在你的手中,來個電話你直接接聽,那個完成任務(wù)的可能性高。

每多一個步驟,就增加用戶完成任務(wù)的難度和提高用戶流失率。

7.2 盡可能少的頁面跳轉(zhuǎn)

在網(wǎng)站和手機系統(tǒng)當(dāng)中,提高使用效率還意味著盡可能減少頁面之間的跳轉(zhuǎn)。這樣可以減少用戶的學(xué)習(xí)難度,同時也可以降低用戶在系統(tǒng)中迷失的幾率。

比如微信的上傳圖片,如果讓你每次只能上傳一張圖片你要上傳好幾次,通過多選就有效的降低了頻繁的頁面跳轉(zhuǎn),優(yōu)化了用戶體驗

7.3 流暢的使用體驗

用戶喜歡流暢的使用體驗,不喜歡在使用過程中被打斷,就像你在打王者農(nóng)藥的時候,不想別人來電話一樣,因為系統(tǒng)不僅要聽命于用戶的操作,而且需要預(yù)測用戶下一步想要做什么。

所以下面彈框的這種強提示要慎用。


7.4 平衡專家用戶和大眾用戶

對于一些功能,在提供給專家用戶快捷操作的同時,也要照顧到普通用戶的使用需求。

在IOS系統(tǒng)中,專家用戶可以通過從右向左滑動來快速調(diào)出刪除按鈕,但這個操作十分隱蔽,不易被發(fā)現(xiàn)。因此對于新手用戶來說,IOS提供了一個相對復(fù)雜但是人人會用的方式:在菜單上點擊“選擇”,然后逐個選擇,再進行刪除。

8、審美和簡約的設(shè)計(易掃原則)

交互對話中并不需要無關(guān)或很少涉及的信息,任何多余的信息都將會影響到有用的信息并降低它們的可見性。

人的認(rèn)知負(fù)荷度都是有限的,所以只要展示你想讓用戶看到的信息,其他多余的信息都是噪音。

8.1 讓界面保持干凈簡潔

干凈簡潔的頁面讓人賞心悅目,易讀、易于導(dǎo)航,避免操作錯誤等等。這點對于手機界面來說尤為重要。

8.2 美就是好

人們都喜歡美的事物,美的東西給人一精神上面的享受,所以人們喜歡美好的事物。很多人買蘋果,除了系統(tǒng)好用以外,還有它的顏值。

9、幫助用戶識別,診斷,并從錯誤中恢復(fù)(容錯原則)

用簡單明確的語言解釋錯誤信息,精確的指出問題原因并提出建設(shè)性解決方案。

9.1 引起用戶的注意

當(dāng)錯誤發(fā)生時,提示信息一定要直觀醒目,文字需要簡單易懂。

比如下圖,在用戶購買金額不符合要求的時候,會用紅顏色的文字提示它,這樣比較醒目,同時文案盡量精簡易懂,不要冗長。


9.2 建設(shè)性意見

當(dāng)用戶遇到錯誤的時,盡可能提供有實質(zhì)意義的信息,比如:問題是什么?如何從錯誤中恢復(fù)?

比如有的登錄注冊頁面提示用戶名或密碼錯誤,那到底是用戶名錯誤還是密碼錯誤,還是兩個都錯了?

9.3 自動糾錯

如果系統(tǒng)能夠幫助用戶自動甄別錯誤并及時的進行修正,那將給用戶帶來極大的使用便利。

比如搜索王寶搶,百度自動幫我搜王寶強,并同時給你留一個搜王寶搶的入口。

10、幫助文檔(人性化幫助原則)

盡管系統(tǒng)能夠在脫離幫助文檔的情況下使用是一件非常好的事情,但提供相關(guān)的幫助和文檔仍然非常有必要。幫助信息應(yīng)當(dāng)易于查找、聚焦于用戶的使用任務(wù),列出使用步驟,并且信息量不能過大。

10.1 及時的幫助

在不需要的時候,用戶不喜歡被幫助信息所干擾;但是在需要的時候,用戶期望能夠馬上獲得相關(guān)幫助信息。因此,在用戶不熟悉的操作和信息周圍,可以預(yù)先設(shè)置好信息的提示和幫助。

比如APP的新手引導(dǎo)。

10.2 簡潔有效的幫助

給用戶提供的幫助要簡潔有效,人在需要幫助的時候心情都是急躁的,產(chǎn)品手冊式的幫助只能讓用戶罵娘。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容