手機(或稱行動電話)為電子產品手持裝置的一種,人們在溝通上藉由手機 將更方便與更具機動力,隨著技術的發展與消費者需求,手機不再只是溝通的工 具,更可以是行動商務化的個人行動裝置,手機上的功能也因此更加複雜與多功 能化。此研究之介面操作議題,係以手機的主功能選單介面操作為主,藉由導入 方向認知的操作概念,使操作手機主選單功能介面的方式有另一解決方案。
2.5.1 功能選單的介面
徐瑜卿(2006)指出以選單架構為基礎的使用者介面,基本的原則就是在使 用狀態下只提供使用者有意義的功能選項,這防止了使用者不適當的操作或無效 用控制的問題。另外,需要給予選單適當的名稱。而就介面之功能選單而言,大 致有分為六種結構形式:單一選單(Single Menu)、連續線性選單(Sequential Linear Menu)、同時性選單(Simultaneous Menu)、階層式選單(Hierarchical Menu)、互連式選單(Connected Menu)及系統功能式選單(Event-trapping Menu), 前五種架構如圖 2-4 所示:
圖 2-4 選單結構種類(徐瑜卿,2006)
(一)單一選單:由上而下直列式的結構,優點為使用者明瞭所選擇的項目,
選擇操作方式簡單。缺點是若太多功能會導致介面過於複雜且造成視 覺上的干擾,此類型選單類似本研究之後所提及的「條列式」手機介 面選單,早期的手機介面設計,亦採用類似此架構為設計基礎。
(二)連續線性選單:此介面優點是選單在不完全展開的情況下出現次選單,
視覺上有清楚的階層關係。缺點是使用者在選擇時是必須按照次序,
但易容易遺忘先前的點選功能是哪一個,因此在在次序上不容易掌控 其他選單的選項。市面上手機介面較少以此類形式作為介面設計。
(三)同時性選單:優點是同時有多個選單顯示,缺點是當選單數目很多則 無法在小面積上呈現。一般來說手機的介面形式亦不採取此類型。
(四)階層式選單:選單功能之間有著密切關係與階段性或次序性時,用階 段式選單是最適當的選擇。缺點在於對不熟悉各階層式選單涵義的使 用者來說,無法預測選單下之選項,導致操作時較為費時。
(五)互連式選單:優點在於使用者可選單間遊走,缺點是對於缺乏經驗的 使用者而言沒有依循的方向而怯步不前,此類比較類似本研究所提到
「九宮格式」與「十二宮格式」的介面排列方式選單。
(六)系統功能選單:此選單不限於前景工作的限制,而可以持續呈現,如 工具列的下拉選項功能,或是格線、尺規及導引線的功能都屬於此類。
其中,手持裝置中的手機介面目前大多採用種「單一選單」與「互連式選單」
的結構設計,後者也就是市面手機介面上常見的條列式、九宮格與十二宮格排列 式的介面配置。
2.5.2 功能選單的介面設計
方裕民(2003)指出選單在結構上應是趨向簡單設計為主,讓使用者於使用 上得以清楚的操作概念模式,其架構形式中主選單在結構上是最高的階級層次。
為了縮短使用者的學習時間,選單之間的關係將依照使用性的高低或屬性的類別 來排列最為適合,如圖 2-5 所示。一般而言,選單的深度(階層數)與選單的寬 度(選項數)之間的關係密切,使用者尋找功能時所花費的時間與造成的錯誤將 隨選單深度而增加,另一方面,選單的寬度不可太大,以免分類太細導致使用者 迷失。
圖 2-5 選單的深度與寬度(方裕民,2003)
因此,在手機介面上的選單設計應不宜設計過於多層次的選單,以免導致使 用者的介面操作中導覽迷失,影響使用者在介面操作上的困擾與耗時。尤其是小 型裝置的螢幕功能介面,許多介面設計將眾多的功能皆設計在小螢幕上,便會形 成多階層次的功能選單於其中,不僅觀看螢幕不方便之外,對於操作行為而言亦 是一大困擾。
2.5.3 Pie Menu 介紹
Pie Menu 在 1991 年由介面設計師 Don Hopkins(1991)所設計,他指出 Pie Menu 在操作介面應用上是讓使用者最容易且直覺式的功能選單介面設計,對於初 學者而言 Pie Menu 適合作為入門的使用者進行選單操作;對於進階專家使用者而 言,習慣 Pie Menu 介面模式後,可以進一步善用肌肉記憶的操作原則,甚至可以 不用注視螢幕介面亦可以輕鬆操作。其架構形式是一個類圓形選單,選擇功能項 目取決於方向性,並由數個「扇型」幾何作為選項呈現,圍繞成一個圓形。圓心 有選項作為離開或是回至上一層主功能選單的功能。Pie Menu 適合作為指尖式的 點選操作行為,這類裝置例如滑鼠的游標、觸控筆的筆尖、手指的點選等。標準 的 Pie Menu 的形式,是由 4 至 8 個項目(扇型)所組成一個整體的圓形狀;在操
作行為上由一扇型可導致另延伸出其他扇型功能選項的促發,也就是說若選擇某 一功能扇型後,將會出現新的完整圓形的功能選項以供點選,如圖 2-6,當使用 者點選第一層主功能選單的「Edit」功能選項後,便會延伸出擁有「Edit」功能 選單下的子功能,如「All」、「Cut」、「Del」、「Copy」,再讓使用者點選欲使用的 功能。而回到上一層選單則是點擊 Pie Menu 圓心「x」來退出目前的功能選項,
回至功能主選單畫面。
圖 2-6 Pie Menu 的結構形式(Hanssen, 2004)
然而,Pie Menu 並非如此單純化,其結構型態亦可以為其他幾何圖形所排列 的形式,只要符合單一形式的幾何圖可以完整排列使得圍繞一整體型態的圓心即 可,如圖 2-7 所示:
圖 2-7 六角型的 Pie Menu 結構(Hanssen, 2004)
因為其簡單又特殊的結構形式,導致 Pie Menu 很容易上手以及進行操作行 為。但是,Pie Menu 更不只在外型上可以做空間安排的改變,對於行為操作的方 式更可以多變,例如圖 2-8 即為參雜多選項功能的 Pie Menu,設計師可以針對應 用軟體的特殊需求方式來作調整與安排建置。
圖 2-8 多選項功能的 Pie Menu 結構圖(Hanssen, 2004)
此外 Pie Menu 在操作上有著極高的操作效率,在“An empirical comparison of pie vs. linear menus"(Callahan, Hopkins, Weiser , and Shneiderman, 1988) 文章中利用費茲定律證明 Pie Menu 在操作效率上無論是短距離的快速到達選定目 標或是功能選項的正確點選率皆比傳統的線性選單(Line Menu)優勢許多。其選 項間的空間無間格、以方向作為操作思維、快速且錯誤率低、快速點選圓心回至 上一階層、操作次數最少、快速辨識、操作距離最短等優點,整理於表 2-2。
表 2-2 Pie Menu 的優點與其需求條件(本研究整理)
所需條件 優勢內容
一般狀況 選項間的空間無間格 以方向作為操作思維
以方向作為選單記憶位置不易迷失 選項間的空間無間格
快速且錯誤率低 快速回至上一階層 操作次數最少 操作距離最短
初學者易學習與操作
非序列式選單可直覺到達目標選項 當選項不多時 快速辨識
每階層皆顯示全部的子項目選項 當階層數不多時 不易迷失介面路徑
專家級使用者 手指操作習慣模式將使肌肉記憶發揮效 能達到效率操作選單