數位電視多媒體功能階層選單之使用者介面設計研究

A Study on the User Interface of Hierarchical Menus for Digital TVs

徐光民(Kuang-Min Hsu)

指導教授 ： 陳立杰

大同大學/設計學院/工業設計學系所/碩士(2009年)

摘要

在數位電視普及化的同時，無論是內建或外接周邊，由於在客廳的觀賞距離與操作模式皆與個人電腦有所不同，對於加入多媒體功能的操作上如何能更方便友善，都是值得探討的課題，首要面對的就是選單呈現與操作。
本研究主要為探討適用於搖控器操作之數位電視多媒體功能選單介面設計，共分為三個階段：
第一階段經由文獻探討與對現有相關產品選單蒐集與訪談，經歸納分析找出可應用於數位電視多媒體選單設計之相關設計原則，以及現有產品選單之優缺點與使用者需求。第二階段依第一階段結果為參考，進行選單介面原型設計，並透過遙控器實際操作之使用性測試作為評量與比較，再將分析結果進行原型設計修改後，進行第三階段實驗，相關實驗設計因子說明如下：
第二階段實驗設計為雙因子，因子1為選單結構模式，包含混合式、完全階層式，2種模式；因子2為游標顯示模式，包含焦點移動、焦點固定2種模式。
第三階段實驗設計為雙因子，因子1為選單切換模式，包含切換單個、切換全頁2種模式；因子2為動態效果，包含背景變色、圖像放大2種效果。
實驗進行方式為每位受測者只執行一組介面測試，進行相關任務操作與績效計錄，操作測試後填寫主觀感受評量表與工作負荷指標NASA-TLX 評量表，並進行訪談。
研究結果發現：(1) 十字型(cross menu) 的階層選單排列方式，層級關係較不明確，T 字型較佳；(2) 階層選單選項之顯示數目，單一行列應在5 個以內較為合適；(3) 混合式選單結構較不符合大部分受測者的使用習慣，需經提示與學習；(4) 切換全頁之選單切換模式，有較佳的瀏覽效率與選項結尾辨識性。

關鍵字

介面設計 ； 階層選單 ； 數位電視

並列摘要

As the installation and demand for digital television increase, whether for embedded or external peripheral applications, user-friendly and convenient user interfaces of these multimedia features have become worthy topics of discussion. As the viewing distance in a living room is different from that of a PC, one of the first problems that users face while using multimedia applications is how the menu is presented and operated.
This study was conducted in three stages. The first stage was to review literature and gather different types of existing menus for new generation multimedia applications. This included the invitation of unbiased participants to view demonstration videos of those menus and then provide their feedback. Base on the result of the first stage, the second stage was to design and compare the interface prototypes through usability testing by remote control. The experiment design had two factors. The first factor was menu structure modes, including two levels: hybrid mode and complete hierarchy mode. The second factor was cursor display modes, including two levels: moving focus point and stationary focus point.
After result analysis, the researcher then adjusted the prototype design for the experiment at the third stage. There were two factors in the experiment. The first factor was menu switching modes, including two levels: switch-one and switch-all. The second factor was motion effects, including two levels: background color changed and icon enlarged. Each participant was requested to interact with only one interface prototype. After that, the participant answers questions relevant to both subjective perception scale and NASA-TLX questionnaires.
The results of this study revealed that:
(1) The T-shape layout of hierarchical menus for different levels was better than the menu with cross-shape layout.
(2) The number of items in hierarchical menu should be less than 5 in one row or column.
(3) The hybrid method was not user-friendly as users need to learn how to use it before they got familiarized.
(4) The menu with switch-all mode was more effective in browsing and provided more identify in the end of menu item.

並列關鍵字

Interaction Design ； Hierarchical Menu ； Digital TV

參考文獻

14. 陳揚棚（民96）。以使用者需求為基礎結構化可用性評估方法：以使用互動電視選單導覽為例。國立清華大學工業工程與工程管理系研究所碩士論文。

10. 張貞瑩（民94）。設計資訊網頁的連結架構與使用者認知風格類型對瀏覽行為之影響。大同大學工業設計研究所碩士論文，未出版，台北市。

2. Kim, J., Kim, H., & Park, K. (2006). Towards optimal navigation through video contenton interactive TV.

4. Nielsen, J. (1993). Usability engineering, Boston, MA: Academic Press.

6. Norman, D. A. (1998). The invisible computer : Why good products can fail, the personal computer is so complex, and information appliances are the solution, Cambridge, MA: The MIT Press.