□孟璠

淺析高清互動點播電視界面設(shè)計的創(chuàng)作特性

□孟璠

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

高清互動；界面設(shè)計；人性化

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

一、高清互動點播電視界面設(shè)計的基本特點

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

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

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

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

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

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

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

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

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

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

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

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

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

二、高清互動點播電視界面設(shè)計的創(chuàng)作流程

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

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

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

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

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

（二）開展策劃討論

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

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

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

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

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

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

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

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

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

圖1

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

圖2

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

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

圖3

三、高清互動點播電視界面發(fā)展趨勢

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

（一）以觸摸屏為主的互動界面

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

（二）以手勢控制為主的動作互動界面

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

（三）以語音識別為主的互動界面

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

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

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

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

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

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

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

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