「自然交互·預(yù)判」如何根據(jù)用戶行為做預(yù)判設(shè)計(jì)?

2021-7-29    資深UI設(shè)計(jì)者

什么是「預(yù)判設(shè)計(jì)」?

預(yù)判設(shè)計(jì)(Anticipatory Design)是一種能夠引導(dǎo)用戶、縮短用戶行為路徑的有效設(shè)計(jì)手段。使用預(yù)判設(shè)計(jì)方法設(shè)計(jì)的交互界面,在交互和視覺上的表現(xiàn)總是比用戶更遠(yuǎn)一步。而且這些交互表現(xiàn)是在用戶沒有作出行動(dòng)觸發(fā)的情況下進(jìn)行的。

預(yù)判設(shè)計(jì)的本質(zhì)上是一種基于數(shù)據(jù)收集所做的用戶習(xí)慣研究和智能推送的設(shè)計(jì)模式。UX 設(shè)計(jì)師 Joelvan Bodegraven 曾說過:“Anticipatory Design 是圍繞機(jī)器學(xué)習(xí)、預(yù)測(cè)和用戶預(yù)期的綜合性設(shè)計(jì)模式。”

好的預(yù)判設(shè)計(jì)可以做到以下幾點(diǎn):

  • 在用戶初次體驗(yàn)?zāi)撤N功能時(shí)起到引導(dǎo)作用,避免用戶產(chǎn)生疑問和不知所措

  • 提前判斷出用戶的下一步行為,利用合理手段和方法,縮短行為路徑

  • 讓用戶感受到驚喜和關(guān)懷,對(duì)產(chǎn)品上癮,產(chǎn)生好感和依賴感

預(yù)判設(shè)計(jì)的主體是用戶行為,從用戶的視角出發(fā),建立在整個(gè)產(chǎn)品的交互里路程和功能框架上,對(duì)用戶的行為深刻洞察后進(jìn)行細(xì)節(jié)的改進(jìn)。



如何預(yù)判用戶的行為?

我們可以從三個(gè)維度探索用戶行為預(yù)判的方法:

一.「人」的維度:

從「人」的維度來看,就是預(yù)判用戶的需求和行為,方法有以下幾種:

1. 預(yù)測(cè)用戶所需

對(duì)用戶即將做出的動(dòng)作做出反饋,且適當(dāng)突出反饋效果,幫助用戶更輕易的看到想要的結(jié)果。

Apple 的 magic keyboard 在 iPad 上的鼠標(biāo)效果,當(dāng)鼠標(biāo)圓點(diǎn)靠近功能熱區(qū)時(shí),系統(tǒng)預(yù)判用戶需要點(diǎn)擊按鍵,于是會(huì)產(chǎn)生自動(dòng)吸附的 hover 效果。


Mac 上的鼠標(biāo)效果也做的很用心,當(dāng)用戶在一段時(shí)間內(nèi)不斷的搖晃鼠標(biāo)時(shí),系統(tǒng)判斷用戶可能是需要找到鼠標(biāo),因此會(huì)放大鼠標(biāo)箭頭的大小,提示用戶鼠標(biāo)的位置。    

                                           

2. 縮短行為路徑

通過預(yù)測(cè)用戶下一步的行為,對(duì)用戶進(jìn)行直接引導(dǎo),縮短用戶的行為路徑,減少操作步驟。

得到 App 預(yù)判用戶的截圖行為的下一步是分享,因此在截圖后,可以點(diǎn)擊「分享」直接分享到其他平臺(tái)。


微信會(huì)在用戶截圖之后打開微信對(duì)話窗口點(diǎn)擊「+」時(shí),顯示用戶剛剛保存的、可能要發(fā)送的圖片。


微信朋友圈會(huì)在用戶再次打開時(shí)提示用戶直接「跳到還沒看的位置」,幫助用戶快速定位之前離開的位置。


3. 分析歷史數(shù)據(jù)

通過對(duì)用戶的歷史行為數(shù)據(jù)進(jìn)行分析,對(duì)產(chǎn)品的功能和內(nèi)容進(jìn)行優(yōu)化,符合用戶的個(gè)性化需求,創(chuàng)造優(yōu)質(zhì)體驗(yàn)。


淘寶等電商平臺(tái)會(huì)跟據(jù)用戶之前瀏覽過的商品進(jìn)行推薦,大眾點(diǎn)評(píng)也會(huì)根據(jù)用戶的飲食喜好進(jìn)行美食推薦。


Google 翻譯里,用戶在第二次點(diǎn)擊發(fā)音按鈕時(shí),讀音播放的速度會(huì)明顯比第一次緩慢,因?yàn)橄到y(tǒng)預(yù)判用戶可能在第一次播放時(shí)沒有聽清,所以才需要播放第二次。



二.「時(shí)間」的維度:

從「時(shí)間」的維度來看,是指在特定時(shí)間對(duì)用戶的行為進(jìn)行預(yù)判和推薦,方法有以下幾種:

1. 對(duì)有固定完結(jié)日期的功能/信息的提醒

對(duì)快要過期/馬上到來/必須被使用的功能、信息做及時(shí)的提醒,避免用戶忘記/逾期/遲到等。

外賣平臺(tái)會(huì)在中飯晚飯前后給出紅包/優(yōu)惠推送、生鮮電商平臺(tái)會(huì)在優(yōu)惠劵快要過期時(shí)給出提醒,行程類產(chǎn)品會(huì)在飛機(jī)/火車快出發(fā)時(shí)給出行程通知。

2. 在特定的時(shí)間做功能的臨時(shí)優(yōu)化

在特殊的時(shí)間給用戶適當(dāng)?shù)奶嵝眩ò[私提醒、天氣提醒等),借助節(jié)日、活動(dòng)等時(shí)機(jī)部分開放功能的限制,讓用戶覺得自己時(shí)刻被關(guān)注、被惦記,拉近與用戶之間的關(guān)系。

美團(tuán)外賣針對(duì)用戶所在區(qū)域,提前推送天氣變化,提醒用戶提前下單,以免天氣影響用餐時(shí)間。


七夕節(jié)到來,微信將原本最高 200 元的紅包金額調(diào)整到了 520 元,是一個(gè)驚喜又有人文關(guān)懷的產(chǎn)品細(xì)節(jié)。



三.「空間」的維度:

從「空間」的維度來看,是指在特定空間或者當(dāng)?shù)攸c(diǎn)切換時(shí),對(duì)用戶的行為進(jìn)行預(yù)判,與用戶產(chǎn)生合情合理的交互:

大眾點(diǎn)評(píng)會(huì)在用戶切換城市時(shí)給用戶恰當(dāng)?shù)奶崾尽?

使用支付寶刷地鐵站出站的概念頁面設(shè)計(jì),清晰的展示了出站口的地點(diǎn)信息。



預(yù)判用戶行為的設(shè)計(jì)原則:

預(yù)判設(shè)計(jì)(Anticipatory Design)的主體是用戶行為,從用戶的視角出發(fā),建立在整個(gè)產(chǎn)品的交互里路程和功能框架上,對(duì)用戶的行為深刻洞察后進(jìn)行細(xì)節(jié)的改進(jìn)。其設(shè)計(jì)原則有:

1. 化繁為簡,縮短路徑

從用戶使用的流程出發(fā),減少用戶不必要的成本消耗,優(yōu)化和縮短交互的路徑。

2. 結(jié)合場(chǎng)景,分析原因

思考用戶行為背后的邏輯和原因,做產(chǎn)品功能上的優(yōu)化和調(diào)整。

3. 行之有度,點(diǎn)到即可

做體驗(yàn)設(shè)計(jì)改進(jìn)時(shí)不能急功近利或顯得過于生硬,要注意力度和用戶心智的平衡關(guān)系。

4. 個(gè)性推薦,千人千面

預(yù)判設(shè)計(jì)應(yīng)該使用戶在界面的操作過程中感覺到自然,所以大部分預(yù)判設(shè)計(jì)是根據(jù)用戶喜好量身定制的個(gè)性化設(shè)計(jì)。


最后,記?。河脩粼趯?shí)際使用中不應(yīng)該真正“看到”預(yù)判設(shè)計(jì),但應(yīng)該能夠感覺到它的存在,并為之感到愉悅。

文章來源:站酷 作者:Ant_Design 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔