3個方面分析:TV端如何做好反饋?
對于應用軟件來說,反饋就是當用戶執行了某一個操作后,系統應該給用戶一個信號, 告訴用戶你操作的結果是什么。這個結果包含操作成功、操作失敗等信息,用戶可以通過這些信息,了解自己的操作情況,以及對接下來要執行的操作做預判。
好的反饋可以提升用戶體驗,讓用戶不會在使用中迷失自己,常用的手機App、網站都有很多的反饋,那么在TV端如何做好反饋呢?
我的上一篇文章電視端設計入門,這些焦點知識了解一下??,已經全面介紹了電視的最基本的知識點——焦點。如果沒有看過上篇文章的朋友們,可以點擊鏈接看一下喲。
今天這篇文章主要是關于在電視的如何做好反饋的,如果操作沒有反饋,用戶不知道自己操作是否成功,也不知道是否應該進行下一步操作…
了解尼爾森十大設計原則的朋友們都知道,里面有一條原則叫做狀態可見原則,是指用戶在網頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應即時給出反饋?!凹磿r”是指:頁面響應時間小于用戶能忍受的等待時間。
那么反饋是什么呢?
對于應用軟件來說,反饋就是當用戶執行了某一個操作后,系統應該給用戶一個信號, 告訴用戶你操作的結果是什么。這個結果包含操作成功、操作失敗等信息,用戶可以通過這些信息,了解自己的操作情況,以及對接下來要執行的操作做預判。
一、反饋的種類
對反饋的概念了解之后,如何進行反饋的設計呢,首先了解反饋的種類。
按照反饋的輕重程度、反饋的使用場景將反饋分為以下幾類:
- Toast操作反饋;
- 動效反饋;
- 即時校驗;
- 彈窗反饋;
- 邊緣固定提示;
- 進度反饋;
- 焦點樣式反饋;
- 其他。
這8類反饋使用場景不同,并且對用戶當前的操作會有一定的影響,有些反饋會打斷用戶當前的操作,所以反饋的時候要綜合考慮到不同情況。
下面詳細介紹各種不同種類的反饋使用方法:
二、反饋的具體用法
1.?Toast操作反饋
Toast類的操作反饋是不打斷用戶行為的輕度提示,常位于屏幕的下方并且會自動消失,一般用于用戶操作成功、失敗和警告等提示。
在Android中,Toast顯示的默認時長有3.5秒和2秒兩種,可根據具體場景需要用到的toast來修改時間長度,源碼如下方所示。
private?static?final?int?LONG_DELAY =?3500;?// 3.5 seconds
private?static?final?int?SHORT_DELAY =?2000;?// 2 seconds
電視系統中常用到Toast提示有以下6種情況:
(1)操作成功/失敗、保存成功/失敗、下載成功/失敗、打開XX應用的提示
此類提示主要以文本為主,有些提示會在文不能前增加圖標,但是出現的情況較少。
(2)連續按兩次返回鍵退出,再按一次返回鍵退出
常用于退出電視應用返回電視系統時出現,用戶按兩次則可以退出當前應用。
(3)按菜單鍵/OK鍵進行更多操作
常用于當前頁面的更多操作,如:宣傳頁面的按【OK】鍵了解宣傳詳情,應用頁面的長按【OK】鍵進行應用編輯,列表頁按【菜單】鍵更多操作等。
(4)在非首屏頁面按【上】鍵往上翻頁時,toast提示按【返回】鍵回到頂部
通常在瀑布流頁面出現,為了方便用戶在非首屏頁面快速返回到頂部tab,類似網頁和手機APP的「返回頂部」功能。
此功能在電視端的出現時機為:用戶在一段時間內(時間段可以是0.5h,設計者可自己定義)首次打開App,并且處于非首屏按【上】鍵時出現。打開應用只提示一次,每天提示一次等規則)。
如下圖:
使用Toast時需要注意規定時間的長度和文案的字數,時間一般是2~3.5秒,也有一些是5s,電視端常用3s的長度。提示文本要盡量簡短,可以讓用在幾秒內看完,如上方的左邊的提示:按【返回鍵】可以快速回到頂部哦~
可以修改成:按【返回】可快速回到頂部,但是右邊的Toast沒有將按鍵突出顯示,在一行字中無法快速抓到哪一些是重點詞。
2. 動效反饋
(1)邊緣回彈如最后一塊卡片回彈
邊緣回彈效果是指焦點移動到邊緣時,并且此方向沒有內容時,卡片會有回彈的效果,主要是提醒用戶此方向沒有內容。
(2) 跑馬燈
主要用于卡片內長文本的顯示,當焦點選中卡片后,隱藏在卡片外的文本循環滾動,以至于能讓用戶完整的觀看全部文本。
如下圖所示:
(3)焦點選中后,gif圖片播放/視頻開始播放等
常用于視頻軟件以及電視launcher中的視頻推薦,焦點選中卡片后視頻/gif開始播放,提前讓用戶了解此視頻的內容,以便判斷是否對此視頻感興趣。此處的視頻一般是某個精彩片段的剪輯或者精彩畫面的gif組合。
人的注意力很容易被界面中會動的元素吸引,動效的正確使用會大大提升整個軟件的用戶體驗。由于現有的智能電視的性能不斷提升,很多中高端機型已經在界面中使用了很多動效,在軟件設計中可以適當增加動效。
3. 即時校驗
即時校驗常用于表單模塊,即時校驗用戶輸入的信息是否正確,以便更好的引導用戶進行輸入,減少輸入過程的挫敗感。
(1) 模塊即時校驗
例如:6密碼標準為6~14位,需輸入6位以后,登錄按鈕高亮,又如輸入的手機號碼正確后,校驗成功出現??標識。
(2)輸錯密碼、已發送驗證碼(59秒后重發),輸入字符數提示、必填提示、輸入字符校驗提示。
即時校驗在使用中要注意輸入前需要描述清楚輸入條件,例如:6~14位數字和字母結合的密碼、QQ郵箱等。如果可以,應該記住上次用戶輸入的賬號信息,減少用戶操作成本。
4. 彈窗反饋
網頁或是手機APP上的模態對話框是類似的,用戶只能關閉彈窗才能進行其他的操作。彈窗的應用會打斷用戶的操作,所以在使用時需要注意,當前的提醒是否重要到用戶一定要看到,否則會造成不可逆的影響。
常用于刪除、全部刪除等危險操作,需二次確認時彈出此窗口。
很多應用在退出時也會彈窗提示用戶是否需要退出,希望用戶花更多時間使用自己的應用。
5. 邊緣固定提示
在有些應用的底部會出現固定提示如「返回頂部」等,目的是告訴用戶到這里已經看到所有內容。
6. 進度反饋
(1)下載進度、安裝進度等是一條時間線上,確認安裝、下載、正在安裝、打開等,每個時間段都需要相應改變狀態,這樣用戶也比較明確當前處于什么狀態中。
(2) 播放進度,主要用于音樂、視頻播放過程中,提示用戶當前的播放進度,一般包含已播放長度和總長度。
(3)加載進度,常用于打開一個新頁面,或者篩選某個新功能,當還沒加載好之前會顯示一個加載中的信息,減少用戶等待中的焦慮。像這種加載,如果估算進度是比較好的,用戶可以知道還需要等多久,有明確的信息。
(4)長文本閱讀進度,主要用戶用戶協議、免責聲明、應用升級介紹等打斷文章的介紹中,此時右邊應該要加上一個進度條。
7. 焦點樣式反饋
焦點的反饋主要是通過焦點移動,框選、放大、顏色填充、回彈、跑馬燈(組合要用于卡片內長文本的顯示)、人物突出等變化來告訴用戶當前的焦點所在位置,主要作用是提示用戶當前的位置,減少用戶在頁面中迷失的幾率。更多焦點的情況可以參考本人的文章電視端設計入門,這些焦點知識了解一下?,里面有關于焦點的詳細介紹哦~
8. 其他
(1)選中某卡片后出現相關信息提示、操作提示
如下圖左邊的NewTV極光,選中卡片后,右上角出現【菜單】按鈕,按菜單鍵可以更換快捷入口。下圖右邊則是選中卡片【1】后顯示改劇集的簡單描述,用戶可以通過卡片了解劇情總體情況,不需要看了影片才知道。
(2) 某一頁固定顯示某種操作提示
這種方法通常將提示固定在頁面中的某一個位置,常為右上角,主要是提示用戶在此頁面的操作,例如按【菜單】鍵進入設置和長按【確定】鍵設置或刪除選中應用。
(3) 頁碼指示符
常用于引導頁下方頁碼指示符,指示當前位置和引導頁的總體數量,用于可以預知操作多少步可以瀏覽完,還有很多用在推薦影片頁面,如動作影片(1/12)等。
(4)掃碼提示
電視端的掃碼主要用戶用戶登錄、購買的操作前需要掃碼,主要是簡化輸入。掃碼提示主要包括掃前提示、掃碼失敗、掃碼成功等。掃碼成功進入對應界面,掃碼失敗,提示再次掃碼。
(5) VIP 播放提示,試看提示等
當用戶不是VIP時,提示用戶試看,并且提供快速開通VIP的入口。
三、總結
文章主要介紹了設計中反饋的重要性、反饋的種類以及反饋的用法,電視上的反饋和PC、移動端App都所有區別卻又有所類似,例如:輕度提示都是用Toast提示等。在設計時需要結合使用場景來決定用哪一種反饋方式。
本片文章就先介紹這些,接下來還會有關于電視端設計的一系列的文章,希望大家繼續關注!
本文由 一戈何處 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
- 目前還沒評論,等你發揮!