□孟璠

淺析高清互動(dòng)點(diǎn)播電視界面設(shè)計(jì)的創(chuàng)作特性

□孟璠

高清互動(dòng)點(diǎn)播電視作為一種新傳播媒體，帶給用戶全新的體驗(yàn)，其中，界面設(shè)計(jì)是高清互動(dòng)點(diǎn)播電視的核心組成部分，直接關(guān)系到系統(tǒng)整體功能的實(shí)現(xiàn)。以陜西e+TV電視互動(dòng)界面設(shè)計(jì)的基本特點(diǎn)、創(chuàng)作流程案例來(lái)看，可以展望預(yù)測(cè)其未來(lái)發(fā)展方向，并為高清互動(dòng)點(diǎn)播電視界面設(shè)計(jì)的創(chuàng)造給予借鑒。

高清互動(dòng)；界面設(shè)計(jì)；人性化

高清互動(dòng)點(diǎn)播電視作為一種新傳播媒體，不僅融合了傳統(tǒng)媒體的界面特性，更注重交互性和人性化設(shè)計(jì)，帶給用戶全新的體驗(yàn)。其中，界面設(shè)計(jì)是高清互動(dòng)點(diǎn)播電視的核心組成部分，直接關(guān)系到系統(tǒng)整體功能的實(shí)現(xiàn)。本文將以陜西e+TV電視互動(dòng)界面設(shè)計(jì)為例，力圖通過(guò)總結(jié)歸納高清互動(dòng)點(diǎn)播電視界面設(shè)計(jì)的基本特點(diǎn)、研究分析界面設(shè)計(jì)創(chuàng)作流程、展望預(yù)測(cè)未來(lái)發(fā)展方向，為進(jìn)一步完善界面設(shè)計(jì)、改善用戶體驗(yàn)提供借鑒參考。

一、高清互動(dòng)點(diǎn)播電視界面設(shè)計(jì)的基本特點(diǎn)

當(dāng)前，高清互動(dòng)點(diǎn)播電視界面設(shè)計(jì)主要分為兩種。

（一）以交互行為為主的界面設(shè)計(jì)

交互是指產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)揮作用，以及如何被人們接觸和使用。交互行為界面主要包含以下特性：

1.交互一致性。交互界面設(shè)計(jì)從“人”的行為出發(fā)，致力于適應(yīng)“人”的環(huán)境、個(gè)人特征和生活習(xí)慣，達(dá)到“人機(jī)一致”。

2.雙向互動(dòng)性。設(shè)計(jì)師為用戶創(chuàng)作一種體驗(yàn)方式，數(shù)據(jù)輸入系統(tǒng)后收到信息反饋，無(wú)論用戶做什么，系統(tǒng)都對(duì)此產(chǎn)生回應(yīng)，從而形成雙向互動(dòng)。

3.功能有用性。交互界面中的功能設(shè)置，首先滿足了人的需求和充分理解人的使用意圖后，再進(jìn)行有價(jià)值的設(shè)計(jì)。如互動(dòng)電視界面中直播視頻窗口，游飛滾動(dòng)條、板塊劃分這些細(xì)節(jié)設(shè)計(jì)，著重以功能有效性、可記憶性和滿意度為原則，從而設(shè)計(jì)出完全不受軟件約束和開(kāi)放性的互動(dòng)點(diǎn)播電視界面。

（二）以用戶體驗(yàn)為目標(biāo)的人性化界面設(shè)計(jì)

互動(dòng)電視界面的設(shè)計(jì)要符合人的生理?xiàng)l件和心理活動(dòng)規(guī)律，才能設(shè)計(jì)出信息傳達(dá)準(zhǔn)確、高效友好、操作簡(jiǎn)便的人性化高清互動(dòng)電視界面。以用戶體驗(yàn)為目標(biāo)的人性化界面包含以下幾個(gè)要素：

1.交互式電視界面針對(duì)的是“人”的設(shè)計(jì)。這里的“人”是指用戶，設(shè)計(jì)時(shí)不能以設(shè)計(jì)師主觀設(shè)想為依據(jù)，而要以“用戶體驗(yàn)”為目標(biāo)，給用戶與眾不同的感覺(jué)。

2.用戶體驗(yàn)的過(guò)程與重要性遠(yuǎn)遠(yuǎn)大于結(jié)果。始終以“用戶體驗(yàn)”為目標(biāo)，從人的本能、行為和反思層面進(jìn)行體驗(yàn)。

3.通過(guò)三個(gè)層面確認(rèn)“用戶體驗(yàn)”結(jié)果。首先，通過(guò)感官接受信息；其次，通過(guò)使用親身感受；最后，通過(guò)體驗(yàn)后保留深刻記憶。

互動(dòng)點(diǎn)播電視界面的獨(dú)特性如同指導(dǎo)方針一般，在設(shè)計(jì)創(chuàng)作過(guò)程中起著縱覽全局的作用。只有對(duì)其充分了解，才能在創(chuàng)作過(guò)程中將每一個(gè)環(huán)節(jié)做到人性化設(shè)計(jì)。

圖12和表10的仿真結(jié)果顯示，隨著夾嘴長(zhǎng)度減小，導(dǎo)線壓應(yīng)力變大，芯棒應(yīng)力水平逐漸變大。不同仿真方案對(duì)比顯示，鋁股塑性區(qū)集中在內(nèi)層鋁股，總體比例整體差別不大。

二、高清互動(dòng)點(diǎn)播電視界面設(shè)計(jì)的創(chuàng)作流程

每一個(gè)呈現(xiàn)在用戶視野中富有創(chuàng)意、操作人性化的互動(dòng)電視界面，都要經(jīng)過(guò)縝密的創(chuàng)作過(guò)程才能實(shí)現(xiàn)。以陜西e+tv電視互動(dòng)界面設(shè)計(jì)為例，創(chuàng)作過(guò)程中應(yīng)把握下面幾個(gè)基本環(huán)節(jié)。

（一）明確設(shè)計(jì)需求

界面設(shè)計(jì)分新界面改版設(shè)計(jì)和專版界面設(shè)計(jì)兩種情形，不同情形有不同的設(shè)計(jì)需求。

1.新界面改版設(shè)計(jì)。主要從三個(gè)方面提出需求：（1）通過(guò)用戶對(duì)原有舊界面使用情況的信息反饋，對(duì)板塊進(jìn)行優(yōu)化。（2）與同行業(yè)內(nèi)其它網(wǎng)絡(luò)電視界面相比較，“取其之長(zhǎng)補(bǔ)己之短”，對(duì)功能進(jìn)行完善。（3）以用戶體驗(yàn)為目標(biāo)，以人性化設(shè)計(jì)為理念，進(jìn)行技術(shù)更新。新界面既從細(xì)節(jié)得到提升，又從整體設(shè)計(jì)風(fēng)格得到完善，這樣改版才有意義。

2.專版界面設(shè)計(jì)。專版界面設(shè)計(jì)不同于新界面改版，其專題性很強(qiáng)，主要從以下三個(gè)方面提出需求：（1）根據(jù)主題來(lái)確定。例如，為了讓用戶有更好的視覺(jué)體驗(yàn)，世界杯、好聲音這類受眾關(guān)注度高、節(jié)目時(shí)效性強(qiáng)的節(jié)目，需要做專版界面。（2）根據(jù)重要節(jié)慶日來(lái)確定。例如，每逢春節(jié)、圣誕這類規(guī)模較大的節(jié)日，需要做專版界面。（3）根據(jù)業(yè)務(wù)增設(shè)需要來(lái)確定。例如，開(kāi)創(chuàng)像陜西e+TV“華源專區(qū)”自制板塊，增強(qiáng)自營(yíng)產(chǎn)品推廣范圍和力度。

（二）開(kāi)展策劃討論

策劃討論的主要過(guò)程是：一是由各欄目策劃編輯擬定設(shè)計(jì)方案；二是與界面設(shè)計(jì)師充分對(duì)接；三是進(jìn)行詳細(xì)細(xì)節(jié)的溝通。

策劃討論的內(nèi)容主要包括四個(gè)方面：一是搭建組織架構(gòu)；二是劃分界面板塊；三是明確界面內(nèi)容；四是商定頁(yè)面數(shù)量。

（三）進(jìn)行界面設(shè)計(jì)

界面設(shè)計(jì)主要分以下三個(gè)階段。

1.信息整合階段。本階段主要是將策劃討論形成的最終設(shè)計(jì)方案轉(zhuǎn)化為界面設(shè)計(jì)的前期輸入，主要包括以下內(nèi)容：（1）明確設(shè)計(jì)主題。根據(jù)主題搜集相關(guān)信息，確定專版界面的意義和作用。（2）明確受眾群體的定位。確立目標(biāo)用戶，迎合客戶審美喜好。（3）明確界面內(nèi)容。主要是確定增設(shè)內(nèi)容和主要構(gòu)成元素以及從功能角度權(quán)衡對(duì)整個(gè)界面是否有用。（4）明確界面功能易用性。用戶界面一定要適合于軟件的功能，如果用戶無(wú)法通過(guò)界面使用網(wǎng)絡(luò)電視，“易用性”根本無(wú)從談起。

2.互動(dòng)點(diǎn)播階段?；?dòng)階段焦點(diǎn)主要集中在互動(dòng)性上，方便用戶接受和反饋信息。（1）站在用戶角度體會(huì)，按照用戶習(xí)慣設(shè)計(jì)導(dǎo)航順序，進(jìn)入點(diǎn)要符合操作舒適度和合理性。（2）站在用戶角度思考，明確界面組織架構(gòu)、界面的層級(jí)、主頁(yè)及分頁(yè)面之間關(guān)聯(lián)性，使得用戶點(diǎn)播更便捷。（3）站在用戶角度感知，按照智能化來(lái)設(shè)計(jì)“焦點(diǎn)”，這是點(diǎn)播電視界面中非常重要的功能。用戶在任何地方都能退出，還是在特定地方才可以退出，退回的位置屬于哪一層級(jí)，這是衡量一個(gè)界面是否人性化的基準(zhǔn)。

3.視覺(jué)設(shè)計(jì)階段。設(shè)計(jì)階段首先要了解“版式”，在電視界面中版式指的是尺寸，而用戶由電視顯示器接收畫面，通過(guò)像素來(lái)計(jì)量分辨率的大小，因此像素決定了畫面的尺寸及清晰度。本階段主要考慮以下內(nèi)容：

（1）版面布局合理性。需要注重單個(gè)界面版式空間設(shè)計(jì)的整體性。在一個(gè)界定尺寸的版面空間中，將圖片、文字、圖形框這樣的視覺(jué)元素進(jìn)行歸類，通過(guò)合理的布局強(qiáng)調(diào)要突出設(shè)計(jì)的主題部分。

例如，陜西e+TV巴西世界杯首頁(yè)海報(bào)界面（如圖1）中主體字和圖形穿插組合，被排放于版面視覺(jué)中心點(diǎn)位置，三個(gè)鏈接板塊按鈕均等置于下方，圖形化的明星以不同形態(tài)穿插版面空隙之間，并且和版面中其它元素緊密聯(lián)系，這樣的版面設(shè)計(jì)才會(huì)獨(dú)特新穎又貼合主題。

圖1

（2）設(shè)計(jì)風(fēng)格一致性?；?dòng)點(diǎn)播界面由多個(gè)頁(yè)面構(gòu)成，每個(gè)界面風(fēng)格需要保持一致，確保用戶點(diǎn)播時(shí)不會(huì)產(chǎn)生錯(cuò)覺(jué)。整體風(fēng)格可以從顏色上先統(tǒng)一，如e+TV世界杯海報(bào)整體以藍(lán)色系為主，其中“綠茵格調(diào)”板塊界面是藍(lán)紫色漸變（如圖2），這樣用戶在點(diǎn)選頁(yè)面時(shí)能感受版面之間的統(tǒng)一性，每個(gè)界面又保持著各自特性。

圖2

（3）細(xì)節(jié)設(shè)計(jì)合理性。電視界面互動(dòng)性很強(qiáng)，最能體現(xiàn)交互這一特點(diǎn)的就是“焦點(diǎn)”設(shè)計(jì)，它的設(shè)計(jì)是否合理直接影響到用戶體驗(yàn)的舒適度。

焦點(diǎn)設(shè)計(jì)功能要符合用戶點(diǎn)播和翻頁(yè)的習(xí)慣，外觀設(shè)計(jì)要與界面的整體風(fēng)格吻合，細(xì)節(jié)要富有創(chuàng)意和趣味性。陜西e+TV巴西世界杯“綠茵格調(diào)”板塊中的焦點(diǎn)，是在單色菱形框中添加女運(yùn)動(dòng)員和足球的圖標(biāo)（如圖3），這樣的焦點(diǎn)視覺(jué)觀感既簡(jiǎn)潔又不失趣味性。

圖3

三、高清互動(dòng)點(diǎn)播電視界面發(fā)展趨勢(shì)

新技術(shù)應(yīng)用給互動(dòng)電視界面發(fā)展注入新鮮的血液，促使它更好地為用戶服務(wù)，并可能向以下幾個(gè)方面發(fā)展。

（一）以觸摸屏為主的互動(dòng)界面

隨著人機(jī)交互技術(shù)的發(fā)展，遙控控制電視界面即將被觸摸屏代替。觸摸屏是具有顯示和輸入功能的顯示屏幕，類似于鼠標(biāo)、鍵盤、遙控器等機(jī)械式按鈕面板。用戶只需要用手指輕碰顯示屏上的圖形、符號(hào)或者文字，便能直接實(shí)現(xiàn)點(diǎn)播或更換頁(yè)面的操作，且易于人機(jī)互動(dòng)交流，反應(yīng)更快捷。

（二）以手勢(shì)控制為主的動(dòng)作互動(dòng)界面

動(dòng)作交互是一種全新的交互方式，改變傳統(tǒng)的使用、操作、控制方式，使人的交互行為更貼近自然。它允許用簡(jiǎn)單的揮手來(lái)開(kāi)機(jī)，上下?lián)]動(dòng)來(lái)激活菜單，使用手勢(shì)代替遙控器操控電視，通過(guò)計(jì)算機(jī)視覺(jué)技術(shù)對(duì)捕獲圖像進(jìn)行分析，提取手勢(shì)圖像特征，實(shí)現(xiàn)手勢(shì)的輸入。

（三）以語(yǔ)音識(shí)別為主的互動(dòng)界面

語(yǔ)音交互是以說(shuō)話的方式來(lái)實(shí)現(xiàn)用戶與電視之間的信息交流。電視通過(guò)信息的傳遞對(duì)語(yǔ)音進(jìn)行識(shí)別，這不僅是技術(shù)上的發(fā)展和進(jìn)步，也象征著一種自然化與流暢性并存的信息交流方式。

1.李世國(guó)，顧振宇.交互設(shè)計(jì)［M］.中國(guó)水利水電出版社，2012.

2.（美）詹姆斯·戈登·班尼特.新媒體設(shè)計(jì)基礎(chǔ)［M］.王偉，王倩倩譯.上海人民美術(shù)出版社，2012.

3.李四達(dá).數(shù)字媒體藝術(shù)概論［M］.清華大學(xué)出版社，2006.

4.劉小華，黃洪.互聯(lián)網(wǎng)+新媒體——全方位解讀新媒體運(yùn)營(yíng)模式［M］.中國(guó)經(jīng)濟(jì)出版社，2016.

5.劉瑋楠.基于多屏互動(dòng)的數(shù)字電視交互界面設(shè)計(jì)研究［D］.東華大學(xué)，2014.

6.蔣立.交互式網(wǎng)絡(luò)電視的人性化界面設(shè)計(jì)研究［D］.上海交通大學(xué)，2007.

（作者單位：陜西希望在線文化傳播有限公司）