3個(gè)方面分析:TV端如何做好反饋?

1 評(píng)論 5785 瀏覽 57 收藏 15 分鐘

對(duì)于應(yīng)用軟件來說,反饋就是當(dāng)用戶執(zhí)行了某一個(gè)操作后,系統(tǒng)應(yīng)該給用戶一個(gè)信號(hào), 告訴用戶你操作的結(jié)果是什么。這個(gè)結(jié)果包含操作成功、操作失敗等信息,用戶可以通過這些信息,了解自己的操作情況,以及對(duì)接下來要執(zhí)行的操作做預(yù)判。

好的反饋可以提升用戶體驗(yàn),讓用戶不會(huì)在使用中迷失自己,常用的手機(jī)App、網(wǎng)站都有很多的反饋,那么在TV端如何做好反饋呢?

我的上一篇文章電視端設(shè)計(jì)入門,這些焦點(diǎn)知識(shí)了解一下??,已經(jīng)全面介紹了電視的最基本的知識(shí)點(diǎn)——焦點(diǎn)。如果沒有看過上篇文章的朋友們,可以點(diǎn)擊鏈接看一下喲。

今天這篇文章主要是關(guān)于在電視的如何做好反饋的,如果操作沒有反饋,用戶不知道自己操作是否成功,也不知道是否應(yīng)該進(jìn)行下一步操作…

了解尼爾森十大設(shè)計(jì)原則的朋友們都知道,里面有一條原則叫做狀態(tài)可見原則,是指用戶在網(wǎng)頁上的任何操作,不論是單擊、滾動(dòng)還是按下鍵盤,頁面應(yīng)即時(shí)給出反饋。“即時(shí)”是指:頁面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。

那么反饋是什么呢?

對(duì)于應(yīng)用軟件來說,反饋就是當(dāng)用戶執(zhí)行了某一個(gè)操作后,系統(tǒng)應(yīng)該給用戶一個(gè)信號(hào), 告訴用戶你操作的結(jié)果是什么。這個(gè)結(jié)果包含操作成功、操作失敗等信息,用戶可以通過這些信息,了解自己的操作情況,以及對(duì)接下來要執(zhí)行的操作做預(yù)判。

一、反饋的種類

對(duì)反饋的概念了解之后,如何進(jìn)行反饋的設(shè)計(jì)呢,首先了解反饋的種類。

按照反饋的輕重程度、反饋的使用場(chǎng)景將反饋分為以下幾類:

  1. Toast操作反饋;
  2. 動(dòng)效反饋;
  3. 即時(shí)校驗(yàn);
  4. 彈窗反饋;
  5. 邊緣固定提示;
  6. 進(jìn)度反饋;
  7. 焦點(diǎn)樣式反饋;
  8. 其他。

這8類反饋使用場(chǎng)景不同,并且對(duì)用戶當(dāng)前的操作會(huì)有一定的影響,有些反饋會(huì)打斷用戶當(dāng)前的操作,所以反饋的時(shí)候要綜合考慮到不同情況。

下面詳細(xì)介紹各種不同種類的反饋使用方法:

二、反饋的具體用法

1.?Toast操作反饋

Toast類的操作反饋是不打斷用戶行為的輕度提示,常位于屏幕的下方并且會(huì)自動(dòng)消失,一般用于用戶操作成功、失敗和警告等提示。

在Android中,Toast顯示的默認(rèn)時(shí)長(zhǎng)有3.5秒2秒兩種,可根據(jù)具體場(chǎng)景需要用到的toast來修改時(shí)間長(zhǎng)度,源碼如下方所示。

private?static?final?int?LONG_DELAY =?3500;?// 3.5 seconds

private?static?final?int?SHORT_DELAY =?2000;?// 2 seconds

電視系統(tǒng)中常用到Toast提示有以下6種情況:

(1)操作成功/失敗、保存成功/失敗、下載成功/失敗、打開XX應(yīng)用的提示

此類提示主要以文本為主,有些提示會(huì)在文不能前增加圖標(biāo),但是出現(xiàn)的情況較少。

(2)連續(xù)按兩次返回鍵退出,再按一次返回鍵退出

常用于退出電視應(yīng)用返回電視系統(tǒng)時(shí)出現(xiàn),用戶按兩次則可以退出當(dāng)前應(yīng)用。

(3)按菜單鍵/OK鍵進(jìn)行更多操作

常用于當(dāng)前頁面的更多操作,如:宣傳頁面的按【OK】鍵了解宣傳詳情,應(yīng)用頁面的長(zhǎng)按【OK】鍵進(jìn)行應(yīng)用編輯,列表頁按【菜單】鍵更多操作等。


(4)在非首屏頁面按【上】鍵往上翻頁時(shí),toast提示按【返回】鍵回到頂部

通常在瀑布流頁面出現(xiàn),為了方便用戶在非首屏頁面快速返回到頂部tab,類似網(wǎng)頁和手機(jī)APP的「返回頂部」功能。

此功能在電視端的出現(xiàn)時(shí)機(jī)為:用戶在一段時(shí)間內(nèi)(時(shí)間段可以是0.5h,設(shè)計(jì)者可自己定義)首次打開App,并且處于非首屏按【上】鍵時(shí)出現(xiàn)。打開應(yīng)用只提示一次,每天提示一次等規(guī)則)。

如下圖:

使用Toast時(shí)需要注意規(guī)定時(shí)間的長(zhǎng)度和文案的字?jǐn)?shù),時(shí)間一般是2~3.5秒,也有一些是5s,電視端常用3s的長(zhǎng)度。提示文本要盡量簡(jiǎn)短,可以讓用在幾秒內(nèi)看完,如上方的左邊的提示:按【返回鍵】可以快速回到頂部哦~

可以修改成:按【返回】可快速回到頂部,但是右邊的Toast沒有將按鍵突出顯示,在一行字中無法快速抓到哪一些是重點(diǎn)詞。

2. 動(dòng)效反饋

(1)邊緣回彈如最后一塊卡片回彈

邊緣回彈效果是指焦點(diǎn)移動(dòng)到邊緣時(shí),并且此方向沒有內(nèi)容時(shí),卡片會(huì)有回彈的效果,主要是提醒用戶此方向沒有內(nèi)容。

(2) 跑馬燈

主要用于卡片內(nèi)長(zhǎng)文本的顯示,當(dāng)焦點(diǎn)選中卡片后,隱藏在卡片外的文本循環(huán)滾動(dòng),以至于能讓用戶完整的觀看全部文本。

如下圖所示:

(3)焦點(diǎn)選中后,gif圖片播放/視頻開始播放等

常用于視頻軟件以及電視launcher中的視頻推薦,焦點(diǎn)選中卡片后視頻/gif開始播放,提前讓用戶了解此視頻的內(nèi)容,以便判斷是否對(duì)此視頻感興趣。此處的視頻一般是某個(gè)精彩片段的剪輯或者精彩畫面的gif組合。

人的注意力很容易被界面中會(huì)動(dòng)的元素吸引,動(dòng)效的正確使用會(huì)大大提升整個(gè)軟件的用戶體驗(yàn)。由于現(xiàn)有的智能電視的性能不斷提升,很多中高端機(jī)型已經(jīng)在界面中使用了很多動(dòng)效,在軟件設(shè)計(jì)中可以適當(dāng)增加動(dòng)效。

3. 即時(shí)校驗(yàn)

即時(shí)校驗(yàn)常用于表單模塊,即時(shí)校驗(yàn)用戶輸入的信息是否正確,以便更好的引導(dǎo)用戶進(jìn)行輸入,減少輸入過程的挫敗感。

(1) 模塊即時(shí)校驗(yàn)

例如:6密碼標(biāo)準(zhǔn)為6~14位,需輸入6位以后,登錄按鈕高亮,又如輸入的手機(jī)號(hào)碼正確后,校驗(yàn)成功出現(xiàn)??標(biāo)識(shí)。

(2)輸錯(cuò)密碼、已發(fā)送驗(yàn)證碼(59秒后重發(fā)),輸入字符數(shù)提示、必填提示、輸入字符校驗(yàn)提示。

即時(shí)校驗(yàn)在使用中要注意輸入前需要描述清楚輸入條件,例如:6~14位數(shù)字和字母結(jié)合的密碼、QQ郵箱等。如果可以,應(yīng)該記住上次用戶輸入的賬號(hào)信息,減少用戶操作成本。

4. 彈窗反饋

網(wǎng)頁或是手機(jī)APP上的模態(tài)對(duì)話框是類似的,用戶只能關(guān)閉彈窗才能進(jìn)行其他的操作。彈窗的應(yīng)用會(huì)打斷用戶的操作,所以在使用時(shí)需要注意,當(dāng)前的提醒是否重要到用戶一定要看到,否則會(huì)造成不可逆的影響。

常用于刪除、全部刪除等危險(xiǎn)操作,需二次確認(rèn)時(shí)彈出此窗口。

很多應(yīng)用在退出時(shí)也會(huì)彈窗提示用戶是否需要退出,希望用戶花更多時(shí)間使用自己的應(yīng)用。

5. 邊緣固定提示

在有些應(yīng)用的底部會(huì)出現(xiàn)固定提示如「返回頂部」等,目的是告訴用戶到這里已經(jīng)看到所有內(nèi)容。

6. 進(jìn)度反饋

(1)下載進(jìn)度、安裝進(jìn)度等是一條時(shí)間線上,確認(rèn)安裝、下載、正在安裝、打開等,每個(gè)時(shí)間段都需要相應(yīng)改變狀態(tài),這樣用戶也比較明確當(dāng)前處于什么狀態(tài)中。

(2) 播放進(jìn)度,主要用于音樂、視頻播放過程中,提示用戶當(dāng)前的播放進(jìn)度,一般包含已播放長(zhǎng)度和總長(zhǎng)度。

(3)加載進(jìn)度,常用于打開一個(gè)新頁面,或者篩選某個(gè)新功能,當(dāng)還沒加載好之前會(huì)顯示一個(gè)加載中的信息,減少用戶等待中的焦慮。像這種加載,如果估算進(jìn)度是比較好的,用戶可以知道還需要等多久,有明確的信息。

(4)長(zhǎng)文本閱讀進(jìn)度,主要用戶用戶協(xié)議、免責(zé)聲明、應(yīng)用升級(jí)介紹等打斷文章的介紹中,此時(shí)右邊應(yīng)該要加上一個(gè)進(jìn)度條。

7. 焦點(diǎn)樣式反饋

焦點(diǎn)的反饋主要是通過焦點(diǎn)移動(dòng),框選、放大、顏色填充、回彈、跑馬燈(組合要用于卡片內(nèi)長(zhǎng)文本的顯示)、人物突出等變化來告訴用戶當(dāng)前的焦點(diǎn)所在位置,主要作用是提示用戶當(dāng)前的位置,減少用戶在頁面中迷失的幾率。更多焦點(diǎn)的情況可以參考本人的文章電視端設(shè)計(jì)入門,這些焦點(diǎn)知識(shí)了解一下?,里面有關(guān)于焦點(diǎn)的詳細(xì)介紹哦~

8. 其他

(1)選中某卡片后出現(xiàn)相關(guān)信息提示、操作提示

如下圖左邊的NewTV極光,選中卡片后,右上角出現(xiàn)【菜單】按鈕,按菜單鍵可以更換快捷入口。下圖右邊則是選中卡片【1】后顯示改劇集的簡(jiǎn)單描述,用戶可以通過卡片了解劇情總體情況,不需要看了影片才知道。

(2) 某一頁固定顯示某種操作提示

這種方法通常將提示固定在頁面中的某一個(gè)位置,常為右上角,主要是提示用戶在此頁面的操作,例如按【菜單】鍵進(jìn)入設(shè)置和長(zhǎng)按【確定】鍵設(shè)置或刪除選中應(yīng)用。

(3) 頁碼指示符

常用于引導(dǎo)頁下方頁碼指示符,指示當(dāng)前位置和引導(dǎo)頁的總體數(shù)量,用于可以預(yù)知操作多少步可以瀏覽完,還有很多用在推薦影片頁面,如動(dòng)作影片(1/12)等。

(4)掃碼提示

電視端的掃碼主要用戶用戶登錄、購(gòu)買的操作前需要掃碼,主要是簡(jiǎn)化輸入。掃碼提示主要包括掃前提示、掃碼失敗、掃碼成功等。掃碼成功進(jìn)入對(duì)應(yīng)界面,掃碼失敗,提示再次掃碼。

(5) VIP 播放提示,試看提示等

當(dāng)用戶不是VIP時(shí),提示用戶試看,并且提供快速開通VIP的入口。

三、總結(jié)

文章主要介紹了設(shè)計(jì)中反饋的重要性、反饋的種類以及反饋的用法,電視上的反饋和PC、移動(dòng)端App都所有區(qū)別卻又有所類似,例如:輕度提示都是用Toast提示等。在設(shè)計(jì)時(shí)需要結(jié)合使用場(chǎng)景來決定用哪一種反饋方式。

本片文章就先介紹這些,接下來還會(huì)有關(guān)于電視端設(shè)計(jì)的一系列的文章,希望大家繼續(xù)關(guān)注!

 

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

題圖來自Unsplash,基于CC0協(xié)議

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