長虹智能電視應用UI設計之導航設計

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

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

應用布局

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

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

布局舉例：

A、全屏布局。菜單欄與內容欄，分布在不同界面上，但相互提供簡要入口。長虹智能電視應用UI設計之導航設計

B、橫向布局。菜單欄與內容欄，橫向分布在同一界面上。長虹智能電視應用UI設計之導航設計

C、縱向布局。菜單欄與內容欄，縱向分布在同一界面上。長虹智能電視應用UI設計之導航設計

導航設計

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

“導航設計的目標，是讓用戶快速定位，并且能夠預測出操作結果?！?

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

下載附件保存到相冊

2014-5-23 19:42 上傳

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

長虹智能電視應用UI設計之導航設計

長虹智能電視應用UI設計之導航設計

相關帖子