久久久久久中文字幕有精品,中文字幕精品亚洲一区

編輯導(dǎo)語：如今的智能電視不同于以往的傳統(tǒng)電視，現(xiàn)在的智能電視加入了更多開放式系統(tǒng)，頁面內(nèi)容也更加豐富，功能更加強(qiáng)大，比如選擇電影、回放、玩游戲等等，讓觀眾有更多的選擇；本文作者分析了電視端的設(shè)計(jì)原則。

前段時(shí)間完成了公司從0-1的TV端產(chǎn)品設(shè)計(jì)，在設(shè)計(jì)過程中，整理了一些TV端的設(shè)計(jì)原則和設(shè)計(jì)經(jīng)驗(yàn)，與大家共同學(xué)習(xí)交流。

相對于移動(dòng)端和PC端，TV端設(shè)計(jì)對于很多人來說比較陌生。

接下來從以下幾個(gè)方面和大家聊聊TV端的設(shè)計(jì)方法和經(jīng)驗(yàn)總結(jié)：

TV端使用場景；
TV端操控方式；
焦點(diǎn)；
頁面布局；
交互特點(diǎn)；

一、TV端使用場景

一般談到看電視，人們首先想到的畫面是家人聚在客廳里，坐在沙發(fā)上邊聊天邊追劇或者邊玩游戲。

基于這種最常見的觀影環(huán)境和氛圍，TV端的使用場景有以下幾個(gè)特點(diǎn)：

1. 遠(yuǎn)距離操控

由于現(xiàn)在的電視屏幕尺寸越來越大屏，用戶的觀影距離一般在距離電視2-5米左右。

這么遠(yuǎn)的距離，為了讓用戶能夠始終輕易的關(guān)注到主要內(nèi)容，電視界面往往通過將其居中和靠前突出，讓主要內(nèi)容不被淹沒在大屏之中。

2. 娛樂式消費(fèi)

人們一般會(huì)通過看綜藝、看電影來達(dá)到放松休閑的目的，所以娛樂消費(fèi)是TV端的特點(diǎn)。

大篇幅的設(shè)置在TV端并不適用，多層級的探索也會(huì)讓用戶迷失方向。

內(nèi)容的易被發(fā)現(xiàn)、簡單的層級、極簡的操作步驟；讓用戶快速抵達(dá)目的，享受觀影本身，是需要著重考慮的。

3. 沉浸式體驗(yàn)

越來越多的家庭擁有家庭影院。

試想下，在昏暗的環(huán)境中，帶上3D眼鏡，沉浸在劇情之中，是一種美好的享受。

這種環(huán)境下，適合讓視頻、圖片、聲音作為主旋律，摒棄大段的文字，構(gòu)建豐富和動(dòng)態(tài)的視聽享受。

4. 共享式環(huán)境

電視處于家庭公共場合，離不開社交體驗(yàn)，如看電影、看照片、玩游戲等，是一種共享設(shè)備。

故電視端的內(nèi)容需要廣泛適應(yīng)家庭所有受眾成員。

二、TV端操控方式

不同于移動(dòng)端的手指操控和PC端的鼠標(biāo)操控，TV端主要通過遙控器操控；從傳統(tǒng)的老式遙控器到現(xiàn)在的極簡遙控器，在操作的簡易程度上有很大改善。

傳統(tǒng)的遙控器操作除了方向鍵，還有數(shù)字鍵和其他眾多按鍵，用戶除了不好記憶，還容易誤操作；
新式遙控器將不常用的按鍵去除或轉(zhuǎn)移至電視端，僅保留上/下/左/右方向鍵，首頁、返回、菜單和音量鍵；最新式的遙控器還加入了語音控制鍵，極大提升了用戶的操作方式。

國內(nèi)遙控器的最常見操作方式為點(diǎn)按操作，包括長按和短按；國外遙控器典型是蘋果公司的apple TV遙控器，除了點(diǎn)按，還支持滑動(dòng)操作，體驗(yàn)更流暢、操作效率更高。

改進(jìn)仍在繼續(xù)，目前有些廠商將遙控器操作轉(zhuǎn)移至手機(jī)，用戶可以將電視端界面投屏至手機(jī)，在手機(jī)上直接點(diǎn)擊操作，減少了中間的移動(dòng)步驟。

不過由于需要手機(jī)與電視相互配合，而且手機(jī)屏幕畢竟沒有電視端直觀，所以該種操作方式還處于萌芽階段。

三、焦點(diǎn)

1. 定義

智能電視端有一個(gè)特有的設(shè)計(jì)概念——焦點(diǎn)。

焦點(diǎn)為用戶指明了當(dāng)前內(nèi)容所處位置，并且讓內(nèi)容最突出、最顯眼，是電視屏幕上始終存在的一種狀態(tài)。

電視端內(nèi)容常見狀態(tài)有：默認(rèn)狀態(tài)、焦點(diǎn)狀態(tài)、按下狀態(tài)、標(biāo)記狀態(tài)。

2. 焦點(diǎn)移動(dòng)原則

十字移動(dòng)：

焦點(diǎn)根據(jù)遙控器的上/下/左/右按鍵，呈現(xiàn)“十字”形移動(dòng)；在屏幕內(nèi)容區(qū)域劃分規(guī)整、且無空缺情況下，不支持斜向移動(dòng)。

就近原則：

在焦點(diǎn)移動(dòng)過程中，焦點(diǎn)不能跳躍性的移動(dòng)，需要按照上/下/左/右鍵的操作，依次移動(dòng)至離上一個(gè)焦點(diǎn)最近的位置處。

居中顯示原則：

當(dāng)一行中有延伸在屏幕之外的內(nèi)容時(shí)，焦點(diǎn)移動(dòng)方式有多種形式：焦點(diǎn)居中固定或在頁面邊緣固定。

以往智能電視的常見做法是，當(dāng)焦點(diǎn)向右移動(dòng)至一行最后一個(gè)完整可見內(nèi)容時(shí)，繼續(xù)向右移動(dòng)，則內(nèi)容移動(dòng)，焦點(diǎn)固定。

根據(jù)心理學(xué)研究，用戶往往更關(guān)注屏幕中心的信息，而非邊緣，所以在屏幕內(nèi)容完整顯示前提下，將焦點(diǎn)位置固定在中間，更合適一些。

四、頁面布局

1. 導(dǎo)航

常見的TV端導(dǎo)航有橫向?qū)Ш胶涂v向?qū)Ш健?/p>

這兩種導(dǎo)航分別在哪種場景下適用呢？

其實(shí)兩種形式的導(dǎo)航各有特點(diǎn)：

橫向?qū)Ш秸紦?jù)屏幕上方（或下方）邊緣位置，既可以定位內(nèi)容的位置、但是又不會(huì)過多干擾用戶，帶來的沉浸式體驗(yàn)更好；適用于首頁、電視劇等有feed流形式的地方。
縱向?qū)Ш秸紦?jù)屏幕左側(cè)（或右側(cè)，右側(cè)極少見）位置，雖然犧牲了左側(cè)部分區(qū)域，帶來的沉浸感也不如橫向?qū)Ш?，但是勝在?dǎo)航內(nèi)容更加聚焦，用戶使用的效率更高；適用于篩選等旨在快速查找內(nèi)容的地方。

2. 內(nèi)容

除了導(dǎo)航之外，影片內(nèi)容的排版布局也有一定的規(guī)則。

分區(qū)明顯：

在TV端，每一處可操作性內(nèi)容都需要有固定區(qū)域的劃分，無論是卡片、面性或者線性的區(qū)分。

沒有明顯分區(qū)的內(nèi)容不僅容易淹沒在屏幕眾多內(nèi)容中，而且容易影響頁面的規(guī)整性，用戶對焦點(diǎn)的移動(dòng)路徑也無法正確預(yù)期。

在形式1中，屏幕底部文案1—文案4處，無明顯分區(qū)，在未操作前，并不知道這個(gè)區(qū)域能不能獲得焦點(diǎn)，或者是以怎樣的形式獲得焦點(diǎn)；
形式2中，有了整塊分區(qū)，第一感覺是可以整體獲得焦點(diǎn)，但是也可能是其中的每個(gè)部分獲得焦點(diǎn)，這個(gè)也需要操作后確認(rèn)；
形式3就比較明朗了，底部分為四個(gè)區(qū)域，在未操作前，用戶能夠預(yù)期到每個(gè)區(qū)域都能夠獨(dú)立獲取到焦點(diǎn)。

有限數(shù)量：

根據(jù)調(diào)研，內(nèi)容在橫向可擴(kuò)展時(shí)，隱藏在屏幕之外的內(nèi)容，越靠后用戶查看的幾率越小。

所以在設(shè)計(jì)時(shí)，盡量不宜頻繁的的讓內(nèi)容橫向擴(kuò)展，或者橫向擴(kuò)展的數(shù)量不宜過多，在縱向上，內(nèi)容可以無限擴(kuò)展。

左圖中，內(nèi)容橫向移動(dòng)時(shí)，內(nèi)容控制在有限數(shù)量以內(nèi)；在本人設(shè)計(jì)過程中，橫向擴(kuò)展數(shù)量極限值一般為20個(gè)，大家可以根據(jù)實(shí)際情況排布；
右圖中，內(nèi)容縱向移動(dòng)時(shí)，內(nèi)容可以無線擴(kuò)展；比如首頁、電視劇一級頁面等，內(nèi)容呈現(xiàn)瀑布流式移動(dòng)，提供給用戶盡量多的選擇。

規(guī)則布局：

內(nèi)容布局如果是規(guī)整的十字型布局是最佳布局形式，不建議設(shè)計(jì)過于交錯(cuò)的卡片布局。

過于交錯(cuò)的布局會(huì)使用戶對焦點(diǎn)的移動(dòng)路徑無法正確預(yù)期，同時(shí)為技術(shù)同學(xué)增加了開發(fā)難度。