編輯導語:智慧屏是佈局智慧家居場景的關鍵中樞,所以,它的存在非常重要。本篇文章中,作者從5個方面,從0到1的分享了智慧屏互動設計的方法。感興趣的小夥伴不妨來看看,說不定能用上哦。
智慧屏的互動設計主要圍繞遙控器、語音互動、焦點三大組成部分。
首先智慧屏的操作是需要靠遙控器來控制的,隨著多端裝置的協作應用和發展,終端裝置不再是單一的存在。
手機也能夠去連線智慧屏,充當遙控器的作用。操作的場景也變得越來越豐富。
這篇文章主要將結合蘇寧智慧屏專案帶大家瞭解下智慧屏的遙控器控制和語音互動(VUI)。
智慧屏互動知識大綱:
硬體遙控器介紹
軟體遙控器介紹
智慧屏語音互動:遠場語音、近場語音
焦點規範
走焦規則
一、硬體遙控器介紹
遙控器支援的互動操作方式分為點按、長按兩種,在特別的場景下按鈕還會有一些隱藏功能。
比如全屏播放影片內容時,方向鍵會控制調出很多影片設定選項。
二、軟體遙控器介紹
軟體遙控器:手機端開發的蘇寧智慧屏助手小程式與電視終端裝置連線繫結,達到控制智慧屏的目的。
三、智慧屏語音互動
Biu智慧屏語音模式分為近場語音和遠場語音兩種模式,近場語音連線方式有兩種:
硬體遙控器透過藍芽與智慧屏配對連線
軟體遙控器透過進入小程式輸入繫結碼繫結
近場語音操作方式:透過點按遙控器語音鍵(硬體或軟體遙控器)喚醒,遠場語音通過後臺設定的指令關鍵詞進行喚醒。
語音互動場景在全域性任一介面。
1. 近場語音示例
2. 遠場語音示例
遠場語音透過語音說出口令關鍵詞“小Biu小Biu”喚起語音模式,智慧屏會進行文字提示“我在”進行反饋,之後使用者使用語音輸入任務指令。
四、焦點規範
智慧屏是依靠遙控器操作的裝置,它透過焦點告知使用者目前聚焦的位置。
焦點需要有獨特的展現方式便於使用者去記憶。
除了簡單的落焦放大或反色設計樣式外,可以透過更多動態的的表現形式來突出,焦點樣式具有差異化也可以是智慧屏設計脫引而出。
1. 焦點樣式
智慧屏提供識別性較強的焦點樣式,使使用者能夠在長時間不操作智慧屏的場景下依然能夠準確高效的找到焦點的位置。
2. 焦點的動效規則
焦點的放大規則遵循避免干擾使用者識別資訊的原則,放大比例一定控制在合理範圍之內,保證焦點大小不遮擋附近的其他資訊內容。
焦點動效:切換動效(失焦:元素比例由大變小,落焦:元素比例由大變小)、焦點呼吸動效。
3. 焦點的狀態
焦點分為正常態、獲焦態、啟用態、不可用狀態。
五、走焦規則
走焦規則主要是焦點移動(定焦)、就近、記憶等規則。
1. 橫向移動規則
橫向滾動焦點只可以左右移動,蘇寧智慧屏橫向走焦,焦點只能左右方向進行移動。
移動盡頭時,不可走焦,會有橫向回彈特效。
(ps:小米智慧屏可斜向走焦,當焦點從第一排第一個向右移動至最右邊時,再向右移動,焦點會自動落在第二排第一個內容上,這個互動的選擇在特定場景下更加靈活)。
2. 橫向定焦規則
頻道頁籤焦點向右走焦,焦點向右移動至頻道導航的2/3處時, 焦點固定且後續內容持續向左滾動。
再次向左移動至頻道導航的1/3處時,焦點固定且後續內容持續向右滾動。
3. 豎向移動規則
豎向滾動焦點只可以上下移動,蘇寧智慧屏豎向走焦,焦點只能上下方向進行移動。
移動至盡頭時,不可走焦,會有豎向回彈特效。
4. 豎向定焦規則
卡片內容定焦:焦點移動至頁面中心時,焦點固定,焦點下方內容持續向上滾動。
列表內容定焦:當列表內容個數<=6時,焦點移動至頁面中心時,焦點固定,焦點下方內容持續向上滾動。
當列表內容個數>6時,焦點向下移動至列表內容區的2/3處時, 焦點固定且後續內容持續向上滾動。
再次向上移動至列表內容區的1/3處時,焦點固定且後續內容持續向下滾動。
5. 就近和記憶規則
就近走焦:系統卡片類內容走焦遵循就近走焦規則。
記憶走焦規則:頁籤(列表)和卡片內容之間的走焦。
如下圖:焦點從“體育”頁籤向下移動,預設落焦在第一排第一個內容,向上移動或按返回鍵,系統會記憶之前的焦點移動軌跡,會再次落焦點在“體育”頻道頁簽上。
六、總結
以上就是我想和大家分享的關於智慧屏專案互動設計的內容,只有瞭解清楚互動體系的基礎組成部分,才能在設計應用過程中更加從容。
才能對於互動設計的創新做更深度的探索,希望這篇關於蘇寧智慧螢幕互動設計部分的互動體系總結對大家有幫助。
註釋:專案版權歸屬蘇寧智慧終端有限公司
本文由 @Q什伍 原創釋出於人人都是產品經理,未經作者許可,禁止轉載。
題圖來自 Unsplash,基於CC0協議。