編輯導(dǎo)語：智慧屏是布局智能家居場景的關(guān)鍵中樞，所以，它的存在非常重要。本篇文章中，作者從5個方面，從0到1的分享了智慧屏交互設(shè)計的方法。感興趣的小伙伴不妨來看看，說不定能用上哦。

智慧屏的交互設(shè)計主要圍繞遙控器、語音交互、焦點三大組成部分。

首先智慧屏的操作是需要靠遙控器來控制的，隨著多端設(shè)備的協(xié)作應(yīng)用和發(fā)展，終端設(shè)備不再是單一的存在。

手機也能夠去連接智慧屏，充當(dāng)遙控器的作用。操作的場景也變得越來越豐富。

這篇文章主要將結(jié)合蘇寧智慧屏項目帶大家了解下智慧屏的遙控器控制和語音交互（VUI）。

智慧屏交互知識大綱：

1. 硬件遙控器介紹
2. 軟件遙控器介紹
3. 智慧屏語音交互：遠(yuǎn)場語音、近場語音
4. 焦點規(guī)范
5. 走焦規(guī)則

一、硬件遙控器介紹

遙控器支持的交互操作方式分為點按、長按兩種，在特別的場景下按鈕還會有一些隱藏功能。

比如全屏播放視頻內(nèi)容時，方向鍵會控制調(diào)出很多視頻設(shè)置選項。

二、軟件遙控器介紹

軟件遙控器：手機端開發(fā)的蘇寧智慧屏助手小程序與電視終端設(shè)備連接綁定，達(dá)到控制智慧屏的目的。

三、智慧屏語音交互

Biu智慧屏語音模式分為近場語音和遠(yuǎn)場語音兩種模式，近場語音連接方式有兩種：

1. 硬件遙控器通過藍(lán)牙與智慧屏配對連接
2. 軟件遙控器通過進入小程序輸入綁定碼綁定

近場語音操作方式：通過點按遙控器語音鍵（硬件或軟件遙控器）喚醒，遠(yuǎn)場語音通過后臺設(shè)置的指令關(guān)鍵詞進行喚醒。

語音交互場景在全局任一界面。

1. 近場語音示例

2. 遠(yuǎn)場語音示例

遠(yuǎn)場語音通過語音說出口令關(guān)鍵詞“小Biu小Biu”喚起語音模式，智慧屏?xí)M行文字提示“我在”進行反饋，之后用戶使用語音輸入任務(wù)指令。

四、焦點規(guī)范

智慧屏是依靠遙控器操作的設(shè)備，它通過焦點告知用戶目前聚焦的位置。

焦點需要有獨特的展現(xiàn)方式便于用戶去記憶。

除了簡單的落焦放大或反色設(shè)計樣式外，可以通過更多動態(tài)的的表現(xiàn)形式來突出，焦點樣式具有差異化也可以是智慧屏設(shè)計脫引而出。

1. 焦點樣式

智慧屏提供識別性較強的焦點樣式，使用戶能夠在長時間不操作智慧屏的場景下依然能夠準(zhǔn)確高效的找到焦點的位置。

2. 焦點的動效規(guī)則

焦點的放大規(guī)則遵循避免干擾用戶識別信息的原則，放大比例一定控制在合理范圍之內(nèi)，保證焦點大小不遮擋附近的其他信息內(nèi)容。

焦點動效：切換動效（失焦：元素比例由大變小，落焦：元素比例由大變小）、焦點呼吸動效。

3. 焦點的狀態(tài)

焦點分為正常態(tài)、獲焦態(tài)、激活態(tài)、不可用狀態(tài)。

五、走焦規(guī)則

走焦規(guī)則主要是焦點移動（定焦）、就近、記憶等規(guī)則。

1. 橫向移動規(guī)則

橫向滾動焦點只可以左右移動，蘇寧智慧屏橫向走焦，焦點只能左右方向進行移動。

移動盡頭時，不可走焦，會有橫向回彈特效。

（ps：小米智慧屏可斜向走焦，當(dāng)焦點從第一排第一個向右移動至最右邊時，再向右移動，焦點會自動落在第二排第一個內(nèi)容上，這個交互的選擇在特定場景下更加靈活）。

2. 橫向定焦規(guī)則

頻道頁簽焦點向右走焦，焦點向右移動至頻道導(dǎo)航的2/3處時， 焦點固定且后續(xù)內(nèi)容持續(xù)向左滾動。

再次向左移動至頻道導(dǎo)航的1/3處時，焦點固定且后續(xù)內(nèi)容持續(xù)向右滾動。

3. 豎向移動規(guī)則

豎向滾動焦點只可以上下移動，蘇寧智慧屏豎向走焦，焦點只能上下方向進行移動。

移動至盡頭時，不可走焦，會有豎向回彈特效。

4. 豎向定焦規(guī)則

卡片內(nèi)容定焦：焦點移動至頁面中心時，焦點固定，焦點下方內(nèi)容持續(xù)向上滾動。

列表內(nèi)容定焦：當(dāng)列表內(nèi)容個數(shù)<=6時，焦點移動至頁面中心時，焦點固定，焦點下方內(nèi)容持續(xù)向上滾動。

當(dāng)列表內(nèi)容個數(shù)>6時，焦點向下移動至列表內(nèi)容區(qū)的2/3處時， 焦點固定且后續(xù)內(nèi)容持續(xù)向上滾動。

再次向上移動至列表內(nèi)容區(qū)的1/3處時，焦點固定且后續(xù)內(nèi)容持續(xù)向下滾動。

5. 就近和記憶規(guī)則

就近走焦：系統(tǒng)卡片類內(nèi)容走焦遵循就近走焦規(guī)則。

記憶走焦規(guī)則：頁簽（列表）和卡片內(nèi)容之間的走焦。

如下圖：焦點從“體育”頁簽向下移動，默認(rèn)落焦在第一排第一個內(nèi)容，向上移動或按返回鍵，系統(tǒng)會記憶之前的焦點移動軌跡，會再次落焦點在“體育”頻道頁簽上。

六、總結(jié)

以上就是我想和大家分享的關(guān)于智慧屏項目交互設(shè)計的內(nèi)容，只有了解清楚交互體系的基礎(chǔ)組成部分，才能在設(shè)計應(yīng)用過程中更加從容。

才能對于交互設(shè)計的創(chuàng)新做更深度的探索，希望這篇關(guān)于蘇寧智能屏幕交互設(shè)計部分的交互體系總結(jié)對大家有幫助。

注釋：項目版權(quán)歸屬蘇寧智能終端有限公司

本文由 @Q什伍 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。