近期接觸到電視端相關(guān)應(yīng)用的體驗設(shè)計,在這過程中凸丸,分析競品和尋找標(biāo)桿成了我的日常,卻很遺憾地發(fā)現(xiàn):雖然機械復(fù)制移動端平板端的設(shè)計到電視上顯然是錯誤的欲虚,但縱觀電視端應(yīng)用市場梯找,大多數(shù)都在重復(fù)著這種錯誤。于是職業(yè)病使我打開了蘋果和安卓官方的TV設(shè)計指南鸽捻。在進行翻譯之前屑埋,先貼幾個自己的實踐心得:
- 電視端用戶交互成本比移動端高。這體現(xiàn)在數(shù)據(jù)輸入、焦點移動挽拂、觸發(fā)/反饋方式、導(dǎo)航層級等方面。在進行登錄蛛碌、搜索等輸入型的流程設(shè)計中誊辉,應(yīng)盡量縮短輸入步驟,比如移動端常見的激活輸入框這一操作范式喷斋,在電視上應(yīng)盡量避免毡鉴,盡量讓用戶直接輸入或直接選擇。
- 電視端更注重內(nèi)容呈現(xiàn)鞍泉。這點是基于第1點而言的皱埠,正因為電視端交互成本高,才應(yīng)該將用戶的注意力轉(zhuǎn)移并沉浸入精彩的內(nèi)容上來砚嘴。
- 借助手機作為遙控輔助枣宫。手機操作方便翅娶,將復(fù)雜的流程任務(wù)模塊盡可能移植到手機端蜕提,提高用戶的操作效率。
- 距離決定了你不能在一個頁面上放置太多元素仔役,別讓用戶的眼睛覺得疲勞。當(dāng)我們手持手機的時候俄烁,眼睛與手機的距離很短绸栅,這姿勢的導(dǎo)向必然是聚精會神;而當(dāng)用戶坐在客廳里页屠,眼睛離電視超級遠(yuǎn)粹胯,且因為不需要一直手持遙控器而解放了雙手,所以注意力很容易不集中辰企。當(dāng)然如果你不想抓住用戶眼球的話风纠,可以忽略這條。
Ok牢贸,啰嗦了下面是蘋果TV人機交互規(guī)范的譯文:
Apple產(chǎn)品以連接用戶與內(nèi)容而聞名竹观。AppleTV位于客廳這樣一個家庭娛樂和溝通的環(huán)境,我們也希望在AppleTV中提現(xiàn)連接感潜索。娛樂AppleTV是一個獨立的平臺臭增,擁有獨特的設(shè)計規(guī)范。不論你正在開發(fā)一個TV版本的游戲竹习、流媒體應(yīng)用誊抛、還是家用程序,請一定牢記以下原則:
-
設(shè)計主題
- 連接性:用愉悅的方式將智能電視中的內(nèi)容與用戶連接在一起整陌。
- 清晰性:讓用戶感到自然和簡單拗窃,讓他們本能地知道現(xiàn)在停留在應(yīng)用中的什么位置,以及知道下一步應(yīng)該怎么辦
- 沉浸性:用有吸引力的內(nèi)容蔓榄、精細(xì)/流暢的動畫并炮、驚奇的圖像、迷人的聲音…來打造沉浸體驗
-
身份驗證
- 盡量延遲登錄操作甥郑。
給用戶先愛上你的App的機會再要求其登錄,當(dāng)重大價值發(fā)生時(比如購買行為)再彈出登錄窗口 - 減少數(shù)據(jù)輸入荤西。
用戶用遙控器輸入澜搅,而非鍵盤,所以一定不要讓數(shù)據(jù)輸入操作過于繁瑣邪锌。當(dāng)你需要用戶提供郵箱地址等類型的數(shù)據(jù)時勉躺,最好能記住用戶的歷史輸入記錄 - 解釋登錄的好處,讓用戶明白該怎樣注冊觅丰。
登錄窗口最好展示一個簡短饵溅、友好的說明,描述清楚必要的原因妇萄。記住蜕企,每個人最開始都需要一個賬號咬荷,確保讓注冊登錄的方式是最簡化的。 - 多帳號管理轻掩。
TV是一個公共的設(shè)備幸乒。默認(rèn)記住最近登錄的用戶信息,但要明確登錄賬號記錄唇牧,讓賬號切換容易進行罕扎。
- 盡量延遲登錄操作甥郑。
-
緩沖
- 讓緩沖操作清晰和移動,最好用動畫來表示TV正在處理的事情丐重。
- 使用統(tǒng)一化的占位符
-
焦點與選擇
- 讓被選擇的元素清晰易見
- 讓焦點變化時的體驗流暢
- 設(shè)計多重焦點狀態(tài)
-
引導(dǎo)
- 引導(dǎo)頁是用戶接觸你的App的第一個機會腔召,利用好它,設(shè)計出引導(dǎo)性的扮惦、趣味性的啟動體驗臀蛛。但不要過度而成為使用障礙
- 引導(dǎo)要圍繞重點。
- 快速進入App径缅。引導(dǎo)不可過長掺栅,要讓用戶隨時可跳過引導(dǎo)。
- 讓學(xué)習(xí)保持有趣和可現(xiàn)纳猪。
- 預(yù)見用戶尋求幫助的需求氧卧。如果內(nèi)置了教學(xué),最好能讓用戶可重播以免首次播放時的錯過風(fēng)險氏堤。
-
設(shè)計要點
區(qū)別按鈕與內(nèi)容
梳理屏幕外的內(nèi)容
讓用戶清楚地知道下一個聚焦控件在哪里
確保聚焦沙绝,不要模棱兩可。使控件變大鼠锈,發(fā)光或者是改變顏色闪檬。在大屏幕上請盡情使用夸張的表現(xiàn)手法。