編輯導語:智慧屏是布局智能家居場景的關鍵中樞,所以,它的存在非常重要。本篇文章中,作者從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協議。
,