長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

昕宇789 · 發(fā)表于 2014-5-23 19:44

導(dǎo)航方式與輸入設(shè)備息息相關(guān)，智能電視最主要的輸入設(shè)備還是遙控器，有時(shí)還輔以鼠標(biāo)和鍵盤。鑒于電視用戶較為被動(dòng)，因此需要設(shè)計(jì)清晰高效的導(dǎo)航系統(tǒng)，幫助用戶快速定位到想要玩的內(nèi)容。
目前長(zhǎng)虹智能電視用遙控器作為主要輸入設(shè)備，以十字方向鍵和確定鍵為核心，以數(shù)字字符鍵作為主要輸入按鍵（語音輸入API暫未開放）。因此，電視應(yīng)用導(dǎo)航最好基于這些按鍵（鍵值表）進(jìn)行設(shè)計(jì)。
長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

應(yīng)用布局

受長(zhǎng)期使用習(xí)慣限制，電視用戶普遍接受遙控器上，以四個(gè)方向(上, 下, 左, 右)的作為導(dǎo)航鍵，進(jìn)行內(nèi)容查找；以“確認(rèn)鍵” 和“ 返回鍵”來確認(rèn)或退出內(nèi)容。

因此，應(yīng)用導(dǎo)航設(shè)計(jì)最好以“十”字方向與“確認(rèn)”鍵作為核心。電視應(yīng)用程序的布局必須簡(jiǎn)單:
? 菜單元素的最好位置是在頂部或左列。
? 保持布局盡可能簡(jiǎn)單：菜單和元素容器(列表、網(wǎng)格、單元素等)。
? 保持所有相關(guān)功能和信息在一起，而不是分散在屏幕上或者與非相關(guān)元素組合一起。
? 記住基本的應(yīng)用圖形設(shè)計(jì)理念：對(duì)齊、接近、平衡、一致性、對(duì)比和空白。
? 盡量自動(dòng)處理某些任務(wù)，以避免頻繁的用戶交互。
? 與手機(jī)應(yīng)用UI類似，顯示精簡(jiǎn)、關(guān)鍵的信息。

布局舉例：

A、全屏布局。菜單欄與內(nèi)容欄，分布在不同界面上，但相互提供簡(jiǎn)要入口。長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

B、橫向布局。菜單欄與內(nèi)容欄，橫向分布在同一界面上。長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

C、縱向布局。菜單欄與內(nèi)容欄，縱向分布在同一界面上。長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

導(dǎo)航設(shè)計(jì)

在基于十字方向鍵上設(shè)計(jì)導(dǎo)航時(shí)，菜單項(xiàng)一般存在三種狀態(tài)，即“被選中(selected)”，“成為焦點(diǎn)(focused)”和“成為焦點(diǎn)并被選中 (focused and selected)“。針對(duì)于三種狀態(tài)，內(nèi)容何時(shí)顯示很關(guān)鍵：
? 隨被選中對(duì)象改變而改變。某菜單項(xiàng)成為焦點(diǎn)并被選中(focused and selected)時(shí)，顯示該菜單項(xiàng)對(duì)應(yīng)的內(nèi)容，焦點(diǎn)仍然可以移動(dòng)，顯示的內(nèi)容隨被選中的菜單項(xiàng)改變而改變。
? 隨成為焦點(diǎn)的對(duì)象改變而改變。某菜單項(xiàng)成為焦點(diǎn)，無需被選中，就顯示該菜單對(duì)應(yīng)的內(nèi)容，顯示的內(nèi)容隨焦點(diǎn)改變而改變。
總之，應(yīng)用導(dǎo)航設(shè)計(jì)時(shí)，應(yīng)遵循以下原則：

“導(dǎo)航設(shè)計(jì)的目標(biāo)，是讓用戶快速定位，并且能夠預(yù)測(cè)出操作結(jié)果。”

6.jpg (18.32 KB, 下載次數(shù): 9)

下載附件保存到相冊(cè)

2014-5-23 19:42 上傳

› 智能電視 / 安卓TV區(qū) › 長(zhǎng)虹智能電視

長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

長(zhǎng)虹智能電視應(yīng)用UI設(shè)計(jì)之導(dǎo)航設(shè)計(jì)

相關(guān)帖子