微軟的XBox 360 kinect自從發(fā)布以來(lái)，掀起體感交互的熱潮。業(yè)內(nèi)不少人開(kāi)始研究體感交互的各種可能性和拓展性。我正好在聯(lián)想做一個(gè)類(lèi)似的項(xiàng)目，下面將在這個(gè)項(xiàng)目?jī)赡甓嗟氖斋@略作整理，與大家分享：

一、電視平臺(tái)的特點(diǎn)

電視機(jī)尺寸大，最高支持到1920×1080

操作距離遠(yuǎn)，一般來(lái)說(shuō)人與電視機(jī)的距離在2~3米

位置固定，一般在家庭的客廳中，屬于半公共空間

用戶一般不會(huì)在電視機(jī)上進(jìn)行復(fù)雜和費(fèi)時(shí)的操作，例如文檔處理、收發(fā)郵件等。

用戶主要進(jìn)行休閑娛樂(lè)（電視節(jié)目、易于操控的游戲等）和信息查看（天氣、股票等）。

二、應(yīng)用的風(fēng)格分類(lèi)

用戶很少會(huì)在電視機(jī)上使用高效應(yīng)用（對(duì)于高效應(yīng)用的定義，請(qǐng)參見(jiàn)我博客中的“基于移動(dòng)設(shè)備的應(yīng)用設(shè)計(jì)”）。基于電視平臺(tái)的應(yīng)用，主要分為以下兩種：

工具類(lèi)應(yīng)用：很少需要用戶輸入的簡(jiǎn)單任務(wù)。用戶使用工具類(lèi)應(yīng)用來(lái)查看快速統(tǒng)計(jì)信息或針對(duì)有限的對(duì)象執(zhí)行簡(jiǎn)單的任務(wù)。

“天氣”、“股票查詢”等應(yīng)用是一種典型的工具類(lèi)應(yīng)用。

工具類(lèi)應(yīng)用在視覺(jué)上是吸引人的，但其視覺(jué)效果不應(yīng)喧賓奪主，不能掩蓋需要重點(diǎn)體現(xiàn)的信息。

用戶使用工具類(lèi)應(yīng)用來(lái)檢查某件事情的狀態(tài)或者用以查詢，因此他們希望快速和容易的定位于他們感興趣的信息。

基于電視屏幕的特點(diǎn)，界面應(yīng)該設(shè)計(jì)的簡(jiǎn)潔、功能相對(duì)集中。不應(yīng)該在一個(gè)應(yīng)用中提供多個(gè)復(fù)雜的功能——因?yàn)閷?duì)于復(fù)雜應(yīng)用來(lái)說(shuō)，PC平臺(tái)更合適。

圖一：聯(lián)想eBox上的天氣

在進(jìn)行eBox平臺(tái)的工具類(lèi)應(yīng)用設(shè)計(jì)時(shí)，你需要觀察用戶是如何使用此類(lèi)應(yīng)用的，然后將應(yīng)用的任務(wù)分解為多個(gè)易于完成的子任務(wù)，然后基于這些子任務(wù)，有選擇的設(shè)計(jì)你的應(yīng)用。

工具類(lèi)應(yīng)用可能需要支持經(jīng)常性的更改設(shè)置或變更信息源，因此他們經(jīng)常會(huì)在主界面的功能條上提供這些設(shè)置。

工具類(lèi)應(yīng)用，一般以平整的列表形式組織。用戶通常不需要層級(jí)查看。一種典型的方式是，每一個(gè)視圖提供同樣的數(shù)據(jù)組織和層級(jí)深度。

另外，在工具類(lèi)應(yīng)用中，盡量使用GUI提供的控件，在視覺(jué)風(fēng)格上也要盡量與GUI統(tǒng)一。

沉浸式應(yīng)用：內(nèi)容相關(guān)用戶體驗(yàn)、豐富視覺(jué)環(huán)境、豐富交互環(huán)境的應(yīng)用。游戲就是一種典型的沉浸式應(yīng)用。

圖二：聯(lián)想eBox上的游戲

電視平臺(tái)的沉浸式應(yīng)用盡量避免展示大量的文本信息、避免進(jìn)行復(fù)雜的設(shè)置。大量的文本信息、復(fù)雜的設(shè)置會(huì)影響用戶的體驗(yàn)。

沉浸式應(yīng)用傾向于使用自定義的用戶界面而非設(shè)備的用戶界面，以加強(qiáng)用戶在產(chǎn)品使用中的參與感。用戶探索和發(fā)現(xiàn)的行為是沉浸式應(yīng)用體驗(yàn)的一部分，因此使用非標(biāo)準(zhǔn)控件是恰當(dāng)?shù)摹?/p>

沉浸式應(yīng)用通常以游戲、故事等形式展示?；谶@個(gè)原因，沉浸式應(yīng)用通常采用自定義導(dǎo)航的方法，以替代在工具類(lèi)應(yīng)用中標(biāo)準(zhǔn)的、數(shù)據(jù)驅(qū)動(dòng)型的方法。

沉浸式應(yīng)用的用戶體驗(yàn)?zāi)Ｐ陀蓱?yīng)用的體驗(yàn)決定。

三、PC應(yīng)用的移植

基于電視平臺(tái)的應(yīng)用，在用戶習(xí)慣上和PC有很大的不同，在用戶體驗(yàn)上用戶也會(huì)有不同的期望。

電視是以家庭為單位的平臺(tái)，人群的年齡跨度非常大。這意味著我們要設(shè)計(jì)非常簡(jiǎn)單、易于使用的應(yīng)用。

備注：如果你的PC版本應(yīng)用提供了復(fù)雜的任務(wù)或一系列任務(wù)，你需要檢查人們?nèi)绾问褂盟麄儯粤私馊绾伟讶蝿?wù)拆解為一系列易于完成的子任務(wù)，然后有選擇的進(jìn)行設(shè)計(jì)。

在應(yīng)用設(shè)計(jì)上，采用80-20法則。謹(jǐn)慎決定是否引入那些雖然強(qiáng)大，但是只有少部分用戶使用的功能。應(yīng)該更關(guān)注那些能滿足絕大多數(shù)用戶需求的功能——因?yàn)椋琍C可能擁有更好的環(huán)境來(lái)提供這些功能。

四、PC應(yīng)用移植案例：天氣應(yīng)用

在PC平臺(tái)，可以在一個(gè)窗口中將大多數(shù)功能都展示在一起。因?yàn)榛阪I鼠的操作方式精確、人與屏幕的距離近、鼠標(biāo)可以在屏幕上進(jìn)行跨越點(diǎn)擊——這是PC的特點(diǎn)決定的。

但是在電視平臺(tái)上的應(yīng)用，在某些方面與移動(dòng)設(shè)備（例如手機(jī)）更加類(lèi)似：人們需要簡(jiǎn)潔的天氣應(yīng)用，他們想快速的訪問(wèn)核心功能。

圖四：PC上的天氣應(yīng)用

所以，你需要對(duì)用戶界面進(jìn)行精簡(jiǎn)，使界面顯得整潔并易于使用。另外，你還需要精簡(jiǎn)菜單結(jié)構(gòu)，將菜單的結(jié)構(gòu)和層級(jí)簡(jiǎn)化，使用戶打開(kāi)應(yīng)用后，馬上就能夠進(jìn)行所期望的操作。

圖五為天氣應(yīng)用的主要界面。天氣應(yīng)用，主要包含兩部分：查看特定城市的天氣、對(duì)城市列表進(jìn)行刪除和增加操作。

在設(shè)計(jì)時(shí)，將任務(wù)分解為三部分：查看城市天氣、添加城市、刪除城市。

其中，天氣展示為主要界面。而添加和刪除城市只在特定狀態(tài)（添加和刪除城市）下存在。在設(shè)計(jì)時(shí)，我們將添加城市和刪除城市設(shè)計(jì)成為配置性的ICON，放在下方的半圓形功能條上。

此種方法，簡(jiǎn)單、直觀，避免了不必要的操作。經(jīng)過(guò)采樣測(cè)試，不同年齡、不同知識(shí)背景的人都能夠很方便的進(jìn)行使用。

圖五：聯(lián)想eBox上的天氣

附:優(yōu)秀用戶界面的原則

隱喻：盡可能基于現(xiàn)實(shí)世界中的對(duì)象和動(dòng)作來(lái)作為你的應(yīng)用中的對(duì)象和動(dòng)作的模型。這有助于用戶快速理解和使用你的應(yīng)用。

備注：除非你選擇的隱喻是公認(rèn)的，否則，使用標(biāo)準(zhǔn)的控件和動(dòng)作，比僅僅為了適應(yīng)你的應(yīng)用的用戶界面而對(duì)現(xiàn)實(shí)世界的物體和動(dòng)作進(jìn)行擴(kuò)展更好。

設(shè)計(jì)習(xí)慣用法：在很多時(shí)候，你并不能找到恰當(dāng)?shù)碾[喻，例如進(jìn)程、內(nèi)存地址等。這種情況，勉強(qiáng)使用不恰當(dāng)?shù)碾[喻，反而會(huì)增加用戶的困惑。所以，設(shè)計(jì)一個(gè)簡(jiǎn)單的習(xí)慣用法，更加合適——足夠簡(jiǎn)單和直觀的習(xí)慣用法，并不比隱喻更難理解和使用。

直接操控性：這意味著需要讓用戶感覺(jué)他們正在控制一些有形，而非抽象的東西。遵循直接操控原則的好處是，用戶更容易理解他們動(dòng)作所引起的結(jié)果。

當(dāng)用戶在操作對(duì)象時(shí)，保持對(duì)象的可見(jiàn)性

用戶操控的結(jié)果需要立即反饋

少輸入多選擇：

程序比人更擅長(zhǎng)記憶選項(xiàng)列表、命令、數(shù)據(jù)等信息。

保持最少的文字輸入，以便于把用戶從需要花費(fèi)大量時(shí)間的輸入中解放出來(lái)。

在程序中避免進(jìn)行大量的錯(cuò)誤輸入檢查。

選擇的而非輸入的方式，更有利于用戶關(guān)注完成的任務(wù)，而非去思考如何操作。

反饋：基于直接操控性的原則，除了最終結(jié)果外，用戶還需要立即看到他們操作的結(jié)果。以及在系統(tǒng)漫長(zhǎng)的進(jìn)行中的實(shí)時(shí)狀態(tài)。

應(yīng)該對(duì)每一個(gè)動(dòng)作和狀態(tài)展現(xiàn)一些可見(jiàn)的變化。

動(dòng)畫(huà)是一個(gè)好的反饋方式，因?yàn)槠淝擅疃衷⒁庳S富——但是，動(dòng)畫(huà)是用來(lái)提升用戶體驗(yàn)，而非為了吸引用戶的注意力。

用戶可控性：用戶可控性允許用戶（而非程序自身）來(lái)開(kāi)始和控制動(dòng)作。這要求：

保持動(dòng)作簡(jiǎn)單和直觀，以便用戶理解和記憶——盡可能使用用戶已經(jīng)熟悉的標(biāo)準(zhǔn)控件和標(biāo)準(zhǔn)行為。

在操作開(kāi)始前提供足夠的取消機(jī)會(huì)，并對(duì)用戶潛在的破壞性行為進(jìn)行提示。

當(dāng)程序出現(xiàn)意外或用戶操作錯(cuò)誤時(shí)，允許用戶優(yōu)雅的停止正在進(jìn)行的操作。

整體的審美感：整體審美感不是一個(gè)量化界面有多么漂亮的指標(biāo)，而是指應(yīng)用在外觀和功能上配合度如何的標(biāo)準(zhǔn)。

源地址：http://blog.sina.com.cn/s……0100pvhz.html