實(shí)例分析:從場(chǎng)景來談界面反饋提示形式的使用

0 評(píng)論 8787 瀏覽 45 收藏 10 分鐘

最近不管是做項(xiàng)目還是和其他設(shè)計(jì)師聊天時(shí),討論最多的就是關(guān)于界面的反饋提示問題,很多設(shè)計(jì)師特別是剛剛進(jìn)行設(shè)計(jì)修煉的新手常常糾結(jié)于針對(duì)用戶的某個(gè)操作到底是用Toast還是用模態(tài)彈框來提示呢?針對(duì)在什么場(chǎng)景下使用何種界面反饋形式,今天筆者根據(jù)自己的設(shè)計(jì)經(jīng)驗(yàn)來講述一下自己的方法

敲黑板 什么是界面反饋提示

所謂的頁(yè)面反饋提示既系統(tǒng)對(duì)當(dāng)前用戶進(jìn)行任務(wù)操作時(shí)的響應(yīng),而如何響應(yīng)以及響應(yīng)的形式和程度是交互設(shè)計(jì)師需要重點(diǎn)考慮的地方:比如當(dāng)用戶執(zhí)行完一步操作后,系統(tǒng)沒有及時(shí)甚至沒有給出相應(yīng)的反饋提示,就會(huì)給用戶帶來疑惑(實(shí)現(xiàn)模型與心理模型沖突),讓用戶不能確定自己的操作是否被執(zhí)行、執(zhí)行是否成功、執(zhí)行整體進(jìn)度、或者是執(zhí)行后會(huì)產(chǎn)生怎么樣的影響、能在哪里查詢到結(jié)果以及執(zhí)行后是否可以被撤銷等等。而這其中的任何一個(gè)環(huán)節(jié)都有可能影響到用戶對(duì)當(dāng)前任務(wù)的理解以是否執(zhí)行下一步操作,從而最終影響到產(chǎn)品的轉(zhuǎn)化率。

圖示:頁(yè)面反饋提示

那么如何選擇適度的頁(yè)面反饋形式(之所以要用適度這個(gè)詞,主要是因?yàn)檫^度的頁(yè)面反饋也同樣會(huì)影響用戶的操作體驗(yàn),試想如果對(duì)于用戶的操作頁(yè)面頻繁跳出模態(tài)彈框來打斷用戶操作或者需要用戶反復(fù)確認(rèn)操作結(jié)果,用戶會(huì)是怎么樣的心情)來響應(yīng)用戶的操作呢?筆者根據(jù)自己的設(shè)計(jì)知識(shí)與項(xiàng)目經(jīng)驗(yàn)為大家講述自己的設(shè)計(jì)方法。

首先明確反饋強(qiáng)度

在對(duì)界面反饋提示進(jìn)行具體設(shè)計(jì)之前,首先需要對(duì)現(xiàn)有反饋提示的形式進(jìn)行有效的歸類,這里筆者介紹一種分類方法—按照反饋強(qiáng)度進(jìn)行區(qū)分。關(guān)于反饋強(qiáng)度,其實(shí)就是反饋的強(qiáng)弱程度,那么它的界定方法是什么呢?有一個(gè)很簡(jiǎn)單的方法,即主要看該反饋提示是否會(huì)對(duì)用戶當(dāng)前操作打斷或暫時(shí)中斷了用戶的主任務(wù)流程(如模態(tài)形式),如果是,則為強(qiáng)反饋提示(需要用戶暫時(shí)跳出主任務(wù)流程),如果不是,則屬于弱反饋提示(非模態(tài)形式)。

下面通過例子進(jìn)行說明。比如當(dāng)用戶在填寫注冊(cè)表單時(shí),用戶每填錯(cuò)(或填對(duì))一項(xiàng)時(shí),系統(tǒng)會(huì)在文本框的附近顯示實(shí)時(shí)校驗(yàn)結(jié)果,用戶根據(jù)看到的提示結(jié)果(文案+顏色提示),了解填寫是否正確,并作出相應(yīng)操作,整個(gè)過程用戶始終處于主任務(wù)流程之中(填寫表單),任務(wù)流程沒有出現(xiàn)中斷或被替代,所以該反饋提示可以定為弱反饋提示,如圖:

類似的還有,按鈕、item等對(duì)用戶操作的響應(yīng)(主要是填充色、字體顏色的改變),toast提示對(duì)用戶的操作反饋提示、臨時(shí)跳轉(zhuǎn)頁(yè)面(如下單成功跳轉(zhuǎn)頁(yè)面),如圖:

從上面的例子可以看出,弱反饋提示最明顯的特點(diǎn)就是單方向向用戶傳遞反饋信息和引導(dǎo),無需用戶對(duì)反饋進(jìn)行回應(yīng)確定,即沒有中斷用戶的任務(wù)流程讓用戶能夠順著主流程線繼續(xù)進(jìn)行下一步操作。

而與弱反饋相對(duì)應(yīng)則是強(qiáng)反饋。下面仍用例子說明,比如當(dāng)用戶在進(jìn)行刪掉本地圖片、狀態(tài)、聯(lián)系人、退出登錄、移動(dòng)文件位置等相關(guān)任務(wù)操作時(shí),系統(tǒng)會(huì)提醒用戶并需要用戶再三確定該操作是否繼續(xù)執(zhí)行,如圖:

上圖所展示的反饋提示形式就屬于強(qiáng)反饋,此類反饋一般會(huì)以模態(tài)形式(用戶暫時(shí)脫離主流程,只能對(duì)當(dāng)前對(duì)象進(jìn)行操作,無法同時(shí)進(jìn)行其他操作)展現(xiàn),在向用戶傳遞提示信息的同時(shí)讓用戶為自己接下來的操作做出決定和選擇,以確保當(dāng)前流程是否繼續(xù)下去。

在對(duì)反饋提示做出強(qiáng)弱區(qū)分后,接下來就可以通過具體的使用場(chǎng)景對(duì)界面的反饋提示形式作出選擇。

通過場(chǎng)景確定反饋形式

經(jīng)過上一個(gè)階段從強(qiáng)弱這一維度對(duì)反饋提示形式進(jìn)行劃分后,本階段就進(jìn)入了反饋提示設(shè)計(jì)中最關(guān)鍵的一步—場(chǎng)景的引入。

那么到底什么樣的場(chǎng)景下選擇哪一種反饋形式呢?接下來同樣通過例子來說明。

適合選擇弱反饋提示的場(chǎng)景:

根據(jù)之前對(duì)弱反饋提示的定義,可以看出,弱反饋提示的作用主要告訴用戶當(dāng)前操作是否被執(zhí)行以及執(zhí)行的結(jié)果,是一種友好而令人愉悅同時(shí)又不打擾用戶操作的提示(有時(shí)還會(huì)有驚喜,比如幽默挑逗性的文案或圖片等),這種形式常常被用于用戶的操作不會(huì)產(chǎn)生嚴(yán)重后果、不涉及自身利益交易(如金錢、資源等)、以及可以及時(shí)撤銷修改等這類用戶操作成本小、對(duì)人對(duì)己都無害的場(chǎng)景。

比如當(dāng)你在先寫表單時(shí),當(dāng)你填對(duì)時(shí),文本框旁邊會(huì)有鼓勵(lì)的話提示你,當(dāng)你填錯(cuò)時(shí),文本框旁邊會(huì)及時(shí)通知你改正錯(cuò)誤,讓你始終能夠順暢的處于當(dāng)前填寫流程之中,這樣就大大地提升了用戶的轉(zhuǎn)化率。試想如果改為彈框這類強(qiáng)反饋提示,用戶可能是崩潰的,而轉(zhuǎn)化率也可能因此打折扣。

常用場(chǎng)景:收藏、喜歡、點(diǎn)贊、表單填寫、加入購(gòu)物車、添加、關(guān)注等場(chǎng)景

適合選擇強(qiáng)反饋提示的場(chǎng)景:

強(qiáng)反饋相對(duì)于弱反饋則顯得不那么“友好”,但是卻能夠讓用戶對(duì)當(dāng)前操作、尤其是可能產(chǎn)生的操作結(jié)果有一個(gè)很清晰的認(rèn)識(shí)和判斷,從而決定是否繼續(xù)進(jìn)行,起到警告的作用,同時(shí)也降低了誤操作的可能性。與弱反饋相比,強(qiáng)反饋適用于該操作會(huì)產(chǎn)生嚴(yán)重后果(這種后果往往需要用戶自己承擔(dān))、涉及到自身利益、不能夠及時(shí)撤銷修改操作(一旦操作便無法挽回,永久性生效)或撤銷成本很高等高成本且?guī)в幸欢L(fēng)險(xiǎn)性的場(chǎng)景,比如說因?yàn)槭д`而觸碰到刪除按鈕,導(dǎo)致資料丟失,或者因?yàn)檎`點(diǎn)擊購(gòu)買按鈕購(gòu)買了不想買的商品,如圖:

除此之外,還有一種比較特殊的場(chǎng)景,往往也會(huì)用到強(qiáng)反饋?;叵胍幌?,每當(dāng)app有相關(guān)活動(dòng)或者節(jié)慶優(yōu)惠時(shí),當(dāng)你進(jìn)入相關(guān)頁(yè)面后,往往會(huì)彈出一個(gè)彈框,告訴你現(xiàn)在您獲得一個(gè)vip禮包,快去領(lǐng)取等類似文案,如圖:

而這種場(chǎng)景則更多地是從業(yè)務(wù)需求出發(fā),希望引起用戶注意同時(shí)能夠最大程度地點(diǎn)擊進(jìn)去看看,從而提升背后的pv量和轉(zhuǎn)化率,這種情況下,強(qiáng)反饋提示對(duì)業(yè)務(wù)提升有更大更有效的幫助。

常用場(chǎng)景:刪除、文件遷移、購(gòu)買交易、系統(tǒng)調(diào)取訪問權(quán)限、版本升級(jí)、營(yíng)銷活動(dòng)提醒等。

小結(jié)

界面的反饋提示是設(shè)計(jì)師必須關(guān)注的關(guān)鍵一環(huán),它承載了用戶和界面之間的互動(dòng),讓系統(tǒng)能夠更加友好高校地響應(yīng)用戶的操作。而通過界定反饋提示形式的強(qiáng)弱程度,并根據(jù)具體的使用場(chǎng)景來決定提供給用戶的反饋形式能夠提高用戶對(duì)流程的把控感,讓用戶更加專心地投入到任務(wù)流程當(dāng)中去,從而實(shí)現(xiàn)自身目標(biāo)和商業(yè)目標(biāo)。

 

本文由 @像素先生 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!