編輯導(dǎo)語(yǔ)：產(chǎn)品在設(shè)計(jì)過(guò)程中需要站在用戶的角度看待問(wèn)題，一定程度上保障用戶的使用體驗(yàn)，進(jìn)而才能推動(dòng)后續(xù)用戶的留存、甚至轉(zhuǎn)化。那么，若想在交互層上提升用戶體驗(yàn)，應(yīng)該注意哪些事項(xiàng)？本文作者就對(duì)該問(wèn)題做了闡述，一起來(lái)看一下。

俗話說(shuō)，知己知彼百戰(zhàn)百勝，提高用戶體驗(yàn)，才能贏得消費(fèi)者的信賴。那怎么提升用戶體驗(yàn)?zāi)?，掌握交互?guī)則是前提，了解用戶心理是保障。以下這些提升產(chǎn)品體驗(yàn)的設(shè)計(jì)，你一定不能錯(cuò)過(guò)。

一、文案的力量

文案是用戶與界面交互的重要渠道，許多設(shè)計(jì)師會(huì)將需求方的文案，直接粘貼到設(shè)計(jì)中。

實(shí)際上，設(shè)計(jì)師對(duì)于文案也是可以設(shè)計(jì)的，它能夠幫助用戶更好理解產(chǎn)品服務(wù)，與用戶產(chǎn)生共鳴。針對(duì)文案的設(shè)計(jì)，常規(guī)的我就不說(shuō)了，以下是我認(rèn)為最容易混淆概念也最容易犯錯(cuò)的兩點(diǎn)心得。

1. 分場(chǎng)景的簡(jiǎn)潔、清晰

現(xiàn)在產(chǎn)品講究的是高效，就像張小龍所說(shuō)的“用完即走”，所以我理解大多數(shù)情況下文案的描述不應(yīng)該給用戶臃腫感覺(jué)，簡(jiǎn)潔且闡明要義，用完即走，我們?cè)谠O(shè)計(jì)文案時(shí)候省略不需要的詞匯，保證文案可通暢地指導(dǎo)用戶完成操作，即可。

我說(shuō)的這些，我相信大家都能夠理解，不過(guò)我的主要目的并不是這個(gè)，我想講這種“簡(jiǎn)潔”也要分場(chǎng)景去考慮，比如某個(gè)打車軟件的彈窗場(chǎng)景中，并不是文案越短越好。

文案做到簡(jiǎn)潔清晰后，還要注意文案的表述是否準(zhǔn)確有效，也就是文字表達(dá)要精準(zhǔn)，不能因?yàn)楹?jiǎn)潔而丟失了關(guān)鍵信息。

比如下面這個(gè)案例，我不可否認(rèn)左面的案例看起來(lái)更加有效率，但是文案過(guò)于簡(jiǎn)單會(huì)引起用戶的異議，因?yàn)椤叭∠痹谶@個(gè)場(chǎng)景下也代表取消訂單的意思，所以在簡(jiǎn)潔的同時(shí)，清晰、準(zhǔn)確地傳達(dá)信息更加重要。

2. 提供解決辦法才是王道

我們很難保證用戶在使用產(chǎn)品中不會(huì)出現(xiàn)問(wèn)題，當(dāng)出現(xiàn)問(wèn)題時(shí)候我們應(yīng)該給予用戶解決的辦法，而不是直白地告訴用戶問(wèn)題出在哪里，因?yàn)橹挥斜ＷC用戶順利地完成一系列操作，達(dá)成自己的目標(biāo)，我們的產(chǎn)品才能真正留住用戶，才算是滿足了用戶需求。

并且，在一些比較復(fù)雜或者是與交易金額有關(guān)的場(chǎng)景中，我建議除了把問(wèn)題標(biāo)紅之外，還可以使用這種氣泡彈窗的形式給予用戶更加明確的幫助。比如下面這個(gè)案例，不僅僅是告訴用戶“不要輸入字符”，還應(yīng)當(dāng)告訴用戶應(yīng)該輸入什么類型的文案才能算是正確填寫信息。

二、準(zhǔn)確勝于一切

1. 有文案的標(biāo)簽更容易理解

在我們的界面中，圖標(biāo)隨處可見(jiàn)，并且是一個(gè)非常重要的視覺(jué)表達(dá)要素。圖標(biāo)的本質(zhì)意義在于用圖形語(yǔ)言傳達(dá)給用戶信息。

我不否認(rèn)在tab欄的圖標(biāo)加入文案就是絕對(duì)正確的，市場(chǎng)上還有很多產(chǎn)品也是去掉文案只用圖標(biāo)展示的。

但是你打開(kāi)手機(jī)的應(yīng)用，會(huì)發(fā)現(xiàn)很多日活過(guò)億的產(chǎn)品，都是在圖標(biāo)下面加了文案，比如淘寶，不僅在圖標(biāo)下面加了文案，并且還會(huì)在旁邊注明當(dāng)前的狀態(tài)，抖音更是圖標(biāo)都省了，直接上文案。

2. 設(shè)計(jì)可點(diǎn)擊區(qū)域的尺寸

準(zhǔn)確除了信息傳達(dá)的準(zhǔn)確之外，還有另外一層的意思就是操作準(zhǔn)確，因?yàn)閁I設(shè)計(jì)師最開(kāi)始的載體是PC臺(tái)式機(jī)器，進(jìn)行操作一般都是由鼠標(biāo)完成，但是現(xiàn)在是移動(dòng)互聯(lián)網(wǎng)時(shí)代，很多交互操作都是由用戶的手指去完成。

基于用戶（人）的手指大小不同、移動(dòng)設(shè)備的屏幕尺寸大小也是五花八門，所以我們?cè)跒橐苿?dòng)設(shè)備設(shè)計(jì)時(shí)，應(yīng)該考慮到手指可點(diǎn)擊區(qū)域足夠大，以便用戶的手指能夠成功點(diǎn)擊，確保用戶的操作是流暢的。以下是我關(guān)于移動(dòng)端常用的點(diǎn)擊區(qū)域的尺寸規(guī)范，大家應(yīng)該牢記：

• 蘋果規(guī)范：適用于 iOS 的 44 x 44PT。
• 谷歌規(guī)范：48 x 48dp 適用于 Android。

三、直接一點(diǎn)沒(méi)什么不好

1. 直接告知用戶下一步將發(fā)生什么

我們?cè)谠O(shè)計(jì)某些不可逆轉(zhuǎn)后果的操作的場(chǎng)景，例如永久地刪除某些數(shù)據(jù)內(nèi)容前，應(yīng)該明確告知用戶您目前進(jìn)行的操作的后果是什么，甚至用紅色的按鈕做設(shè)計(jì)都不為過(guò)。

這樣設(shè)計(jì)的目的，就是直接告知用戶下一步將要發(fā)生什么，尤其是工具類或者表格場(chǎng)景填寫信息的場(chǎng)景，如果不明確告知用戶后果，用戶失望的心態(tài)將無(wú)法彌補(bǔ)，畢竟誰(shuí)都不愿意把工作重新再做一遍。

2. 加載狀態(tài)展示當(dāng)前狀態(tài)

盡管我們的產(chǎn)品的硬件配置一直在更新，但并不能保證在處理大量數(shù)據(jù)時(shí)不會(huì)出現(xiàn)卡頓現(xiàn)象，所以說(shuō)系統(tǒng)狀態(tài)可見(jiàn)性是做UI設(shè)計(jì)不可忽視的一項(xiàng)原則。

一般情況下，在系統(tǒng)響應(yīng)時(shí)間不超過(guò)1秒的情況下，通常正常反饋即可。在響應(yīng)時(shí)間大于1秒的情況下，會(huì)采取加載的方式來(lái)緩解用戶的焦慮；如果在10秒鐘內(nèi)沒(méi)有回應(yīng)，則會(huì)被視為該請(qǐng)求失敗，需要給用戶失敗提示以及解決方法。比如：加載失敗的提示、請(qǐng)重試刷新頁(yè)面的按鈕。

不要讓用戶去猜測(cè)目前產(chǎn)品的狀態(tài)，而是應(yīng)當(dāng)快速地傳達(dá)給用戶產(chǎn)品目前當(dāng)前的狀態(tài)，這種狀態(tài)不僅僅只是異常狀態(tài)，還應(yīng)該包括加載的狀態(tài)，只有這樣做用戶才不會(huì)因?yàn)椴恢喇a(chǎn)品當(dāng)前狀態(tài)，而退出產(chǎn)品。

四、盤點(diǎn)哪些好的體驗(yàn)點(diǎn)

人體內(nèi)共有206塊骨頭，產(chǎn)品的最高境界就是把產(chǎn)品做成用戶的第207塊骨頭，與用戶的生活息息相關(guān)，而給產(chǎn)品添加人性化功能，是很重要的一部分。

我梳理出一些屬于通用性的產(chǎn)品體驗(yàn)點(diǎn)，你可以試著，按著下面的角度給產(chǎn)品經(jīng)理提一些，提高產(chǎn)品體驗(yàn)點(diǎn)的建議。

1. 保護(hù)隱私

每個(gè)人都不希望看到自己的隱私泄露，當(dāng)涉及用戶信息安全、人身隱私，我們應(yīng)當(dāng)建立起一種「為用戶安全著想」的想法去設(shè)計(jì)。

比如，菜鳥(niǎo)裹裹上線“線上隱私寄件”的信息保護(hù)功能，在發(fā)貨界面開(kāi)啟「隱私寄件」后，用戶的信息將會(huì)在包裹面單上進(jìn)行脫敏處理，只展示部分地址信息，這很好解決了用戶對(duì)隱私安全的顧慮。

再比如美團(tuán)評(píng)價(jià)商家的食品界面場(chǎng)景，當(dāng)用戶選擇 1 星或者2 星的低評(píng)價(jià)時(shí)，產(chǎn)品會(huì)自動(dòng)勾選「匿名評(píng)價(jià)」，為的是對(duì)輸入差評(píng)的用戶給予隱私保護(hù)，免招商家的騷擾。

2. 人性化提醒

雖然我們希望用戶都有沉浸式的體驗(yàn)，從產(chǎn)品營(yíng)收角度講用戶在產(chǎn)品上花費(fèi)的時(shí)間越長(zhǎng)，用戶付費(fèi)的可能性會(huì)增加，但是對(duì)于連續(xù)使用 N 分鐘、或者滿足特定時(shí)長(zhǎng)的用戶，可對(duì)這類用戶進(jìn)行休息提示，用戶會(huì)感受到關(guān)懷感，以我親身體驗(yàn)的兩款產(chǎn)品為例子，講一講我的真實(shí)感受。

• 抖音：當(dāng)我刷短視頻的時(shí)間較長(zhǎng)時(shí)間后，抖音就會(huì)提醒我需要休息了，這種友好的提醒會(huì)讓我覺(jué)得我使用抖音（產(chǎn)品）并不會(huì)威脅到我的健康，這種體驗(yàn)很人性化。
• bilibi：我平常在地鐵里面因?yàn)榄h(huán)境噪音會(huì)很大，我習(xí)慣性地把耳機(jī)的音量變高，此時(shí)，bilibi就會(huì)提醒我這個(gè)音量有損我的聽(tīng)力，我會(huì)潛意識(shí)地調(diào)到不那么大并且可以聽(tīng)清楚的程度，這樣不僅可以保護(hù)好耳朵，又可以愉快地刷劇，體感很好。

3. 所見(jiàn)即所得

大部分用戶都不喜歡計(jì)算或者投入很多腦力活動(dòng)，更希望的是產(chǎn)品整體的操作流程是簡(jiǎn)單、高效的，并且在簡(jiǎn)單、高效地體驗(yàn)同時(shí)，還能保證產(chǎn)品的準(zhǔn)確性，尤其是數(shù)字類場(chǎng)景，不會(huì)因?yàn)樽约旱睦斫忮e(cuò)誤，帶來(lái)意外的財(cái)產(chǎn)損失，我最近體驗(yàn)微信和支付寶就發(fā)現(xiàn)了下面兩個(gè)功能點(diǎn)的差別。

• 微信：當(dāng)在微信轉(zhuǎn)賬的場(chǎng)景中，如果輸入要打款的金額，在數(shù)字下面就會(huì)生成對(duì)應(yīng)的中文金額，減去了用戶邊輸入邊計(jì)算“這是多少錢”的腦力投入，很直接。
• 支付寶：支付寶在轉(zhuǎn)賬場(chǎng)景上更勝微信一籌，不僅下面同樣生成中文的金額，還有標(biāo)簽可直接備注這筆金額用于什么地方。

4. 價(jià)格的對(duì)比

性價(jià)比是用戶衡量「付出成本與回報(bào)價(jià)值」之間的一種決策依據(jù)。沒(méi)有誰(shuí)會(huì)喜歡做付出多回報(bào)小的事情，為了讓用戶覺(jué)得自己回到很多，除了提升產(chǎn)品自我服務(wù)、實(shí)力信息的展示之外，選擇一個(gè)「參照物」來(lái)凸顯性價(jià)比，算是最好的一個(gè)設(shè)計(jì)方案了。

• 高德打車：高德地圖的打車功能就很適合我這種對(duì)價(jià)格比較挑剔的人，他能為我展示打車場(chǎng)景下，所有車型的預(yù)估價(jià)格預(yù)覽，幫助我選擇所需價(jià)格的車型。
• 美團(tuán)外賣：美團(tuán)外賣的減免神器，雖然我不知道他是否真實(shí)減免，但是幫助我這類不精于算術(shù)的人，節(jié)省開(kāi)支的一個(gè)好功能。

五、結(jié)尾

正所謂細(xì)節(jié)決定成敗，在UI設(shè)計(jì)的工作中，往往細(xì)節(jié)的偏差只有0和無(wú)數(shù)個(gè)，以上就是我針對(duì)交互層面可以提升用戶體驗(yàn)的細(xì)節(jié)點(diǎn)，希望對(duì)你能有所幫助。

#專欄作家#

斜杠7濕兄，公眾號(hào)：斜杠7濕兄，人人都是產(chǎn)品經(jīng)理專欄作家。星光不問(wèn)趕路人，時(shí)光不負(fù)有心人，勵(lì)志做一個(gè)知識(shí)的分享者。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議