智慧型行動電話的多媒體操作介面設計趨勢 智慧應用 影音
D Book
231
新漢 CXO Talk
DForum0121

智慧型行動電話的多媒體操作介面設計趨勢

  • DIGITIMES企劃

手機智慧化功能持續增加,如何以最佳化UI配置維持其易用性為關鍵設計。
手機智慧化功能持續增加,如何以最佳化UI配置維持其易用性為關鍵設計。

Apple iPhone為行動電話的操作介面設計投下震撼彈,不只是觸控體驗上的差異,還有操作介面的極簡與人性設計,貼心的設計讓產品大賣也不會奇怪,而跟隨Apple帶動的觸控與操作極簡化趨勢,在Android、Symbian與Windows Mobile也有鄉對應的發展,只是可能是平台的改善或是透過第三方應用程式去提升操作體驗...

在Apple iPhone未推出前,使用者對於智慧型手機的比較基礎,多半仍停留在這款手機的處理器有多快、快閃記憶體內就數量有多少,甚至是有沒有藍牙、Wi-Fi這類硬體規格打轉,但對於操作UI/UE這類貼近使用者的開發重點,反而傾向以公版系統平台UI處理,或是搭配第三方佈景更換程式,就算達到客製化UI的基本要求。

在UI採模組化的設計概念,可讓用戶自定義UI配置,也是一個介面設計趨勢。

在UI採模組化的設計概念,可讓用戶自定義UI配置,也是一個介面設計趨勢。

在行動裝置效能持續提升下,多層次、3D化的UI設計也不無可能。

在行動裝置效能持續提升下,多層次、3D化的UI設計也不無可能。

提供一致性的操作體驗

其實Apple iPhone的UI設計有許多小細節,是其他智慧型手機系統平台較欠缺的部分,例如,針對觸控面板設計的各式控制視覺元件,多採一致性的定義與設計,功能鈕的尺寸也針對指腹提出適當的大小,而非如Windows Mobile自Windows OS操作UI元素轉移而來的極細小控制元件,自然在觸控的操作體驗也相對加分不少。

以Apple iPhone為例,其一致性的操作UI,在視覺介面上可以得到相當完整的體驗,例如,功能設置的系統操作,與一般行事曆、通訊錄會用到的視覺操作按鈕、拉桿等元件,尺寸、外型都完全相同,加上其SDK另提供現成的UI視覺元件與介面操控程式碼,讓開發者可以直接透過視覺化工具先把UI「刻」好,不管是花多少時間寫的應用程式,基本操控元素都能跟隨Apple的控制元件定義,讓使用者的操作體驗可自在iPhone內建Apps或是自行追加的Apps應用間延續。

相同的開發概念在Android也有近似的效果,Android在發展上為革命性的開放源碼平台,雖然提供許多介面或核心系統的開發自由度,但實際上處理UI部分,也必須達到可以延續操作體驗的設計,讓裝置在開放源碼環境中,維持相當高程度的介面、體驗的一致性,雖然具一定程度的難度,但還是裝置廠商必須努力去克服。

UI需具備可預測性 讓操作者不會在選單迷路

基本上UI的設計應該是要簡化操作、而非複雜化操作,甚至讓用戶在繁複選單中「迷路」,這點在封閉性的iPhone手機中較不會出現有這類的問題,因為採iOS系統的裝置大體上都必須延續iOS系統的基本設計,很難跳脫產出完全不同的設計方向,UI的可預測性不是問題。

但若在強調開放的系統環境,如Android,或是提供較多業者自行定義空間的Windows Mobile這類系統平台,各家各自表述的UI設計,就會形成使用者無法延續使用經驗的問題。若從開發者的角度思考,自由地選擇軟體外觀與功能表現,應該不是大問題,而且一方面也是凸顯技術差異或是提升產品識別的手段。

但若從產品開發的觀點檢視,應該讓每一個應用程式與作業系統底層,維持近似外觀或操作相近的關係,也是相當重要的一個環節,而選單設計應該具備一致規格同時明確告知用戶操作差異,避免用戶於系統中迷路。

強化多樣互動機制 刺激豐富用戶體驗

以Android或是Windows Mobile這類被設計為可廣泛應用的手機架構,行動運算平台理論上需要有一個大型3~4”的觸控LCD螢幕,除觸控機制外還搭配5向導航桿進行如點選、上/下/左/右的選項控制,如此也創造出一個可以擴展應用的選單或目錄結構。

以Android為例,使用者可以向左、向右擴展檢視頁面,若點螢幕下方的頁籤,則可拉出更多的應用程式Icon,如此設計可讓因產品體積無法擴張的螢幕畫面,也可透過方向桿去擴充更多Icon置放空間,創造Android豐富的軟體加值效果。

為讓方向桿的控制操作更確實、提升操作的精確與指示效果,一般會在互動設計加諸更多的提示元素,例如,當方向桿控制選項移動,基本上被選的項目也隨即出現反白選取狀態,而為了避免觸控時干擾操作,部分行動裝置會在改用手指觸控同時,也同步將點選反白功能取消、或減低反白效果,藉由這類細節差異化設計提升操作體驗。

另操控動作通也會被區分為,1.針對功能項目(item-specific),與2.針對螢幕(screen-specific)的操控動作。

例如,功能項目是處理某個單一個應用功能,或是啟動某個執行指令時,僅適於將針對對應功能啟用。針對螢幕的操控動作,則是用戶將針對螢幕功能項目驅動執行的動作,如將圖片按檔案大小的排序動作。另針對功能性項目的動作機制可利用長按鈕的操作方式,進行運作致能,而針對螢幕動作可善用選單呈現處理。

智慧化UI配置與3D技術加持

當然,在行動裝置的發展趨勢下,裝置的運算效能不斷提升,另一股趨勢是將行動電話朝更豐富的多媒體體驗發展,未來還有整合更多3D運算、高效能運算的行動處理器推出!這也衍生出另一個發展趨勢,當多工處理器的性能越來越強大,系統開發者可以運用在UI設計的資源也會相對增加許多,用以創造如全3D即時互動的介面技術,或是採多層次的視覺效果介面應用。

而新的智慧型行動電話所整合功能越來越多元,例如,一支手機可以整合的通訊技術與元件,已與高階電腦的應用接近,像是光是社群網路服務目前就有Twitter、facebook、Plurk等應用平台,個人用戶會用到即時通訊這類網路應用工具,而這些應用都必須靠進一步的應用整合去規劃更完善的操作體驗。