【摘要】 通過相關(guān)的實(shí)例說明高清互動電視界面設(shè)計(jì)如何才能有更好的用戶體驗(yàn)感，如何才能不讓用戶思考，同時(shí)需要服務(wù)于產(chǎn)品功能，貫穿著運(yùn)營、營收的理念。

【關(guān)鍵詞】 用戶體驗(yàn)（UE） 用戶界面（UI） UCD 信噪比視覺流

高清機(jī)頂盒迅速普及已成為家庭電視的主流配置，各地廣電運(yùn)營商也積極推進(jìn)高清互動電視，以求真正實(shí)現(xiàn)看電視到用電視甚至是玩電視的發(fā)展。廣電也唯有利用交互平臺開拓新的增值業(yè)務(wù)，激發(fā)出自己的潛在優(yōu)勢，帶來的收益才是高清數(shù)字電視運(yùn)營的根本保障。

高清互動電視平臺將一系列符合用戶需求的功能進(jìn)行組合。與其說“存在就是合理”，不如說“存在就是被需要”。通過高清互動平臺，電視變身成為好助手，獲得最新商品打折信息，通過財(cái)經(jīng)服務(wù)隨時(shí)把握金融資訊，通過電視學(xué)堂進(jìn)行線上課程學(xué)習(xí)，獲取天氣預(yù)報(bào)、匯率牌價(jià)眾多信息，高清互動電視成為多業(yè)務(wù)融合平臺、實(shí)現(xiàn)三屏合一，三網(wǎng)融合，一屏覽盡全媒體。

這所有的一切功能實(shí)現(xiàn)離不開交互界面的呈現(xiàn)，一個(gè)良好設(shè)計(jì)的用戶界面，可以大大提高使用效率，使用戶從中獲得樂趣，減少由于界面問題而造成用戶的咨詢與投訴，減輕客戶服務(wù)的壓力，減少售后服務(wù)的成本。因此，互動電視的用戶界面設(shè)計(jì)對于廣電運(yùn)營商的產(chǎn)品和服務(wù)都極其重要。

隨著網(wǎng)絡(luò)和新技術(shù)的發(fā)展，各種新產(chǎn)品的交互方式越來越多，用戶在使用產(chǎn)品過程中建立起來的純主觀感受，被稱為用戶體驗(yàn)（User Experience，簡稱UE）。人們越來越重視對交互的體驗(yàn)，當(dāng)用戶手拿電視遙控器，直接面對電視屏幕時(shí)，UI（即User Interface用戶界面的簡稱）一定要滿足用戶躺在沙發(fā)上就有掌握和駕馭的體驗(yàn)感。UI設(shè)計(jì)就是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。其中所謂的界面視覺設(shè)計(jì)又簡稱GUI，是Graphical User Interface的簡稱，即人機(jī)交互圖形化用戶界面設(shè)計(jì)，準(zhǔn)確來說GUI就是屏幕產(chǎn)品的視覺體驗(yàn)和互動操作部分。如果說交互是產(chǎn)品的骨骼，視覺就是他美麗的外衣，讓產(chǎn)品看起來有血有肉有性格，也使得產(chǎn)品能和用戶產(chǎn)生交流互動。

我們從三個(gè)影響用戶體驗(yàn)的因素：系統(tǒng)，用戶和使用環(huán)境來看看高清互動電視，使用環(huán)境是客廳，用戶是家庭成員，年齡性別范圍較廣，所有的交互操作需要通過電視遙控器在電視機(jī)屏幕上實(shí)現(xiàn)?？梢姼咔寤与娨暤慕缑嬖O(shè)計(jì)需要滿足客廳文化的需求，緊緊抓住家庭用戶在客廳這一情感場景的特點(diǎn)，做出的視覺表現(xiàn)要有效觸動和順暢推進(jìn)互動電視內(nèi)容產(chǎn)品和用戶間的交流，客廳文化中熟悉，親切，喜愛甚至貼心的情感都由此而建立。圖1是老年版的主菜單，而圖2是少兒版的主菜單，設(shè)計(jì)充分滿足了人群的審美情趣，建立了很好的體驗(yàn)感。

為此很多的互動電視界面設(shè)計(jì)還專門有換膚功能，以不同的色調(diào)來凸顯個(gè)性化，如圖3所示提供了用戶6種不同色調(diào)的選擇。針對不同的節(jié)日時(shí)點(diǎn)也有應(yīng)景設(shè)計(jì)之作如圖4。

除此之外高清互動電視在行業(yè)中的運(yùn)用，也有專業(yè)化的設(shè)計(jì)，比較典型的就是酒店。如圖5的首頁歡迎畫面，圖6的餐飲服務(wù)畫面，色調(diào)采用高貴的金黃色系，功能設(shè)計(jì)上也凸顯酒店業(yè)務(wù)在電視上的呈現(xiàn)，與客人有很好的交流互動。

高清互動電視用戶界面視覺設(shè)計(jì)的三大原則是：置界面于用戶的遙控器控制之下；減少用戶的學(xué)習(xí)和記憶負(fù)擔(dān)；保持界面的一致性。以用戶為中心進(jìn)行設(shè)計(jì)（UCD：user centered design），把用戶的需求置于一切需求之上?；与娨暸c互聯(lián)網(wǎng)站的交互體驗(yàn)有相同點(diǎn)也有不同點(diǎn)，我們需要充分借鑒互聯(lián)網(wǎng)的交互設(shè)計(jì)經(jīng)驗(yàn)，結(jié)合互動電視本身的特點(diǎn)，把可用性放在第一位，看到一個(gè)頁面時(shí)，一目了然，明白它是什么，怎樣使用——無需花費(fèi)精力進(jìn)行思考。正如美國作者Steve Krug在有關(guān)互聯(lián)網(wǎng)站設(shè)計(jì)的經(jīng)典著作中《don’t make me think》中提到的：不要讓用戶思考。

如何讓用戶不思考？我們梳理一下：

1.建立清楚的解決層次

對內(nèi)容按主次程度來劃分，信息一目了然，結(jié)構(gòu)有序，條理清晰。信息主次的分布，層級，色彩，均需要做好有效分布，用戶不迷惑，不迷路。重要部分突出，字體越大越粗顏色特別的，旁邊留有越多空白。如圖7所示遙控器指向欄目凸現(xiàn)亮綠色。

邏輯相關(guān)部分需要視覺上相關(guān)，用我們快速理解的方式對內(nèi)容進(jìn)行組織并區(qū)分優(yōu)先級。值得學(xué)習(xí)參考的是平面媒體中的報(bào)紙，每天的報(bào)紙總有最大標(biāo)題的新聞，占據(jù)了最寬的欄目及最突出的位置總會用突出分組嵌套的方式來發(fā)布報(bào)紙的內(nèi)容?？傊褪沁M(jìn)行了編輯引導(dǎo)。

相近內(nèi)容分成一組，放在同一標(biāo)題下，采用類似的顯示方式，或者全部放在一個(gè)定義明確的區(qū)域中。用戶很快決定關(guān)注頁面的哪些區(qū)域。如圖8所示，將電視頻道放在電視一欄中，并且為了方便用戶選擇，還按照地域再次對頻道分組。圖9將點(diǎn)播的影視內(nèi)容放在左邊區(qū)域中，與之對應(yīng)著相應(yīng)的海報(bào)。

2.精確與高效地傳遞信息與任務(wù)

界面的噪音是由多余的干擾信息造成的，會分散用戶注意力，使用戶不能把注意力集中到直接表達(dá)產(chǎn)品功能和行為的元素上，導(dǎo)致給用戶帶來認(rèn)知壓力和妨礙導(dǎo)航的速度和精確度。信噪比（Signal to Noise Ratio）又稱為訊噪比，原義是電聲學(xué)里輸出信號的電壓與同時(shí)輸出的噪聲電壓的比。一般來說，信噪比越大，說明混在信號里的噪聲越小，否則相反。類比到界面設(shè)計(jì)中，有效的視覺元素就是信號，而其他干擾元素，就是噪音。

不合適的字體，表義不明確的圖標(biāo)，不必要的裝飾等等，都是界面噪音。在視覺設(shè)計(jì)中如果保持最高的信噪比來展現(xiàn)信息，能增強(qiáng)界面的可瀏覽性。換句話說，如果去掉這些次要的或者干擾的設(shè)計(jì)元素，并沒有使功能有所影響，那強(qiáng)烈建議縮小這些元素的應(yīng)用比例，或者直接去掉！

良好的視覺設(shè)計(jì)能用色彩和層次等語言，自然而又清晰的羅列出一條視覺的“路線”，引導(dǎo)用戶流暢的閱讀，而不用自己費(fèi)力的去疏通條理，或者在密密麻麻信息的忙海中尋找未知的方向。這條指引的路線，我們稱他為“視覺流”。被埋藏在一堆花哨，文字信息堆雜的背景中，典型的信噪比過低能增強(qiáng)用戶的認(rèn)知熟悉度和適應(yīng)性，讓用戶感受到無縫而舒服的用戶體驗(yàn)。

良好的視覺設(shè)計(jì)，能增強(qiáng)信息條理的清晰度。這里的清晰度有兩方面的含義：清晰的視覺引導(dǎo)，和視覺引導(dǎo)元素本身的精確性。我們欣賞一下2010年UT斯達(dá)康杯首屆中國（深圳）互動電視界面UI設(shè)計(jì)大賽的一組獲獎(jiǎng)作品（圖10、11、12）

作者對設(shè)計(jì)的闡述是：互動電視點(diǎn)播界面應(yīng)以廣大的各年齡層次為客戶群，以界面清晰明了，操作簡易方便為原則，考慮到中老年人群也占客戶群的一部分，界面也不可太時(shí)尚花俏亦或是過分簡潔概念。為了更好的融合臺灣東森的logo，畫面主要運(yùn)用經(jīng)典又不失時(shí)尚的以灰色為主的色調(diào)，以少許的彩色為點(diǎn)綴。運(yùn)用簡單的反光，漸變等體現(xiàn)它的時(shí)尚和現(xiàn)代。

3.明顯標(biāo)識可以點(diǎn)擊的地方

什么地方可以點(diǎn)擊，還是全部不能點(diǎn)擊，通過外觀可以明確知道，遙控器不像PC的鼠標(biāo)，點(diǎn)擊區(qū)域的設(shè)計(jì)不能如網(wǎng)頁隨意，同時(shí)還要有更為明顯的標(biāo)示作為導(dǎo)航，顯示當(dāng)前位置（欄目），方法主要是在位置旁邊放置指示器，改變文字或按鈕顏色，按鈕或文字反白等以示區(qū)分。如果用戶不能很好確定點(diǎn)擊哪里，或不明白當(dāng)前所在位置，迫使用戶去思考，那完全是在浪費(fèi)每個(gè)用戶有限的耐心和好感，用戶掃描一下就知道按遙控器的上下左右鍵選擇自己的所需，我這里用一個(gè)詞“下意識”，用戶不用思考，那這個(gè)界面設(shè)計(jì)就是友好的。

4.點(diǎn)擊次數(shù)

用戶到達(dá)目標(biāo)之前點(diǎn)擊多少次不會有挫折感？很多互聯(lián)網(wǎng)站規(guī)定，到達(dá)任何頁面需要點(diǎn)擊的次數(shù)永遠(yuǎn)不超過指定次數(shù)（通常是3次、4次或者5次）。這其實(shí)是一個(gè)層次深度和廣度相對價(jià)值的討論，一個(gè)廣度的設(shè)計(jì)每個(gè)層次分成許多類別，因?yàn)閷哟屋^少，不需要太多次數(shù)點(diǎn)擊就能到達(dá)，一個(gè)深度的有很多層次，需要多次數(shù)的點(diǎn)擊，信息的味道包裹的很深，就像俄羅斯套娃一樣，在每個(gè)層次上考慮的類別選擇較少。 值得提出的是Miller實(shí)驗(yàn)：由于人類大腦處理信息的能力有限，它會將復(fù)雜信息劃分成塊和小的單元。根據(jù)喬治A米勒（George A. Miller）的研究，人類短期記憶一般一次只能記住5-9個(gè)事物。這一事實(shí)經(jīng)常被用來作為限制導(dǎo)航菜單選項(xiàng)到7個(gè)的論據(jù)；然而關(guān)于神奇的“7，加2或者減2”還是引起了激烈的討論。因此目前還不清楚是否7±2原則能、可能或應(yīng)該應(yīng)用到互動電視界面設(shè)計(jì)中。但我們經(jīng)常問：如何確保界面容易使用，最重要的是什么？答案很簡單，既不是重要的內(nèi)容要放在兩次點(diǎn)擊（按遙控器）以內(nèi)，也不是采用用戶的語言，而是不讓我思考，就是不讓用戶學(xué)習(xí)。設(shè)計(jì)時(shí)將心態(tài)代換——我是目標(biāo)用戶，UI簡潔明了=降低用戶體驗(yàn)成本。記得騰訊內(nèi)部培訓(xùn)材料《產(chǎn)品經(jīng)理的視角》一文中說過騰訊產(chǎn)品追求的不外乎“要想自己爽，先讓別人爽”。

5.設(shè)計(jì)流程

互動電視中產(chǎn)品的完成是由“創(chuàng)意+行為+外觀”這幾個(gè)主要的關(guān)鍵步驟來完成的，反映到設(shè)計(jì)里面，就是創(chuàng)意概念，交互設(shè)計(jì)和視覺設(shè)計(jì)。

每個(gè)步驟至關(guān)重要，有先后順序。就像一個(gè)流水線作業(yè)，前一道工序完成與否與質(zhì)量好壞，影響著后續(xù)工序的進(jìn)行。前期產(chǎn)品的開發(fā)需要充分進(jìn)行市場調(diào)研，收集用戶需求。從用戶的角度，而不是從產(chǎn)品內(nèi)部體系的角度，去確定用戶需求。有時(shí)候，我們甚至需要“隨時(shí)隨地變成用戶”，從而了解用戶，習(xí)慣站在用戶的角度看問題。從而確定產(chǎn)品功能，集合滿足目標(biāo)用戶根本需求。如果遇到失敗的產(chǎn)品創(chuàng)意，或者糟糕的交互設(shè)計(jì)，即使賦予再優(yōu)秀的視覺界面設(shè)計(jì)，最終也是個(gè)失敗，視覺設(shè)計(jì)不能改變產(chǎn)品的命運(yùn)。

我們要努力讓視覺設(shè)計(jì)最大程度的發(fā)揮能動作用，并且也要努力不能讓一個(gè)產(chǎn)品中只有視覺設(shè)計(jì)。界面設(shè)計(jì)服務(wù)于產(chǎn)品功能，但一定貫穿著運(yùn)營/營收。為了擴(kuò)大用戶群、提高用戶活躍度、尋找合適商業(yè)模式并增加收入制定產(chǎn)品規(guī)劃，不斷更新。圖13是一圖形化的理解，以資參考。

我們看看2010年UT斯達(dá)康杯首屆中國（深圳）互動電視界面UI設(shè)計(jì)大賽中的有一個(gè)作品是如何貫穿這一理念的：如圖14、15。作者這樣闡述：UI控件量加大，面板都采用左右滑動的方式，以充分適應(yīng)TV遙控器操控方式。這套UI設(shè)計(jì)從功能上充分考慮了節(jié)目的展示和購買等相關(guān)業(yè)務(wù)流程，專門設(shè)計(jì)銷量數(shù)，購買、發(fā)起團(tuán)購等按鈕。并且加入了群組功能，能讓用戶之間互相分享自己的觀看心得，間接上將節(jié)目商品宣傳給其他用戶，增加銷量，提高企業(yè)收入。

目前，許多廣電運(yùn)營商都意識到界面設(shè)計(jì)在品牌的創(chuàng)建、客戶回頭率和客戶滿意度等方面影響很大，因此，界面設(shè)計(jì)也越來越受到重視，并得到了快速的發(fā)展?？傊磥淼漠a(chǎn)品對研究和沒計(jì)者提出了多方面的挑戰(zhàn)，需要從用戶的操作體驗(yàn)感受出發(fā)，以獨(dú)特的創(chuàng)意構(gòu)想改變以往傳統(tǒng)意義上對電視界面的規(guī)劃，以友好、優(yōu)質(zhì)的界面設(shè)計(jì)完美展現(xiàn)互動電視的優(yōu)勢所在。隨著互動電視領(lǐng)域的不斷發(fā)展，界面視覺設(shè)計(jì)也將發(fā)揮出更大的作用，不論在設(shè)計(jì)理念方面還是實(shí)踐應(yīng)用上均創(chuàng)造出價(jià)值。

圖1

圖2

圖3

圖4

圖5

圖6

圖7

圖8

圖9

圖10

圖11

圖12

圖13

圖14

圖15