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

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

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

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

這篇文章先講一下電視用戶(hù)體驗(yàn)第一元素:焦點(diǎn),程序里面叫Focus。

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

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

這是電視圈兒內(nèi)大名鼎鼎的當(dāng)貝市場(chǎng)的首頁(yè),頂部標(biāo)簽焦點(diǎn)和內(nèi)容焦點(diǎn)的樣式,這也是當(dāng)前大部分電視端App焦點(diǎn)的樣式。這種焦點(diǎn)簡(jiǎn)單,美觀(guān),醒目。

下面我們說(shuō)一下電視焦點(diǎn)視覺(jué)設(shè)計(jì)第一個(gè)要注意的問(wèn)題:焦點(diǎn)在哪兒?


設(shè)計(jì)原則:焦點(diǎn)要醒目

建議方法:使用描邊,外發(fā)光,放大,或其他動(dòng)畫(huà)來(lái)加強(qiáng)焦點(diǎn)視覺(jué)效果。當(dāng)然也不是越夸張?jiān)胶?,要拿捏得?dāng),適合的才更好。

電視屏幕上的焦點(diǎn)也是用戶(hù)的視覺(jué)落點(diǎn),用戶(hù)找了滿(mǎn)屏也不知道自己在哪兒的感覺(jué)是很崩潰的。不知道焦點(diǎn)在哪兒,就沒(méi)法預(yù)知自己按下遙控器后會(huì)怎樣。我們來(lái)看一張焦點(diǎn)很微弱的圖:

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

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

第二個(gè)要注意的問(wèn)題:焦點(diǎn)的樣式要統(tǒng)一么?


設(shè)計(jì)原則:樣式盡量統(tǒng)一,這樣才感覺(jué)都是一家人嘛~

建議方法:外發(fā)光選框焦點(diǎn),替換顏色焦點(diǎn)盡量不要混著使用。動(dòng)畫(huà)焦點(diǎn)也不要有很多動(dòng)畫(huà)樣式,盡量統(tǒng)一。

看上上圖,色塊卡片是當(dāng)前流行的電視UI形式,如果焦點(diǎn)樣式也是色塊,難免會(huì)造成視覺(jué)混淆,下圖我再舉個(gè)例子。

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

蝦米音樂(lè)的搜索按鈕焦點(diǎn)樣式,和QQ音樂(lè)的搜索按鈕焦點(diǎn)樣式,哪個(gè)更直接明了一些?顯然是QQ音樂(lè)啦,看來(lái)鵝廠(chǎng)對(duì)電視App的焦點(diǎn)也是研究過(guò)的啊,哈哈。另外我要說(shuō)一下互聯(lián)網(wǎng)電視新秀暴風(fēng)TV里面一個(gè)頁(yè)面的焦點(diǎn)

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

找到焦點(diǎn)了嘛?沒(méi)錯(cuò),焦點(diǎn)在左下角的“未登錄”那里,這是一個(gè)動(dòng)畫(huà)效果,暴風(fēng)TV的UI使用了很多柔和的微動(dòng)畫(huà),營(yíng)造了不錯(cuò)的氛圍感。小米電視UI上也有很多拿捏到位動(dòng)畫(huà),樂(lè)視就不要提了,樂(lè)視剛出來(lái)時(shí)候在那個(gè)年代真的挺好看的,可是這幾年怎么就沒(méi)有設(shè)計(jì)創(chuàng)新呢,感覺(jué)它的UI都被時(shí)代拋棄了。


第三個(gè)要注意的問(wèn)題:焦點(diǎn)路徑的記憶

這個(gè)問(wèn)題用純文字比較難表達(dá)清楚,先看下圖:

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

再拿多米音樂(lè)和QQ音樂(lè)舉個(gè)例子。多米音樂(lè)中,使用app時(shí),焦點(diǎn)在位置1按遙控器右鍵,焦點(diǎn)會(huì)落到位置2,在位置2按下鍵,焦點(diǎn)落到位置3,在位置3按左鍵,焦點(diǎn)會(huì)回到位置1,此時(shí)再在位置一按右鍵,焦點(diǎn)會(huì)落在位置3,而不是使用時(shí)的位置2啦。

QQ音樂(lè)的方式則不同,不管是不是第一次使用,焦點(diǎn)在位置1時(shí)按下鍵,則焦點(diǎn)始終落在焦點(diǎn)2。QQ的方式是先上后下,先左后右的順序。而蝦米則會(huì)記住焦點(diǎn)上一步所在的位置,完全遵從著“從哪兒來(lái),回哪兒去”的原則。蝦米音樂(lè)在這點(diǎn)做的要比QQ音樂(lè)好,因?yàn)橛涀∮脩?hù)上一步的操作總是體貼的。


設(shè)計(jì)原則:從哪兒來(lái),回哪兒去

建議方法:記住用戶(hù)上一步的操作(即上一步焦點(diǎn)所在位置),再次執(zhí)行同一動(dòng)作的時(shí)候使用上次記住的方式。

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


第四個(gè)要注意的問(wèn)題:獲取焦點(diǎn)即執(zhí)行 VS 獲取焦點(diǎn)后按確認(rèn)鍵再執(zhí)行

電視上的元素應(yīng)該有五個(gè)狀態(tài):1.正常狀態(tài)  2.焦點(diǎn)狀態(tài)  3.按下?tīng)顟B(tài)  4.標(biāo)記狀態(tài)   5.半選中狀態(tài)。

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

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

圖左和圖右均有明顯標(biāo)記狀態(tài)和半選中狀態(tài),這兩個(gè)狀態(tài)從來(lái)都是成對(duì)出現(xiàn)。半選中狀態(tài)是用戶(hù)即將進(jìn)行的更改按鈕,而標(biāo)記狀態(tài),要對(duì)當(dāng)前模式進(jìn)行標(biāo)記。

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

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

終于有教程了!智能電視用戶(hù)體驗(yàn)設(shè)計(jì)分享之焦點(diǎn)篇-藝源科技

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

其實(shí)半選中狀態(tài)和選中狀態(tài)也沒(méi)有的區(qū)分,只是我覺(jué)得這樣描述在工作中和人溝通起來(lái)比較容易,如果嚴(yán)格追求字面意思我這么說(shuō)是不嚴(yán)謹(jǐn)?shù)?。主要大家知道電視存在這么一種特殊狀態(tài)就好,類(lèi)似于電腦上的鼠標(biāo)懸停效果吧,在移動(dòng)端上我并沒(méi)想到對(duì)應(yīng)效果。關(guān)于獲取焦點(diǎn)即執(zhí)行還是獲取焦點(diǎn)按確定后再執(zhí)行,真的是要具體情況具體分析,主要是東西跑在電視上,操作得流暢?。∷赃@里就不寫(xiě)設(shè)計(jì)原則和建議方法,筆者能力有限也怕寫(xiě)不明白。有時(shí)間我會(huì)以案例為單位單獨(dú)分析。

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

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