「自然交互·預(yù)判」如何根據(jù)用戶行為做預(yù)判設(shè)計?
編輯導(dǎo)語:理想的預(yù)判設(shè)計可以給用戶在使用產(chǎn)品時起到引導(dǎo)作用,縮短用戶行為路徑,進(jìn)而提升用戶的產(chǎn)品體驗(yàn),拉動用戶留存與轉(zhuǎn)化。那么,如何根據(jù)用戶行為做好預(yù)判設(shè)計?本文作者總結(jié)了預(yù)判設(shè)計的原理與設(shè)計原則,一起來看一下。
一、什么是「預(yù)判設(shè)計」?
預(yù)判設(shè)計(Anticipatory Design)是一種能夠引導(dǎo)用戶、縮短用戶行為路徑的有效設(shè)計手段。使用預(yù)判設(shè)計方法設(shè)計的交互界面,在交互和視覺上的表現(xiàn)總是比用戶更遠(yuǎn)一步。而且這些交互表現(xiàn)是在用戶沒有作出行動觸發(fā)的情況下進(jìn)行的。
預(yù)判設(shè)計的本質(zhì)上是一種基于數(shù)據(jù)收集所做的用戶習(xí)慣研究和智能推送的設(shè)計模式。UX 設(shè)計師 Joelvan Bodegraven 曾說過:“Anticipatory Design 是圍繞機(jī)器學(xué)習(xí)、預(yù)測和用戶預(yù)期的綜合性設(shè)計模式?!?/p>
好的預(yù)判設(shè)計可以做到以下幾點(diǎn):
- 在用戶初次體驗(yàn)?zāi)撤N功能時起到引導(dǎo)作用,避免用戶產(chǎn)生疑問和不知所措;
- 提前判斷出用戶的下一步行為,利用合理手段和方法,縮短行為路徑;
- 讓用戶感受到驚喜和關(guān)懷,對產(chǎn)品上癮,產(chǎn)生好感和依賴感。
二、如何預(yù)判用戶的行為?
我們可以從「人」、「時間」、「空間」三個維度探索用戶行為預(yù)判的方法。
1.「人」的維度
從「人」的維度來看,就是預(yù)判用戶的需求和行為,方法有以下幾種。
① 預(yù)測用戶所需
對用戶即將做出的動作做出反饋,且適當(dāng)突出反饋效果,幫助用戶更輕易地看到想要的結(jié)果。
Apple 的 magic keyboard 在 iPad 上的鼠標(biāo)效果,當(dāng)鼠標(biāo)圓點(diǎn)靠近功能熱區(qū)時,系統(tǒng)預(yù)判用戶需要點(diǎn)擊按鍵,于是會產(chǎn)生自動吸附的 hover 效果
Mac 上的鼠標(biāo)效果也做得很用心,當(dāng)用戶在一段時間內(nèi)不斷地?fù)u晃鼠標(biāo)時,系統(tǒng)判斷用戶可能是需要找到鼠標(biāo),因此會放大鼠標(biāo)箭頭的大小,提示用戶鼠標(biāo)的位置。
② 縮短行為路徑
通過預(yù)測用戶下一步的行為,對用戶進(jìn)行直接引導(dǎo),縮短用戶的行為路徑,減少操作步驟。
(縮短用戶的行為路徑)
得到 App 預(yù)判用戶的截圖行為的下一步是分享,因此在截圖后,可以點(diǎn)擊「分享」直接分享到其他平臺。
微信會在用戶截圖之后打開微信對話窗口點(diǎn)擊「+」時,顯示用戶剛剛保存的、可能要發(fā)送的圖片。
微信朋友圈會在用戶再次打開時提示用戶直接「跳到還沒看的位置」,幫助用戶快速定位之前離開的位置。
③ 分析歷史數(shù)據(jù)
通過對用戶的歷史行為數(shù)據(jù)進(jìn)行分析,對產(chǎn)品的功能和內(nèi)容進(jìn)行優(yōu)化,符合用戶的個性化需求,創(chuàng)造優(yōu)質(zhì)體驗(yàn)。
淘寶等電商平臺會跟據(jù)用戶之前瀏覽過的商品進(jìn)行推薦,大眾點(diǎn)評也會根據(jù)用戶的飲食喜好進(jìn)行美食推薦。
Google 翻譯里,用戶在第二次點(diǎn)擊發(fā)音按鈕時,讀音播放的速度會明顯比第一次緩慢,因?yàn)橄到y(tǒng)預(yù)判用戶可能在第一次播放時沒有聽清,所以才需要播放第二次。
2.「時間」的維度
從「時間」的維度來看,是指在特定時間對用戶的行為進(jìn)行預(yù)判和推薦,方法有以下幾種。
① 對有固定完結(jié)日期的功能/信息的提醒
對快要過期/馬上到來/必須被使用的功能、信息做及時的提醒,避免用戶忘記/逾期/遲到等。
生鮮電商平臺會在優(yōu)惠劵快要過期時給出提醒,行程類產(chǎn)品會在飛機(jī)/火車快出發(fā)時給出行程通知。
② 在特定的時間做功能的臨時優(yōu)化
在特殊的時間給用戶適當(dāng)?shù)奶嵝眩ò[私提醒、天氣提醒等),借助節(jié)日、活動等時機(jī)部分開放功能的限制,讓用戶覺得自己時刻被關(guān)注、被惦記,拉近與用戶之間的關(guān)系。
美團(tuán)外賣針對用戶所在區(qū)域,提前推送天氣變化,提醒用戶提前下單,以免天氣影響用餐時間。
七夕節(jié)到來,微信將原本最高 200 元的紅包金額調(diào)整到了 520 元,是一個驚喜又有人文關(guān)懷的產(chǎn)品細(xì)節(jié)。
3.「空間」的維度
從「空間」的維度來看,是指在特定空間或者當(dāng)?shù)攸c(diǎn)切換時,對用戶的行為進(jìn)行預(yù)判,與用戶產(chǎn)生合情合理的交互:
大眾點(diǎn)評會在用戶切換城市時給用戶恰當(dāng)?shù)奶崾?/p>
使用支付寶刷地鐵站出站的概念頁面設(shè)計,清晰地展示了出站口的地點(diǎn)信息
三、預(yù)判用戶行為的設(shè)計原則
預(yù)判設(shè)計(Anticipatory Design)的主體是用戶行為,從用戶的視角出發(fā),建立在整個產(chǎn)品的交互里路程和功能框架上,對用戶的行為深刻洞察后進(jìn)行細(xì)節(jié)的改進(jìn)。其設(shè)計原則有:
1. 化繁為簡,縮短路徑
從用戶使用的流程出發(fā),減少用戶不必要的成本消耗,優(yōu)化和縮短交互的路徑。
2. 結(jié)合場景,分析原因
思考用戶行為背后的邏輯和原因,做產(chǎn)品功能上的優(yōu)化和調(diào)整。
3. 行之有度,點(diǎn)到即可
做體驗(yàn)設(shè)計改進(jìn)時不能急功近利或顯得過于生硬,要注意力度和用戶心智的平衡關(guān)系。
4. 個性推薦,千人千面
預(yù)判設(shè)計應(yīng)該使用戶在界面的操作過程中感覺到自然,所以大部分預(yù)判設(shè)計是根據(jù)用戶喜好量身定制的個性化設(shè)計。
最后,記?。?b>用戶在實(shí)際使用中不應(yīng)該真正“看到”預(yù)判設(shè)計,但應(yīng)該能夠感覺到它的存在,并為之感到愉悅。
作者:元堯,螞蟻集團(tuán)設(shè)計師。
本文由 @Ant Design 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議
寫的真好,學(xué)到了
很棒,分析的很系統(tǒng),學(xué)習(xí)了