起點課堂會員權益
職業(yè)體系課特權
線下行業(yè)大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識基于電視平臺的應用設計探析
微軟的XBox 360 kinect自從發(fā)布以來，掀起體感交互的熱潮。業(yè)內(nèi)不少人開始研究體感交互的各種可能性和拓展性。我正好在聯(lián)想做一個類似的項目，下面將在這個項目兩年多的收獲略作整理，與大家分享：
一、電視平臺的特點
電視機尺寸大，最高支持到1920×1080
操作距離遠，一般來說人與電視機的距離在2~3米
位置固定，一般在家庭的客廳中，屬于半公共空間
用戶一般不會在電視機上進行復雜和費時的操作，例如文檔處理、收發(fā)郵件等。
用戶主要進行休閑娛樂（電視節(jié)目、易于操控的游戲等）和信息查看（天氣、股票等）。
二、應用的風格分類
用戶很少會在電視機上使用高效應用（對于高效應用的定義，請參見我博客中的“基于移動設備的應用設計”）。基于電視平臺的應用，主要分為以下兩種：
工具類應用：很少需要用戶輸入的簡單任務。用戶使用工具類應用來查看快速統(tǒng)計信息或針對有限的對象執(zhí)行簡單的任務。
“天氣”、“股票查詢”等應用是一種典型的工具類應用。
工具類應用在視覺上是吸引人的，但其視覺效果不應喧賓奪主，不能掩蓋需要重點體現(xiàn)的信息。
用戶使用工具類應用來檢查某件事情的狀態(tài)或者用以查詢，因此他們希望快速和容易的定位于他們感興趣的信息。
基于電視屏幕的特點，界面應該設計的簡潔、功能相對集中。不應該在一個應用中提供多個復雜的功能——因為對于復雜應用來說，PC平臺更合適。
圖一：聯(lián)想eBox上的天氣
在進行eBox平臺的工具類應用設計時，你需要觀察用戶是如何使用此類應用的，然后將應用的任務分解為多個易于完成的子任務，然后基于這些子任務，有選擇的設計你的應用。
工具類應用可能需要支持經(jīng)常性的更改設置或變更信息源，因此他們經(jīng)常會在主界面的功能條上提供這些設置。
工具類應用，一般以平整的列表形式組織。用戶通常不需要層級查看。一種典型的方式是，每一個視圖提供同樣的數(shù)據(jù)組織和層級深度。
另外，在工具類應用中，盡量使用GUI提供的控件，在視覺風格上也要盡量與GUI統(tǒng)一。
沉浸式應用：內(nèi)容相關用戶體驗、豐富視覺環(huán)境、豐富交互環(huán)境的應用。游戲就是一種典型的沉浸式應用。
圖二：聯(lián)想eBox上的游戲
電視平臺的沉浸式應用盡量避免展示大量的文本信息、避免進行復雜的設置。大量的文本信息、復雜的設置會影響用戶的體驗。
沉浸式應用傾向于使用自定義的用戶界面而非設備的用戶界面，以加強用戶在產(chǎn)品使用中的參與感。用戶探索和發(fā)現(xiàn)的行為是沉浸式應用體驗的一部分，因此使用非標準控件是恰當?shù)摹?/p>
沉浸式應用通常以游戲、故事等形式展示?；谶@個原因，沉浸式應用通常采用自定義導航的方法，以替代在工具類應用中標準的、數(shù)據(jù)驅(qū)動型的方法。
沉浸式應用的用戶體驗模型由應用的體驗決定。
三、PC應用的移植
基于電視平臺的應用，在用戶習慣上和PC有很大的不同，在用戶體驗上用戶也會有不同的期望。
電視是以家庭為單位的平臺，人群的年齡跨度非常大。這意味著我們要設計非常簡單、易于使用的應用。
備注：如果你的PC版本應用提供了復雜的任務或一系列任務，你需要檢查人們?nèi)绾问褂盟麄?，以了解如何把任務拆解為一系列易于完成的子任務，然后有選擇的進行設計。
在應用設計上，采用80-20法則。謹慎決定是否引入那些雖然強大，但是只有少部分用戶使用的功能。應該更關注那些能滿足絕大多數(shù)用戶需求的功能——因為，PC可能擁有更好的環(huán)境來提供這些功能。
四、PC應用移植案例：天氣應用
在PC平臺，可以在一個窗口中將大多數(shù)功能都展示在一起。因為基于鍵鼠的操作方式精確、人與屏幕的距離近、鼠標可以在屏幕上進行跨越點擊——這是PC的特點決定的。
但是在電視平臺上的應用，在某些方面與移動設備（例如手機）更加類似：人們需要簡潔的天氣應用，他們想快速的訪問核心功能。
圖四：PC上的天氣應用
所以，你需要對用戶界面進行精簡，使界面顯得整潔并易于使用。另外，你還需要精簡菜單結構，將菜單的結構和層級簡化，使用戶打開應用后，馬上就能夠進行所期望的操作。
圖五為天氣應用的主要界面。天氣應用，主要包含兩部分：查看特定城市的天氣、對城市列表進行刪除和增加操作。
在設計時，將任務分解為三部分：查看城市天氣、添加城市、刪除城市。
其中，天氣展示為主要界面。而添加和刪除城市只在特定狀態(tài)（添加和刪除城市）下存在。在設計時，我們將添加城市和刪除城市設計成為配置性的ICON，放在下方的半圓形功能條上。
此種方法，簡單、直觀，避免了不必要的操作。經(jīng)過采樣測試，不同年齡、不同知識背景的人都能夠很方便的進行使用。
圖五：聯(lián)想eBox上的天氣
附:優(yōu)秀用戶界面的原則
隱喻：盡可能基于現(xiàn)實世界中的對象和動作來作為你的應用中的對象和動作的模型。這有助于用戶快速理解和使用你的應用。
備注：除非你選擇的隱喻是公認的，否則，使用標準的控件和動作，比僅僅為了適應你的應用的用戶界面而對現(xiàn)實世界的物體和動作進行擴展更好。
設計習慣用法：在很多時候，你并不能找到恰當?shù)碾[喻，例如進程、內(nèi)存地址等。這種情況，勉強使用不恰當?shù)碾[喻，反而會增加用戶的困惑。所以，設計一個簡單的習慣用法，更加合適——足夠簡單和直觀的習慣用法，并不比隱喻更難理解和使用。
直接操控性：這意味著需要讓用戶感覺他們正在控制一些有形，而非抽象的東西。遵循直接操控原則的好處是，用戶更容易理解他們動作所引起的結果。
當用戶在操作對象時，保持對象的可見性
用戶操控的結果需要立即反饋
少輸入多選擇：
程序比人更擅長記憶選項列表、命令、數(shù)據(jù)等信息。
保持最少的文字輸入，以便于把用戶從需要花費大量時間的輸入中解放出來。
在程序中避免進行大量的錯誤輸入檢查。
選擇的而非輸入的方式，更有利于用戶關注完成的任務，而非去思考如何操作。
反饋：基于直接操控性的原則，除了最終結果外，用戶還需要立即看到他們操作的結果。以及在系統(tǒng)漫長的進行中的實時狀態(tài)。
應該對每一個動作和狀態(tài)展現(xiàn)一些可見的變化。
動畫是一個好的反饋方式，因為其巧妙而又寓意豐富——但是，動畫是用來提升用戶體驗，而非為了吸引用戶的注意力。
用戶可控性：用戶可控性允許用戶（而非程序自身）來開始和控制動作。這要求：
保持動作簡單和直觀，以便用戶理解和記憶——盡可能使用用戶已經(jīng)熟悉的標準控件和標準行為。
在操作開始前提供足夠的取消機會，并對用戶潛在的破壞性行為進行提示。
當程序出現(xiàn)意外或用戶操作錯誤時，允許用戶優(yōu)雅的停止正在進行的操作。
整體的審美感：整體審美感不是一個量化界面有多么漂亮的指標，而是指應用在外觀和功能上配合度如何的標準。
源地址：http://blog.sina.com.cn/s……0100pvhz.html
- 目前還沒評論，等你發(fā)揮！
