杏吧app下载，关婷娜被揉胸视频直播，杏吧之春暖花开有你

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) "服務(wù)"
  ["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) "定制開發(fā)-APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_keywords"] => string(75) "APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["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) "小程序開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專業(yè)微信小程序解決方案|各種場景核心功能，提前布局微信新生態(tài)，搶占第一波紅利"
      ["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) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發(fā)-藝源科技小程序開發(fā)"
        ["meta_keywords"] => string(103) "小程序開發(fā),商城小程序開發(fā),門店小程序開發(fā),微圈小程序開發(fā),餐飲小程序開發(fā)"
        ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發(fā)，專業(yè)團隊,一對一服務(wù),助企業(yè)快速生成自己的移動端微商城平臺. 藝源科技小程序采用高性能數(shù)據(jù)架構(gòu),系統(tǒng)穩(wěn)定安全。"
        ["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開發(fā)"
      ["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開發(fā)_app定制開發(fā)_app制作開發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開發(fā),app定制開發(fā)公司,app制作開發(fā)公司"
        ["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) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術(shù)提供商！"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營銷爆客解決方案。"
        ["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智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關(guān)的服務(wù)。"
        ["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) "版權(quán)登記"
      ["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) "「源知果」西安提供代理版權(quán)登記，代理商標注冊，代理專利申請，代理企業(yè)貫標，代理高新技術(shù)企業(yè)認定的服務(wù)；咨詢電話：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) "網(wǎng)站建設(shè)"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款"
      ["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) "西安商城網(wǎng)站建設(shè)_政府網(wǎng)站建設(shè)_學校網(wǎng)站建設(shè)就選藝源科技"
        ["meta_keywords"] => string(113) "西安網(wǎng)站建設(shè),西安網(wǎng)絡(luò)公司,西安網(wǎng)頁設(shè)計,商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學校網(wǎng)站建設(shè)"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專業(yè)的西安商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學校網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司，咨詢電話:029-88810146/150 9401 9029。公司擁有10年實踐經(jīng)驗,為您提供一條龍的互聯(lián)網(wǎng)應(yīng)用解決方案。"
        ["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) "云服務(wù)平臺"
      ["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優(yōu)化"
      ["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優(yōu)化_西安網(wǎng)站優(yōu)化_關(guān)鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網(wǎng)站優(yōu)化,西安網(wǎng)站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技（yysweb.com）,專注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務(wù),針對不同行業(yè)、網(wǎng)站情況給出不同策略、報價和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術(shù)服務(wù)外包商。"
        ["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
    }
  }
}
當前位置： 首頁 > 售后 > 藝源智庫
終于有教程了！智能電視用戶體驗設(shè)計分享之焦點篇
時間：2019-05-17 10:37:48
文章發(fā)布：李陽
原創(chuàng)作者：未知
來源：互聯(lián)網(wǎng)

智能電視作為新興行業(yè)，國內(nèi)相關(guān)的用戶體驗知識少得可憐。今天有請負責智能電視APP設(shè)計一年半的給大家分享一些實用的設(shè)計經(jīng)驗，科普電視用戶體驗的基礎(chǔ)知識。

入智能電視行業(yè)一年半，先后在傳統(tǒng)電視品牌和互聯(lián)網(wǎng)電視新秀品牌的用戶體驗部門工作，具體工作是電視端App，Launcher的交互和視覺設(shè)計，手機端電視相關(guān)App設(shè)計。

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

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

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

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

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

下面我們說一下電視焦點視覺設(shè)計第一個要注意的問題：焦點在哪兒？


設(shè)計原則：焦點要醒目

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

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

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

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

第二個要注意的問題：焦點的樣式要統(tǒng)一么？


設(shè)計原則：樣式盡量統(tǒng)一，這樣才感覺都是一家人嘛～

建議方法：外發(fā)光選框焦點，替換顏色焦點盡量不要混著使用。動畫焦點也不要有很多動畫樣式，盡量統(tǒng)一。

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

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

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

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

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


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

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

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

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

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


設(shè)計原則：從哪兒來，回哪兒去

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

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


第四個要注意的問題：獲取焦點即執(zhí)行 VS 獲取焦點后按確認鍵再執(zhí)行

電視上的元素應(yīng)該有五個狀態(tài)：1.正常狀態(tài)  2.焦點狀態(tài)  3.按下狀態(tài)  4.標記狀態(tài)   5.半選中狀態(tài)。

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

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

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

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

也有一些情況，是必須執(zhí)行半選中狀態(tài)的，比如選擇劇集

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

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

其實半選中狀態(tài)和選中狀態(tài)也沒有的區(qū)分，只是我覺得這樣描述在工作中和人溝通起來比較容易，如果嚴格追求字面意思我這么說是不嚴謹?shù)摹Ｖ饕蠹抑离娨暣嬖谶@么一種特殊狀態(tài)就好，類似于電腦上的鼠標懸停效果吧，在移動端上我并沒想到對應(yīng)效果。關(guān)于獲取焦點即執(zhí)行還是獲取焦點按確定后再執(zhí)行，真的是要具體情況具體分析，主要是東西跑在電視上，操作得流暢啊！所以這里就不寫設(shè)計原則和建議方法，筆者能力有限也怕寫不明白。有時間我會以案例為單位單獨分析。

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

小程序開發(fā)
標簽： 智能電視 用戶體驗 經(jīng)驗分享
*版權(quán)申明:本站部分文章由藝源科技收集整理，不代表我們的觀點。如果這篇轉(zhuǎn)載侵犯您的版權(quán)，請及時聯(lián)系我們刪除！
為您推薦
最新文章
掃碼加他，免費獲取方案