預判設(shè)計能夠引導用戶操作、縮短用戶行為路徑,根據(jù)用戶的行為/用戶所在的場景,讓功能主動找到用戶。
本文要講的內(nèi)容是“預判設(shè)計”,在此之前,我想先聊聊我們?nèi)粘V谐R姷牡挠脩舨僮髀窂,用戶在使用產(chǎn)品時,往往是:產(chǎn)生操作目標——找到操作對象——進行對應(yīng)操作——完成操作。
這種操作模式符合我們對于絕大多數(shù)產(chǎn)品使用的認知,交互設(shè)計師在設(shè)計用戶行為路徑時,往往是以功能為出發(fā)點,通過功能優(yōu)先級,將功能分布排列,用戶在界面中找到功能并進行操作。 這本質(zhì)上還是依賴于用戶的主動觸發(fā),一般來講,如果用戶不主動觸發(fā),就不會產(chǎn)生后續(xù)行為。
設(shè)計心理學中提到,當用戶操作一個設(shè)備,他們會面對兩個心理鴻溝:一個是執(zhí)行的鴻溝,在這里,用戶試圖弄清楚如何操作;另一個是評估的鴻溝,在那里,他們試圖弄清楚設(shè)備處于什么狀態(tài),他們采取的行動是否實現(xiàn)了目的。
預判設(shè)計側(cè)重于解決第一個鴻溝:執(zhí)行的鴻溝。在產(chǎn)品功能紛繁復雜的當下,界面中的功能元素、信息元素愈發(fā)復雜,有的時候,用戶想要在一個界面中找到某個功能、操作某個功能并不輕松。預判設(shè)計,可以根據(jù)用戶的行為/用戶所在的場景,讓功能主動找到用戶,并讓用戶與之產(chǎn)生自然的交互。
舉個新建收貨地址的例子,我們會經(jīng)常遇到填寫表單的場景,填寫信息的過程往往是繁瑣的、費時的,這種過程并不讓人愉悅。
按照常規(guī)的操作模式,就是:填寫收貨人、手機號碼、所在地區(qū)、詳細地址等,設(shè)計師會在設(shè)計表單的過程中,優(yōu)化輸入的方式,但是這些都只是基于先出現(xiàn)用戶操作、再產(chǎn)生交互反饋的設(shè)計。
而預判設(shè)計則是在此基礎(chǔ)上,考慮用戶在新建收貨地址時場景的多樣性、用戶的行為。比如你是否出現(xiàn)過幫朋友買東西的情況?朋友通過微信發(fā)來收貨地址,如果通過來回切換淘寶/微信復制/粘貼輸入收貨信息,這種體驗想必令人絕望。
而如果你復制了收貨地址,打開新建收貨地址界面時,App 出現(xiàn)提示彈窗“是否粘貼剛復制的地址信息?”,點擊“確認粘貼”即可粘貼收貨地址到對應(yīng)列表項,這種預判設(shè)計對于用戶來說是自然且讓人愉悅的。這種設(shè)計現(xiàn)在已經(jīng)被廣泛運用了,比如京東、淘寶、順豐等。
預判設(shè)計首先是基于用戶本身的,即系統(tǒng)預測用戶即將做的事情,并且?guī)椭脩艨s短操作路徑,整個過程雖然是系統(tǒng)主動發(fā)起,整體上卻是符合用戶整體預期的。而如果單純只由系統(tǒng)主動觸發(fā),卻與用戶當前行為沒有任何聯(lián)系,就不算預判設(shè)計。
比如說優(yōu)酷的運營彈窗,這種彈窗會在用戶剛進入 App 時就彈出,只符合系統(tǒng)主動觸發(fā)這一特性,但是用戶對彈窗的出現(xiàn)是沒有預期,這就容易形成干擾,也不符合預判設(shè)計的特征。
同樣是打開 App 即出現(xiàn)的彈窗,淘寶的好友分享彈窗則不同,這是一條常見的預判設(shè)計鏈路。手機淘寶無法通過微信直接打開,當微信好友看到一個商品,并復制淘口令通過微信發(fā)送給你,你復制了淘口令打開淘寶,App 自動彈出分享彈窗,這條行為路徑存在關(guān)聯(lián)性的,可以被預測成“打開淘寶并查看朋友分享的商品”。
用戶的交互行為是多樣,常見的有復制/剪切、截圖、手勢(如搖一搖)等,從理論上講,用戶的各種行為都存在提供預判設(shè)計指引的可能性。
預判設(shè)計與用戶行為、功能場景是緊密關(guān)聯(lián)的,或者說,系統(tǒng)基于用戶操作的行為或用戶所處的場景才能形成合理的預判,否則很容易引起用戶反感。 同一個行為,在不同場景,也會存在不同的預判設(shè)計方向。
1. 淘寶截圖在搜索場景的預判
淘寶有強大的圖片搜索功能,我們在使用淘寶時會有以圖搜物的習慣,而淘寶不是簡單地只提供圖片搜索的入口。當用戶截圖或保存圖片至手機之后,在短時間內(nèi)觸發(fā)搜索功能,搜索框內(nèi)的圖片搜索按鈕就會自動提示“你可能搜索的照片”,點擊就可以直接搜索。
淘寶會判斷用戶是希望搜索最近的一張圖片,因為“保存圖片/截圖——搜索”的行為存在潛在的強關(guān)聯(lián)性;陬A判設(shè)計,用戶不需要點擊圖片搜索按鈕——選擇圖片,將操作路徑縮短。假如用戶手速快或者點擊圖片搜索按鈕本身,進入圖片搜索功能頁,該提示依然會出現(xiàn)。
這種預判形式是非阻斷性的,只作為一種輔助建議,而并非強制提示,即使用戶不想點擊預測的圖片,也不會影響操作流程。
2. 淘寶截圖在其他場景的預判
同樣是截圖操作,在淘寶的其他場景有不同的預判交互。比如在淘寶的商品列表頁截圖,截圖的提示就不再僅是提示搜索圖片同款,也存在“好友分享”、“問題反饋”等操作。
原因是用戶在該場景存在比較復雜的潛在交互行為,而搜索場景中則更聚焦于圖片搜索行為。由此可見,行為是和場景緊密關(guān)聯(lián)在一起的,即使是同一交互行為,在不同的場景中有著不同的預判方向。交互設(shè)計師在設(shè)計時,需關(guān)注行為與場景的關(guān)聯(lián)性。
3. 在一些特定場景中,預判設(shè)計并非必須通過用戶行為進行預判。
以粵省事為例,粵省事小程序的許多功能是與地理位置強相關(guān)的,地理位置不同會影響展示信息的可用性、準確性。當定位到用戶所在城市發(fā)生變化,即使用戶未進行任何交互行為,粵省事也會假定用戶需要基于正確的地理位置才能正確執(zhí)行相應(yīng)的操作。
一般來說,用戶即使跨省/市,位置信息發(fā)生變化,認知上也是不會意識到要在小程序中切換所在城市的,而如果不切換,就會影響小程序的體驗(粵省事社保公積金等信息都是與城市強綁定)。所以粵省事通過獲取所在地理位置信息,主動提示用戶是否切換到當前城市。
支付寶的信息推薦的數(shù)據(jù)也是基于地理信息,檢測到用戶所在城市發(fā)生變化,也進行了主動提示,但是提示層級較弱,采用底部提示條的形式,不阻斷用戶的主要行為路徑。
預判設(shè)計對于體驗與商業(yè)都存在正向作用,比如幫助用戶縮短操作路徑、聚焦價值信息、提升商業(yè)轉(zhuǎn)化等,下面會通過常見的設(shè)計進行解釋。
1. 縮短操作路徑:
預判設(shè)計是一種主動式交互,最明顯的作用就是縮短用戶交互路徑,降低操作繁瑣程度,最終目的是降低用戶操作成本,提升交互體驗。
Chrome 瀏覽器搜索時主動提示
搜索作為瀏覽器的核心功能,在搜索這種場景上,當然也需要仔細挖掘細膩的交互細節(jié)。用戶在 Chrome 瀏覽器搜索時,瀏覽器會檢測用戶剛剛是否復制過文字,如果有,則以輕量的搜索聯(lián)想形式提示“您復制的文字”,用戶點擊即可直接搜索。
用戶復制了文本——點擊搜索框,這兩個行為之間是存在關(guān)聯(lián)性的,Chrome 預判用戶將要搜索粘貼板的文字信息,這種主動提示比起用戶手動點擊兩次搜索框后再粘貼文本更加便捷,降低了操作成本。
網(wǎng)易云截圖分享提示
用戶通過網(wǎng)易云截圖后,App 會主動提示用戶將截圖分享給好友,提供可以分享的渠道和方式,用戶可以一鍵分享,不需要截圖之后再手動切換到其他應(yīng)用分享的繁瑣流程。
截圖后提示用戶分享的設(shè)計形式,已經(jīng)在各大互聯(lián)網(wǎng)產(chǎn)品上很常見了,這也屬于預判設(shè)計。網(wǎng)易云音樂重視社交,許多用戶截圖后有分享的習慣,比如分享歌詞。截圖+分享的模式無論對于縮短用戶路徑,或者產(chǎn)品分享曝光而言,都有明顯好處,并且這種形式具備強通用性,很多產(chǎn)品都可以采用,所以在很多產(chǎn)品上都可以看到這種設(shè)計。
iPhone 鬧鐘關(guān)閉提示
當用戶用 iPhone 設(shè)了起床鬧鐘,如果系統(tǒng)檢測到鬧鐘響之前的一段時間內(nèi),用戶在操作手機,就會彈出彈窗,提示“您好像已經(jīng)醒了,要關(guān)閉鬧鐘嗎?”,詢問用戶是否關(guān)掉還未響的鬧鐘。
作為上班族,估計許多朋友都會設(shè)好幾個鬧鐘,避免一個鬧鐘叫不醒,遲到罰錢工資白領(lǐng)。但是如果起床之后,發(fā)現(xiàn)后面的鬧鐘忘記關(guān)掉,在洗漱的時候鬧鐘突然響起也是挺鬧心的。iPhone 會通過檢測用戶使用手機的行為(一般起床之前玩玩手機是許多人的習慣),預判用戶已經(jīng)醒了,并彈出相應(yīng)提示,這樣可以避免用戶忘記關(guān)鬧鐘的情況,同時也幫助用戶縮短關(guān)閉鬧鐘的路徑。
iPhone 驗證碼粘貼設(shè)計
iOS 12 上線了短信驗證碼粘貼功能,這是一個網(wǎng)友千呼萬喚始出來的功能,即當你的 iPhone 收到一條短信驗證碼,iOS 自帶的輸入法上方,會出現(xiàn)“來自短信”和驗證碼的提示,可以直接點擊粘貼。
在 iOS 12 之前,iPhone 收到驗證碼后,是只能手動輸入的,而安卓很早就能直接復制驗證碼,這雖然是一個輸入的小細節(jié),對于許多用戶來說卻很難受。用戶接收驗證碼——輸入驗證碼應(yīng)當是十分明確的流程,這是一條顯而易見的預判路徑,所以使用起來也特別順手。
微信輸入手勢撤銷提示
在使用微信打字時,如果輸入到一半,想要清空所有文本,不需要一字一字刪除,可以通過搖一搖進行撤銷。
這是一種隱藏交互,用戶一般在輸入文字時,手機都是保持相對平穩(wěn)的狀態(tài),所以絕大部分狀態(tài)下不會觸發(fā)這種操作。而在發(fā)生搖一搖手勢時,App 預判用戶的輸入行為已經(jīng)被打斷,此時會以彈窗形式提示用戶是否撤銷輸入的內(nèi)容。
微信發(fā)送圖片提示
用戶在手機截圖/保存圖片之后,使用微信調(diào)起輸入框,再點擊右側(cè)「+」按鈕,會提示是否發(fā)送當前圖片。
微信的這種操作與上方淘寶的搜索圖片引導相似,如果截圖之后日常點擊輸入框,此時并不會有圖片發(fā)送提示,因為輸入文本信息/發(fā)送語音是很平常的操作。當用戶點擊「+」按鈕,發(fā)送圖片的潛在行為才被激發(fā),存在明顯的可預判性。
印象筆記添加圖片提示
印象筆記有素材庫功能,當用戶將圖片存儲至素材庫,能在印象筆記的多端同步。用戶截圖之后,如果打開印象筆記,就會彈出是否將屏幕快照添加到素材庫。
App 會預判用戶的目標是發(fā)生與圖片相關(guān)的行為,對于不了解素材庫的用戶而言,可以通過這種自然的提示交互了解素材庫的功能,加強用戶對產(chǎn)品功能的了解。
2. 聚焦關(guān)鍵信息:
預判設(shè)計除了縮短用戶路徑,還可以通過用戶行為,預判用戶關(guān)注的內(nèi)容,幫助用戶聚焦到關(guān)鍵信息,同時避免分散用戶注意力,讓有價值的信息得到充分的展示。
瀏覽器導航欄/標簽欄展開及隱藏
用戶通過 Safari 瀏覽器進行上滑瀏覽行為時,瀏覽器會將頂部導航欄和底部操作欄隱藏;而當用戶進行下滑行為時,導航欄及操作欄同時出現(xiàn)。
這種設(shè)計時預判了用戶在上滑瀏覽行為中(正常瀏覽),關(guān)注目標在于界面內(nèi)容,此時為了聚焦關(guān)鍵的內(nèi)容信息及內(nèi)容的充分展示,將與當前行為相對無關(guān)的信息進行隱藏。而當用戶停止正常的滑動行為,進行反向操作(下滑)時,關(guān)注的目標發(fā)生變化,此時可能要進行其他操作,所以將導航欄標簽欄等信息均正常展示出來,整個過程是很自然的。
夸克搜索展示關(guān)鍵信息卡片
用戶通過夸克搜索精準詞時,會根據(jù)詞語優(yōu)先推薦關(guān)鍵信息卡片,用戶可以快速關(guān)注到這種卡片,不需要在許多聯(lián)想詞中尋找符合搜索目標的詞語。
夸克的搜索聯(lián)想狀態(tài)進行了特殊處理,如果用戶搜索的是非精準詞語時,App 無法精準判斷用戶搜索目標,所以只展示文字聯(lián)想信息。當用戶搜索詞語可以被精準預判時,關(guān)鍵信息卡片,聚焦于關(guān)鍵信息,提升用戶搜索的效率。
淘寶搜索關(guān)鍵詞推薦
用戶在淘寶搜索關(guān)鍵詞時,這些產(chǎn)品會根據(jù)搜索詞,在搜索聯(lián)想之外,給出更精準的搜索預判,樣式上與普通的搜索聯(lián)想詞有所區(qū)分。
這種設(shè)計是基于搜索詞算法本身的關(guān)聯(lián)預判,幫助用戶快速發(fā)現(xiàn)價值信息。
3. 提升商業(yè)轉(zhuǎn)化:
預判設(shè)計對于商業(yè)化而言的效果是毋庸置疑的,因為這種設(shè)計可以將行為于商業(yè)化推薦緊密關(guān)聯(lián)在一起,讓用戶察覺到“與我有關(guān)”,降低用戶的反感和突兀感、廣告感。
淘寶信息流推薦卡片變化
當用戶點擊淘寶信息流感興趣的商品卡片時,返回信息流后卡片會根據(jù)用戶點擊卡片的行為進行相關(guān)的算法推薦,并將相鄰的卡片進行推薦處理。
理論上講,用戶的觸發(fā)是與動機緊密關(guān)聯(lián)的(除了誤觸行為),所以在瀏覽淘寶信息流時,如果用戶點擊某商品,一定程度上可以說明用戶被當前商品所吸引,所以在點擊查看商品后,通過用戶行為預判了用戶喜歡的商品類型并進行相應(yīng)展示,對于商品推薦的轉(zhuǎn)化也有一定幫助。
美團外賣信息流推薦卡片變化
美團外賣的信息流卡片與淘寶的預判設(shè)計邏輯一致,同樣也是根據(jù)用戶行為進行相關(guān)推薦。
taptap 停留數(shù)秒后出現(xiàn)入口提示
用戶在 taptap 瀏覽視頻時,如果在視頻流中某個游戲視頻播放時停留數(shù)秒,該視頻下方會通過動畫形式展示明確的跳轉(zhuǎn)入口,用戶可點擊查看詳情。
這種設(shè)計最早應(yīng)該是在 ins 等產(chǎn)品上出現(xiàn),后面國內(nèi)的綠洲等產(chǎn)品也采用了同樣的設(shè)計方式。這種設(shè)計妙在并非一開始就將入口直接展示,讓用戶聚焦于內(nèi)容本身,而當通過用戶的停留時間達到數(shù)秒之后,預判用戶對當前視頻感興趣后,再進行輕量化提示,不讓用戶產(chǎn)生反感,同時又能引起用戶注意。
本文介紹了常見的預判設(shè)計形式,但實際上還有更廣泛的運用。預判設(shè)計并不神秘,在我們?nèi)粘J褂玫漠a(chǎn)品中,經(jīng)常可以挖掘到這種設(shè)計。
預判設(shè)計更強調(diào)于交互流程上的優(yōu)化,在展示上往往不是“常態(tài)”而是“臨時態(tài)”的,讓功能在合適的場景找到用戶,而非靠用戶主動去尋找功能,降低用戶的操作成本,正因如此,才顯得這種設(shè)計形式十分巧妙,讓體驗更加流暢。
承擔因您的行為而導致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。