高清互動電視界面設計初探

2013-01-01 00:00:00陳波

傳播與制作 2013年3期

【摘要】通過相關的實例說明高清互動電視界面設計如何才能有更好的用戶體驗感，如何才能不讓用戶思考，同時需要服務于產品功能，貫穿著運營、營收的理念。

【關鍵詞】用戶體驗（UE）用戶界面（UI） UCD 信噪比視覺流

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

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

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

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

我們從三個影響用戶體驗的因素：系統，用戶和使用環境來看看高清互動電視，使用環境是客廳，用戶是家庭成員，年齡性別范圍較廣，所有的交互操作需要通過電視遙控器在電視機屏幕上實現。可見高清互動電視的界面設計需要滿足客廳文化的需求，緊緊抓住家庭用戶在客廳這一情感場景的特點，做出的視覺表現要有效觸動和順暢推進互動電視內容產品和用戶間的交流，客廳文化中熟悉，親切，喜愛甚至貼心的情感都由此而建立。圖1是老年版的主菜單，而圖2是少兒版的主菜單，設計充分滿足了人群的審美情趣，建立了很好的體驗感。

為此很多的互動電視界面設計還專門有換膚功能，以不同的色調來凸顯個性化，如圖3所示提供了用戶6種不同色調的選擇。針對不同的節日時點也有應景設計之作如圖4。

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

高清互動電視用戶界面視覺設計的三大原則是：置界面于用戶的遙控器控制之下；減少用戶的學習和記憶負擔；保持界面的一致性。以用戶為中心進行設計（UCD：user centered design），把用戶的需求置于一切需求之上。互動電視與互聯網站的交互體驗有相同點也有不同點，我們需要充分借鑒互聯網的交互設計經驗，結合互動電視本身的特點，把可用性放在第一位，看到一個頁面時，一目了然，明白它是什么，怎樣使用——無需花費精力進行思考。正如美國作者Steve Krug在有關互聯網站設計的經典著作中《don’t make me think》中提到的：不要讓用戶思考。

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

1.建立清楚的解決層次

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

邏輯相關部分需要視覺上相關，用我們快速理解的方式對內容進行組織并區分優先級。值得學習參考的是平面媒體中的報紙，每天的報紙總有最大標題的新聞，占據了最寬的欄目及最突出的位置總會用突出分組嵌套的方式來發布報紙的內容。總之就是進行了編輯引導。

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

2.精確與高效地傳遞信息與任務

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

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

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

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

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

3.明顯標識可以點擊的地方

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

4.點擊次數

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

5.設計流程

互動電視中產品的完成是由“創意+行為+外觀”這幾個主要的關鍵步驟來完成的，反映到設計里面，就是創意概念，交互設計和視覺設計。

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

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

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

目前，許多廣電運營商都意識到界面設計在品牌的創建、客戶回頭率和客戶滿意度等方面影響很大，因此，界面設計也越來越受到重視，并得到了快速的發展。總之，未來的產品對研究和沒計者提出了多方面的挑戰，需要從用戶的操作體驗感受出發，以獨特的創意構想改變以往傳統意義上對電視界面的規劃，以友好、優質的界面設計完美展現互動電視的優勢所在。隨著互動電視領域的不斷發展，界面視覺設計也將發揮出更大的作用，不論在設計理念方面還是實踐應用上均創造出價值。