反饋提示形式總結與設計要點淺析
反饋提示對于產品而言,能夠很好給予用戶信息反饋,使得用戶對結果有一個很好的預判,減少等待焦慮,提升用戶體驗。反饋提示的重要性不言而喻。
作為一只產品汪,當然也是要了解一些交互設計知識的,今天所說到的反饋提示就屬于很重要的交互設計之一,什么情況使用什么反饋提示?怎么解決提示問題?別急,慢慢聽我道來。
反饋提示概念
反饋提示指當用戶在系統內進行任務操作時的系統響應。比如剛進入蝦米時它用 toast 告訴你簽到成功,獲得5經驗值;比如你用360清理電腦垃圾時,那個加速球不斷旋轉告訴你正在清理;再比如你要刪除iPhone 上的一個應用時,所有應用都開始瑟瑟發抖,擔心自己被刪掉,這些都是系統感應到我們的操作,給予我們的反饋。
反饋提示目的:優化用戶體驗,提高產品轉化率,即讓用戶有心理預期,能確定自己的操作是否被執行,是否被撤銷,執行后會產生哪些影響,在哪里可以查詢結果,用戶該怎么解決等,從而提高用戶進行下一步操作的轉化率。
反饋內容分類
確認
確認是反饋提示當中出現頻次最高的內容之一,包括讓用戶確定系統是否可獲取一些用戶權限,用戶的當前操作是否是自己本意,用戶選擇分享等。
警告
提示當前的用戶操作將造成重大影響,如購買某理財產品有風險確定購買?刪除這個APP將刪除它保存的所有數據確定刪除?關閉定位功能將不能準確為您服務等都屬于警告提示,相較于確定提示,警告提示更多的突出當前操作將會造成的影響,一般包括標題(操作描述)、內容(操作將會造成的影響)、選擇按鈕。
因此,警告提示最好為疑問語氣(最終還是要看場景的),且影響描述要簡單直接,避免引起用戶誤解,按鈕也要清晰明白,避免“是否”等說法。
傳達信息
向用戶傳達系統升級、推薦、廣告等信息,如點開豆瓣,提示你今天的內容已經為你準備好了;如最新版本增加了啥啥啥牛逼功能,問你要不要升級;如 提示你,我們要搞個大活動啦,你上去可以領取啥啥啥福利之類的等等。
傳達信息的頻次要適當,特別是一些非必要信息,否則容易引起用戶反感。
錯誤
錯誤也是反饋提示中出現較多的一種,主要是提示用戶的操作有什么問題,可以怎樣解決。如提示你連接不到網絡,你該怎么檢查網絡;如提示你填寫的這個密碼不對,我們要求的是8~16個字符的;如提示你余額不足以支付,要不要換卡支付等等。
對于錯誤提示,APP 和 網頁存在較多區別,如APP 更多用彈窗提示錯誤,而網頁更多用標簽提示錯誤。大家需注意,這里就不多說了。
反饋提示的表現形式有哪些?
頁面
頁面提示是指用系統的整個單獨頁面來對用戶進行提示,通常包含圖標、提示內容、處理方法等,出現最多的就是用戶在相應功能頁沒有數據及連接不到網絡時,一般還會加上功能按鈕,通過該按鈕,可引導用戶解決當前頁面出現的問題。
標簽
多用于錯誤提示,告之用戶哪些地方出現錯誤,該如何解決;很多標簽會在用戶重新聚焦選框時消失,但對于要求過多,用戶無法一時記住的情況,相比于用戶出錯時的標簽提示,在用戶出錯前就明確好要求會更好。
動畫
多用于加載界面時緩解用戶的無聊,或在進行某項需要時間處理的功能時告之處理的進度,同時,如出現新功能、新活動時,也會通過動畫來吸引用戶關注。
按下狀態
在按下和不按下時呈現不同的界面,不僅能引導用戶操作,而且能讓用戶得到一些超乎預期的體驗。
聲音/震動
通過聲音/震動,能夠充分引起用戶的注意,讓場景具象化,合適的音樂還能增加用戶的愉悅感,一般在有重要通知或具有娛樂性的操作時,如短信郵件通知,收款時有錢入袋的聲音等。
彈窗
彈窗是最常用到的反饋提示,它主要分為模態彈窗和非模態彈窗,所謂模態彈窗就是系統與用戶需要發生交互,否則不能進行下一步,而非模態彈窗是系統單獨的提示,不需要與用戶發生交互也可繼續進行下一步操作。
如何避免不必要的提示?
俗話說得好,防錯在先,容錯在后,所以要避免不必要的提示,就要盡量少犯錯,如果還是犯錯了,那就通過優化,來提高用戶解決問題的能力及解決問題過程中的體驗。
輸入提示
除了在選框附近提示,也可直接在選框中對用戶進行提示,以防一進入頁面就專心只填選框的人。
自動完成
一方面減少用戶操作,另一方面減少用戶輸入錯誤,通過選擇更快更好的確定目標。
根據舒適度安排控件位置
總有些手殘黨不小心點到按鈕,導致不小心給人發信息呀,不小心刪除了某文件呀,不小心點錯進視頻之類的,所以為了解決這類問題,最好把一些不重要或使用頻次低的按鈕,放在人手不方便操作的地方,PC網頁一般放在邊角,手機則放在如下的紅色區域(據研究顯示,49%的人單手操作手機,而單手操作手機時,有三個大的操作區域:方便操作到的,不是很方便操作到的,難操作到的,而紅色區域就為難操作到的區域)。
只能選擇可選項
總有人會在輸入數字的界面會輸入字母,也有人會在選擇旅行時間時選擇到已過去的時間,針對這些,在設計時應盡量引導用戶選擇可選項,過去的日期就勾選不上,在輸入數字密碼時只顯示數字鍵盤等。
屏幕展架
屏幕展架是優化提示的一種方式,它指在展示頁面時,如遇到網絡不暢或加載緩慢等問題時,依次展現內容,而不是等到內容全部全部加載完才顯示。這種方式能讓用戶知道系統是在運作的,減少用戶焦慮。
簡化提示
只提供重要信息是我們的宗旨,至于對不起呀,我們因為系統剛才崩了下導致啥啥啥了,需要你重新刷新一下啥啥啥的一堆廢話,用戶是不想知道也不需要知道的,我們只提供核心問題,影響及簡短的解決方案。
優化操作步驟
減少不必要的操作從而減少提示也是一種優化提示的方式,如支付寶之前在支付時需要再點擊確認付款,現在只要輸入密碼或指紋之后就直接支付了,減少了操作步驟的同時也減少了與用戶的交互提示。
避免頻繁,只在必要情況下出現
現在很多APP會頻繁的推送通知或在用戶進入界面后不斷提示,很大程度上造成用戶厭煩,所以盡量避免頻繁給不必要的提示,對于部分有必要提示,還可告知用戶在哪里可以關閉提示或當前窗口就可選擇不再提示。
提示明確
明確的提示可讓用戶清晰的知道當前操作的結果,讓用戶按照自己需求選擇合理選項,減少錯誤操作后造成的不良影響。
小結
反饋提示是產品設計中的重要一環,但切記不要濫用,不要復雜化,最好從場景中來到場景中去,根據不同場景選擇適合的提示方式,當然也要遵守不同設計的規范。
不過規范是官方給的,我們是要活用的,就像在 iOS 里面是沒 toast 提示,有HUD 提示,但兩個是極其相似的,只是叫法不同而已,所以有時不同設計的規范之間互用也并不是不行的,只是要考慮到場景及系統適應性等等問題,總之我們的大目標是優化用戶體驗,提高產品轉化率,只要能達到目的,借用下其他合理規范又有何不可呢。
以上就是我對反饋提示的認識及簡單分享,歡迎大家交流指教!
本文由 @皮皮 原創發布于人人都是產品經理。未經許可,禁止轉載。
最近正好再理這塊,學習了
有其他的可以一起分享哦 ??
寫得不錯~加油
蟹蟹 ??