提升用戶體驗(yàn)舒適度的核心設(shè)計(jì)原則
設(shè)計(jì)清晰簡(jiǎn)明的用戶體驗(yàn)流程、盡可能地降低用戶操作成本,就能夠給用戶提供舒適的體驗(yàn)。在本篇文章中作者解釋了什么是用戶體驗(yàn),并且介紹了自己歸納總結(jié)的七點(diǎn)提升用戶體驗(yàn)舒適度的核心設(shè)計(jì)原則。一起來看吧。
筆者的設(shè)計(jì)守則之一:從不默認(rèn)用戶是聰明人,才能依此去設(shè)計(jì)清晰簡(jiǎn)明的用戶體驗(yàn)流程,及盡可能地降低用戶操作成本,提供舒適的體驗(yàn)。
從今天打開瑞幸的界面說起,它是這樣子的:
所以我在這個(gè)基礎(chǔ)上做了優(yōu)化的一版文案:
當(dāng)用戶暫無消費(fèi)時(shí)—— " 你本周還沒有購買任何商品哦,消費(fèi) 5 件即分 500 萬現(xiàn)金 "
當(dāng)用戶有消費(fèi)而數(shù)量不足 5 時(shí)—— " 你本周已購 x 件商品,再消費(fèi) {5-x} 件即分 500 萬現(xiàn)金 "
當(dāng)用戶消費(fèi)數(shù)量大于等于 5 時(shí)—— " 你本周已購 5 件商品,周一即分 500 萬現(xiàn)金 "(該條應(yīng)僅在周一前出現(xiàn)一次,周一當(dāng)天出現(xiàn)一次)
為什么這樣做呢?就要談?wù)勎业囊恍┙?jīng)驗(yàn)了。
二、什么是用戶體驗(yàn)?
首先,對(duì)于用戶體驗(yàn),我的理解是用戶使用產(chǎn)品時(shí)直觀的感受,好用 / 好上手 / 愉悅 / 苦惱 / 氣憤等都算。
其次,什么叫舒適的用戶體驗(yàn)?我認(rèn)為是用戶使用的過程中沒有覺得不舒服。我總結(jié)的使用中不舒服的感受包括但不限于:
我在哪里?我怎么回去剛剛的地方?
我找不到我要的功能。
這里是個(gè)按鈕嗎?能點(diǎn)嗎?
我剛好像點(diǎn)了一個(gè)按鈕,但我不知道是哪個(gè)了。
我剛好像保存了,我保存了嗎?
為什么眼前出現(xiàn)了奇怪的東西?
為什么我都填完了全部的信息才告訴我不能提交?不早說?
關(guān)于第 2 條,以 Safari 為例,我找瀏覽器設(shè)置的時(shí)候,Mac 官網(wǎng)的指導(dǎo)說明是 " 從 Safari 里選擇偏好設(shè)置即可 ",但視野可及之處都看不到這個(gè)按鈕在哪里。最后發(fā)現(xiàn)要先從上方邊框處點(diǎn)擊右鍵,從彈出菜單里選擇工具欄,再把設(shè)置從工具欄里拖出來,才可以用。本來一步能完成的事情變成了四步,且它真的很難找。
關(guān)于第 7 條,點(diǎn)名批評(píng)菜鳥裹裹。春節(jié)期間我從小程序里寄件的時(shí)候,填完了全部的信息之后才收到彈窗說春節(jié)期間沒人取件。那你們?yōu)槭裁床辉谝婚_始就彈窗這條信息呢?
三、用戶體驗(yàn)的設(shè)計(jì)原則
綜上問題,我歸納了一些設(shè)計(jì)中使用的原則。
最核心的是,用戶不是聰明人,用戶不會(huì)主動(dòng)做推理,用戶也很懶,因此務(wù)必提供明確的信息,讓用戶清楚他上一步在干嘛,現(xiàn)在在干嘛,下一步要干嘛。我給這條原則的命名是," 不要逼我思考 "
具體到實(shí)踐中,拆分如下:
1. 明確用戶可以執(zhí)行的操作
可以點(diǎn)的地方,要明確這里是可以點(diǎn)的??梢岳檬髽?biāo)懸停時(shí)的小手標(biāo)志,或按鈕顏色的變化。不能點(diǎn)擊的地方,或用戶沒有權(quán)限使用的地方,就通過置灰等形式示意這里是禁用的。
2. 明確在操作中的對(duì)象
用戶選中的對(duì)象,要明確告知這里是被選中的。不要想當(dāng)然地認(rèn)為他自己選的就一定知道哪個(gè)是自己選的,用戶很健忘??梢杂脴邮阶兓c其他未選中的部分區(qū)別開。
3. 提醒執(zhí)行過的操作
用戶做過的操作,一般要設(shè)置提醒。比如剛剛保存了什么什么文件,那么可以彈窗或者彈文字提示,保存成功之類的。
4. 盡可能減少操作步驟,縮短用戶路徑
能用兩步完成的事就不要設(shè)置成三步。比如上一條中設(shè)了彈窗,而這個(gè)彈窗不需要用戶反饋什么,那就可以做成 2s 后自動(dòng)消失的,不然用戶還要多點(diǎn)一下來關(guān)閉,就肯定提高了使用成本。當(dāng)你不確定用什么樣式時(shí),可以試試比較每一種樣式下用戶的操作步驟數(shù)量。
5. 盡可能使用通俗的語言
用戶不都是程序員或者 PM,不是所有人都看得懂 404,也不是所有人都能理解代碼中的序列是從 0 開始而不是 1。因此給到用戶的各類文案提示,都要使用通俗易懂的表達(dá)方式,例如上面說過的瑞幸的彈窗。
6. 盡可能地簡(jiǎn)潔
不要把所有內(nèi)容都加粗放大加顏色再閃啊閃啊,當(dāng)你突出了所有內(nèi)容的時(shí)候,就等于什么內(nèi)容都沒突出。所以當(dāng)頁面上信息過多時(shí),用戶其實(shí)一條信息也看不見。例如拼多多的秒殺區(qū)
有些同行可能覺得老幾樣沒什么意思,熱衷于創(chuàng)造新的輪子。但形式只是輔助完成目的的工具,它永遠(yuǎn)不是目的本身。
另外的小 tips,在自己完成了一版設(shè)計(jì)后,嘗試把自己置于完全小白的用戶角度去使用你的產(chǎn)品,看看是否有困擾的地方出現(xiàn),以保證產(chǎn)品的易用性。如果轉(zhuǎn)換視角有難度,它也確實(shí)有難度,可以找不熟悉自己工作的朋友幫忙試用一下,這方法很快也有很效。
四、總結(jié)
最后總結(jié)也是強(qiáng)調(diào),設(shè)計(jì)時(shí)應(yīng)秉著不聰明用戶的基本原則,去考慮怎樣給他最清楚明了的信息,讓對(duì)方一眼就知道他在干什么,或者去考慮怎樣在他第一眼就抓到他的注意力。
在這個(gè)過程中,要試著盡可能清空自己的腦袋,從小白的角度去體會(huì)第一眼的感受,把這個(gè)感受記錄下來并做分析,你的產(chǎn)品體驗(yàn)舒適度就一定不會(huì)差。
作者:一個(gè)圓圈兒
本文由 @一個(gè)數(shù)據(jù)人的自留地 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來自 Unsplash,基于 CC0 協(xié)議
本文僅代表作者觀點(diǎn),版權(quán)歸原創(chuàng)者所有,如需轉(zhuǎn)載請(qǐng)?jiān)谖闹凶⒚鱽碓醇白髡呙帧?/p>
免責(zé)聲明:本文系轉(zhuǎn)載編輯文章,僅作分享之用。如分享內(nèi)容、圖片侵犯到您的版權(quán)或非授權(quán)發(fā)布,請(qǐng)及時(shí)與我們聯(lián)系進(jìn)行審核處理或刪除,您可以發(fā)送材料至郵箱:service@tojoy.com






