本發(fā)明涉及電視及機(jī)頂盒終端技術(shù),尤其涉及一種應(yīng)用于數(shù)字電視樹形導(dǎo)航菜單的設(shè)計(jì)方法。
背景技術(shù):
導(dǎo)航菜單是UI設(shè)計(jì)中不可缺少的部分,它是指通過一定的技術(shù)手段,為界面的訪問者提供一定的途徑,使其可以方便快速地訪問到所需的內(nèi)容。
數(shù)字電視傳統(tǒng)導(dǎo)航菜單形式過于單一,且有關(guān)聯(lián)性不強(qiáng)、用戶不能精確查找等問題。現(xiàn)代社會(huì)信息極速發(fā)展和用戶要求不斷提高的前提下,提高導(dǎo)航菜單對用戶的信息傳達(dá)效率,降低用戶對相關(guān)業(yè)務(wù)的選擇操作時(shí)間等,等一系列提高用戶體驗(yàn)的優(yōu)化設(shè)計(jì)才能讓電視業(yè)務(wù)更加智能。
技術(shù)實(shí)現(xiàn)要素:
為了解決該問題,本發(fā)明提出了一種應(yīng)用于數(shù)字電視樹形導(dǎo)航菜單的設(shè)計(jì)方法??梢宰層脩艨焖賹Υ罅啃畔⒌膭h減和選取,極大程度上提高用戶的查找效率,提高導(dǎo)航菜單的利用率。
本發(fā)明提出了一種應(yīng)用于數(shù)字電視樹形導(dǎo)航菜單的設(shè)計(jì)方法。
利用多行橫向或縱向平行的方式來展示數(shù)字電視相關(guān)的菜單內(nèi)容,用第一行來顯示一級菜單,第二行來顯示二級菜單,第三行顯示三級菜單,以此類推;
橫向/縱向平行分布,按鍵操作【上、下】鍵切換一級菜單,【左、右】鍵切換當(dāng)級內(nèi)容,【確認(rèn)】鍵確定操作,【返回】鍵返回上級操作。最多只需六個(gè)鍵,即可快速完成用戶對大量信息的刪減和選取,極大程度上提高了用戶的查找效率,精確定位用戶位置,充分利用導(dǎo)航菜單。
從入口進(jìn)入信息展示的頁面;
當(dāng)前海報(bào)列表對應(yīng)分類1,一級分類1為默認(rèn)定焦位置;
一級、二級、三級分類是針對信息庫不同維度(層級/并列/從屬關(guān)系等)的劃分;
按【上、下】鍵切換非同級分類,按【左、右】鍵切換同級分類,每一次切換分類,影片列表同時(shí)刷新,按【返回】鍵返回上級操作;
當(dāng)終端設(shè)備的應(yīng)用軟件(UI)發(fā)起請求時(shí),需要判斷云服務(wù)是否連接成功;如果是,則請求云端數(shù)據(jù),如果否,則采用本地默認(rèn)數(shù)據(jù)。終端應(yīng)用軟件也承擔(dān)對數(shù)據(jù)的校驗(yàn),如果校驗(yàn)失敗,則需繼續(xù)請求。最后將合法的數(shù)據(jù)顯示到STB。服務(wù)連通后會(huì)根據(jù)及時(shí)通信的功能進(jìn)行數(shù)據(jù)變化監(jiān)控,如果數(shù)據(jù)有變化則進(jìn)行UI無痕刷新,返之亦然。
本發(fā)明將傳統(tǒng)的導(dǎo)航菜單做了內(nèi)容上的精簡細(xì)分,只需簡單的操作路徑,即可快速完成用戶對大量信息的刪減和選取,極大程度上提高了用戶的查找效率,充分利用導(dǎo)航菜單。
菜單的層級關(guān)系更加清晰明了;
菜單的并列關(guān)系能對菜單內(nèi)容進(jìn)行多種維度的劃分;
菜單的從屬關(guān)系能幫助用戶完成對大量信息的篩選,快速查找并定位;
應(yīng)用包括所有以圖形的方式通過遙控器、空鼠、觸控板或可對電視及機(jī)頂盒終端交互的窗口界面。
本發(fā)明讓傳統(tǒng)的導(dǎo)航、菜單模式更加多元化的使用:緊貼側(cè)邊(電視四邊均可運(yùn)用)、部分懸浮、全屏覆蓋等形式,都可介于不同的使用場景輕松實(shí)現(xiàn)。
附圖說明
圖1是本發(fā)明的頁面信息展示圖;
圖2是菜單數(shù)據(jù)請求技術(shù)流程示意圖。
具體實(shí)施方式
下面對本發(fā)明的內(nèi)容進(jìn)行更加詳細(xì)的闡述:
具體實(shí)現(xiàn)操作步驟如下:
步驟一、用戶首次進(jìn)入信息列表頁,焦點(diǎn)默認(rèn)落在最近熱門影片的分類上,即一級分類1;如圖1所示;
步驟二、按【右】鍵,焦點(diǎn)不動(dòng),一級分類列表移動(dòng),一級分類2上焦,信息列表刷新;
步驟三、按【右】鍵移動(dòng)至當(dāng)前一級分類列表的末端,列表循環(huán),信息列表刷新;
步驟四、按【左】鍵移動(dòng)一級分類列表,焦點(diǎn)落在一級分類4上,信息列表刷新;
步驟五、按【左】鍵移動(dòng)至當(dāng)前一級分類列表的起始端,列表循環(huán),信息列表刷新;
步驟六、按【下】鍵切換二級分類,焦點(diǎn)落在二級分類1,此時(shí)刷新的信息列表同屬一級分類1與二級分類1,【上/返回】鍵可回到一級分類1,非同級分類列表上下不循環(huán);
步驟七、按【右】鍵移動(dòng)二級分類列表,焦點(diǎn)不動(dòng),二級分類列表移動(dòng),二級分類2上焦,信息列表刷新;
步驟八、按【右】鍵移動(dòng)至當(dāng)前二級分類列表的末端,列表循環(huán),信息列表刷新;
步驟九、按【左】鍵移動(dòng)二級分類列表,焦點(diǎn)落在二級分類6上,信息列表刷新;
步驟十、按【左】鍵移動(dòng)至當(dāng)前二級分類列表的起始端,列表循環(huán),信息列表刷新;
步驟十一、按【下】鍵切換三級分類,焦點(diǎn)落在三級分類1,此時(shí)刷新的信息列表同屬一級分類1、二級分類1與三級分類1,【上/返回】鍵可回到二級分類1,非同級分類列表上下不循環(huán);
【左/右】鍵移動(dòng)三級分類列表,同理步驟二~五和七~十;
步驟十二、按【下】鍵移動(dòng)焦點(diǎn)至信息列表,焦點(diǎn)落在信息1上;
步驟十三、【左/右】鍵移動(dòng)信息列表,焦點(diǎn)始終定位于中間位置,列表循環(huán),【上/返回】鍵可回到三級分類1。
HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。
CSS即層疊樣式表(Cascading StyleSheet)。 在網(wǎng)頁制作時(shí)采用層疊樣式表技術(shù),可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。 只要對相應(yīng)的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數(shù)不同的網(wǎng)頁的外觀和格式。CSS3是CSS技術(shù)的升級版本,CSS3語言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個(gè)模塊實(shí)在是太龐大而且比較復(fù)雜,所以,把它分解為一些小的模塊,更多新的模塊也被加入進(jìn)來。這些模塊包括: 盒子模型、列表模塊、超鏈接方式 、語言模塊 、背景和邊框 、文字特效 、多欄布局等。