<option id="uausy"></option>
  • <li id="uausy"></li>
  • array(23) {
      ["id"] => string(2) "96"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(1) "0"
      ["name"] => string(6) "服務"
      ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "service"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(88) "定制開發-APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_keywords"] => string(75) "APP定制開發,微信定制開發,小程序定制開發,網站定制開發"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_dingzhi.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
      ["son"] => array(9) {
        [0] => array(22) {
          ["id"] => string(3) "187"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "小程序開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(112) "專業微信小程序解決方案|各種場景核心功能,提前布局微信新生態,搶占第一波紅利"
          ["pdir"] => string(0) ""
          ["dir"] => string(6) "wechat"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發-藝源科技小程序開發"
            ["meta_keywords"] => string(103) "小程序開發,商城小程序開發,門店小程序開發,微圈小程序開發,餐飲小程序開發"
            ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發,專業團隊,一對一服務,助企業快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數據架構,系統穩定安全。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_xcx.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "0"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "1"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [1] => array(22) {
          ["id"] => string(3) "199"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "APP開發"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "APP"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(65) "app開發_app定制開發_app制作開發公司【藝源科技】"
            ["meta_keywords"] => string(53) "app開發,app定制開發公司,app制作開發公司"
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_app.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "1"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [2] => array(22) {
          ["id"] => string(3) "244"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "快抖霸屏"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "kuaidou"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術提供商!"
            ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
            ["meta_description"] => string(161) "藝源智能云推廣系統13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結合的營銷爆客解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(20) "show_page_douyin.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "2"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(27) "需要短視頻推廣排名"
          ["modelname"] => NULL
        }
        [3] => array(22) {
          ["id"] => string(3) "207"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(14) "AI智能名片"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(2) "ai"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
            ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
            ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業提供名片小程序,智能名片,企業名片,小程序名片,電子名片,二維碼名片等相關的服務。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(16) "show_page_ai.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "3"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [4] => array(22) {
          ["id"] => string(3) "201"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "版權登記"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "copyright"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_copyright.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "4"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [5] => array(22) {
          ["id"] => string(3) "203"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "商標注冊"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(9) "trademark"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(131) "商標注冊_商標注冊流程_商標注冊流程及費用_西安商標注冊_西安商標注冊代理-「源知果」藝源科技"
            ["meta_keywords"] => string(103) "商標注冊,商標注冊流程,商標注冊流程及費用,西安商標注冊,西安商標注冊代理"
            ["meta_description"] => string(182) "「源知果」西安提供代理版權登記,代理商標注冊,代理專利申請,代理企業貫標,代理高新技術企業認定的服務;咨詢電話:13325455411。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(23) "show_page_trademark.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "5"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [6] => array(22) {
          ["id"] => string(3) "205"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(12) "網站建設"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
          ["desc"] => string(149) "節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款|節約IT成本/降低運維成本/網站安全穩定/不滿意全額退款"
          ["pdir"] => string(0) ""
          ["dir"] => string(7) "website"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(80) "西安商城網站建設_政府網站建設_學校網站建設就選藝源科技"
            ["meta_keywords"] => string(113) "西安網站建設,西安網絡公司,西安網頁設計,商城網站建設,政府網站建設,學校網站建設"
            ["meta_description"] => string(248) "「藝源科技」是西安一家專業的西安商城網站建設,政府網站建設,學校網站建設的網絡公司,咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經驗,為您提供一條龍的互聯網應用解決方案。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(21) "show_page_website.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "6"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [7] => array(22) {
          ["id"] => string(3) "208"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "2"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(15) "云服務平臺"
          ["thumb"] => string(0) ""
          ["image"] => string(0) ""
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(0) ""
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(0)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(0)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(0) ""
            ["meta_keywords"] => string(0) ""
            ["meta_description"] => string(0) ""
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(0) ""
            ["formid"] => string(0) ""
            ["url"] => string(21) "http://www.qulvkj.com"
            ["target"] => string(6) "_blank"
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "7"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(0) ""
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
        [8] => array(22) {
          ["id"] => string(3) "202"
          ["siteid"] => string(1) "1"
          ["type"] => string(1) "1"
          ["m_id"] => string(1) "0"
          ["p_id"] => string(2) "96"
          ["name"] => string(9) "SEO優化"
          ["thumb"] => string(0) ""
          ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
          ["desc"] => string(0) ""
          ["pdir"] => string(0) ""
          ["dir"] => string(3) "seo"
          ["url"] => string(0) ""
          ["setting"] => array(15) {
            ["is_html"] => int(1)
            ["content_is_html"] => int(0)
            ["urlrule"] => int(1)
            ["contenturlrule"] => int(0)
            ["meta_title"] => string(90) "【西安SEO優化_西安網站優化_關鍵詞排名優化】-SEO優化公司藝源科技"
            ["meta_keywords"] => string(81) "西安SEO優化,西安SEO優化公司,西安網站優化,西安網站優化公司"
            ["meta_description"] => string(244) "藝源科技(yysweb.com),專注為企業提供百度等搜索引擎整站SEO優化服務,針對不同行業、網站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術服務外包商。"
            ["category_template"] => string(0) ""
            ["list_template"] => string(0) ""
            ["show_template"] => string(17) "show_page_seo.tpl"
            ["formid"] => string(0) ""
            ["url"] => string(0) ""
            ["target"] => string(0) ""
            ["pri_grade_visit"] => array(0) {
            }
            ["pri_grade_add"] => array(0) {
            }
          }
          ["order"] => string(1) "8"
          ["sethtml"] => string(1) "0"
          ["stat"] => string(1) "2"
          ["flowid"] => string(1) "0"
          ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
          ["page_num"] => string(1) "0"
          ["wxstat"] => string(1) "0"
          ["scope"] => string(0) ""
          ["modelname"] => NULL
        }
      }
    }
    
    				
    當前位置: 首頁 > 售后 > 藝源智庫
    終于有教程了!智能電視用戶體驗設計分享之焦點篇
    時間:2019-05-17 10:37:48
    文章發布:李陽
    原創作者:未知
    來源:互聯網

    智能電視作為新興行業,國內相關的用戶體驗知識少得可憐。今天有請負責智能電視APP設計一年半的給大家分享一些實用的設計經驗,科普電視用戶體驗的基礎知識。

    入智能電視行業一年半,先后在傳統電視品牌和互聯網電視新秀品牌的用戶體驗部門工作,具體工作是電視端App,Launcher的交互和視覺設計,手機端電視相關App設計。

    兩年前作為電視UI的新人,開始入手學習時發現關于電視的交互和UI教程甚少,相關文章也是少之又少。兩年快過去啦,各大設計網站上搜一搜智能電視UI,竟然還是少的可憐的那一點點東西。各大做電視端的師哥師姐們,你們咋那么吝惜筆墨膩?能不能寫寫教程教教偶們新入行的小鮮肉?好啦,不廢話啦,如今我已然不再是什么小鮮肉,只希望能把工作兩年來學到的東西都記錄下來,如果哪天被某個想入行電視UI的鮮肉看見了,希望能有所幫助。

    這篇文章先講一下電視用戶體驗第一元素:焦點,程序里面叫Focus。

    移動端頁面有可點擊內容和不可點擊內容,相應的,到電視上,我們有“可獲取焦點內容”和“不可獲取焦點內容”。(一般電視上的內容都是可以獲取焦點的,只有部分提示性文字沒有焦點屬性)先來看兩張圖

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    這是電視圈兒內大名鼎鼎的當貝市場的首頁,頂部標簽焦點和內容焦點的樣式,這也是當前大部分電視端App焦點的樣式。這種焦點簡單,美觀,醒目。

    下面我們說一下電視焦點視覺設計第一個要注意的問題:焦點在哪兒?


    設計原則:焦點要醒目

    建議方法:使用描邊,外發光,放大,或其他動畫來加強焦點視覺效果。當然也不是越夸張越好,要拿捏得當,適合的才更好。

    電視屏幕上的焦點也是用戶的視覺落點,用戶找了滿屏也不知道自己在哪兒的感覺是很崩潰的。不知道焦點在哪兒,就沒法預知自己按下遙控器后會怎樣。我們來看一張焦點很微弱的圖:

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    自從小米首先在電視上使用時尚畫報做屏保后,一批批屏保圖片類電視app出現,上圖為一款叫風迷style的app使用設置界面。左圖,深色和淺色的按鈕,哪個是焦點?假設焦點在“跳過”上,而用戶卻以為焦點是全選,按下遙控器跳過了此界面,用戶肯定會很吃驚“誒,我按了什么?。??”如果下一頁不支持返回重新編輯,那用戶會是十分崩潰的。這個app的焦點都不太明顯,看右圖,沒有放大也沒有外發光也沒有動態輔助,不過還好,還是可以分辨的清的。

    第二個要注意的問題:焦點的樣式要統一么?


    設計原則:樣式盡量統一,這樣才感覺都是一家人嘛~

    建議方法:外發光選框焦點,替換顏色焦點盡量不要混著使用。動畫焦點也不要有很多動畫樣式,盡量統一。

    看上上圖,色塊卡片是當前流行的電視UI形式,如果焦點樣式也是色塊,難免會造成視覺混淆,下圖我再舉個例子。

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    蝦米音樂的搜索按鈕焦點樣式,和QQ音樂的搜索按鈕焦點樣式,哪個更直接明了一些?顯然是QQ音樂啦,看來鵝廠對電視App的焦點也是研究過的啊,哈哈。另外我要說一下互聯網電視新秀暴風TV里面一個頁面的焦點

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    找到焦點了嘛?沒錯,焦點在左下角的“未登錄”那里,這是一個動畫效果,暴風TV的UI使用了很多柔和的微動畫,營造了不錯的氛圍感。小米電視UI上也有很多拿捏到位動畫,樂視就不要提了,樂視剛出來時候在那個年代真的挺好看的,可是這幾年怎么就沒有設計創新呢,感覺它的UI都被時代拋棄了。


    第三個要注意的問題:焦點路徑的記憶

    這個問題用純文字比較難表達清楚,先看下圖:

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    再拿多米音樂和QQ音樂舉個例子。多米音樂中,使用app時,焦點在位置1按遙控器右鍵,焦點會落到位置2,在位置2按下鍵,焦點落到位置3,在位置3按左鍵,焦點會回到位置1,此時再在位置一按右鍵,焦點會落在位置3,而不是使用時的位置2啦。

    QQ音樂的方式則不同,不管是不是第一次使用,焦點在位置1時按下鍵,則焦點始終落在焦點2。QQ的方式是先上后下,先左后右的順序。而蝦米則會記住焦點上一步所在的位置,完全遵從著“從哪兒來,回哪兒去”的原則。蝦米音樂在這點做的要比QQ音樂好,因為記住用戶上一步的操作總是體貼的。


    設計原則:從哪兒來,回哪兒去

    建議方法:記住用戶上一步的操作(即上一步焦點所在位置),再次執行同一動作的時候使用上次記住的方式。

    這個方法不僅僅適用于焦點移動,也適用于頁面切換。在A界面上的位置1進入到B界面,那從B界面回到A界面時,焦點還應該在位置1??赡苣銜X得,一個小小焦點位置,有必要糾結那么多嘛?對于電視交互,還真的需要考慮這么多,你不寫清楚,程序員就不知道該怎么做,有的會亂搞,或直接忽視這個問題,造成差的用戶體驗。當然有經驗的程序員哥哥是會自動完善你的交互稿的,這些程序員哥哥還經常提出交互中的不完善之處,簡直就是交互小幫手。當然作為交互設計師,咱不能指望程序員哥哥啊,萬一他也是個菜鳥級的鮮肉腫么辦!


    第四個要注意的問題:獲取焦點即執行 VS 獲取焦點后按確認鍵再執行

    電視上的元素應該有五個狀態:1.正常狀態  2.焦點狀態  3.按下狀態  4.標記狀態   5.半選中狀態。

    其中“半選中狀態”是一個交互狀態,在視覺上與“焦點狀態”是相同的,半選中即焦點移動到相應內容但并不執行動作,需要再次按確認鍵才響應操作。這種狀態常見于視頻播放或音頻播放界面的設置菜單里,所選內容要對當前界面執行更改的情況。比如愛奇藝電視端視頻播放界面按“菜單鍵”調出選集菜單(下圖左),暴風TV影視庫里面按“菜單鍵”調出設置菜單(下圖右)

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    圖左和圖右均有明顯標記狀態和半選中狀態,這兩個狀態從來都是成對出現。半選中狀態是用戶即將進行的更改按鈕,而標記狀態,要對當前模式進行標記。

    半選中狀態在智能電視剛誕生的時候非常流行,各大廠商的Launcher界面上的頂部tab都采用半選中狀態,因為那時候技術限制,電視刷新頻率比較慢,若是移動焦點則更改畫面,卡頓現象非常嚴重,所以電視界出現了一個“半選中狀態”,用戶隨便移動焦點卻不執行操作(實際上很多用戶無聊的時候會移動焦點玩兒),要到想要的位置按確定再執行操作。這種用戶體驗是十分不流暢的,所以現在的互聯網電視,好一點的app,都是遵循所見即所得原則,焦點移過去就執行更改(實際上是有200ms的延遲的哦,程序員哥哥說200ms也不會被用戶察覺,是程序界通用的延遲執行時間)。

    也有一些情況,是必須執行半選中狀態的,比如選擇劇集

    終于有教程了!智能電視用戶體驗設計分享之焦點篇-藝源科技

    這種場景,你肯定不希望焦點每動一次畫面都跟著切換,那樣簡直太不流暢了,要是網速不好,簡直是要崩潰的體驗。

    其實半選中狀態和選中狀態也沒有的區分,只是我覺得這樣描述在工作中和人溝通起來比較容易,如果嚴格追求字面意思我這么說是不嚴謹的。主要大家知道電視存在這么一種特殊狀態就好,類似于電腦上的鼠標懸停效果吧,在移動端上我并沒想到對應效果。關于獲取焦點即執行還是獲取焦點按確定后再執行,真的是要具體情況具體分析,主要是東西跑在電視上,操作得流暢??!所以這里就不寫設計原則和建議方法,筆者能力有限也怕寫不明白。有時間我會以案例為單位單獨分析。

    剛剛把設置菜單這個東西引出來了,那菜單掉出來了要怎么收回去?是按返回鍵還是按確定鍵?要不要保存當前更改?遵循“從哪兒來回哪兒去”這個原則的時候,是回到上一個半選中狀態還是標記狀態?這就引出了下一個大問題:遙控器的常用按鍵應該有的合理功能。

    小程序開發
    標簽: 智能電視 用戶體驗 經驗分享
    *版權申明:本站部分文章由藝源科技收集整理,不代表我們的觀點。如果這篇轉載侵犯您的版權,請及時聯系我們刪除!
    為您推薦
    最新文章
    掃碼加他,免費獲取方案
    久久青草费线频观看地址_少妇久久久久久久久久_亚洲欧洲自拍拍偷午夜色_国产sm重味一区二区三区
    <option id="uausy"></option>
  • <li id="uausy"></li>