使用者介面設計準則

人機介面設計的原則是以人類所想和所作為基礎，而不是設備的功能。盡可 能以現實世界中的對象和動作來作為應用中的模型，這可以幫助新手快速理解一 個應用程式是如何運作的。像是文件夾，現實生活中人們將文件放入文件夾歸 檔 ， 因 此 他 們 在 操 作 電 腦 時 ， 立 刻 理 解 將 檔 案 放 入 資 料 夾 中 的 概 念

（Shneiderman，1997）。

iPhone 不同於桌上型電腦或筆記本電腦，iOS 應用程式也與一般的應用程 式不同。iPhone 具有 Retina 高解析度的小型螢幕，適合使用者放入口袋且具有 強大的顯示功能。它的螢幕尺寸是 320x480px，參考圖 2-12。這樣的尺寸限制讓 開發者沒有空間放置非必要的設計元素，擁擠的使用者介面也會降低應用程式的 吸引力、並提高操作的困難度。Retina 螢幕是個驚人的科技產物。將新舊螢幕並 排看時，可以很明顯的感覺出應用程式畫面效果上的差異。iPhone4 的螢幕尺寸 和上一代的機型並無不同，但 iPhone4 的螢幕解析度和像素密度是原本的一倍。

它的解析度是 640x960px ，上一代的機型是 320x480px。這個新螢幕將四個像 素塞進原本一個像素的大小中，這就是為什麼圖像看起來如此細緻。（Gordon，

2010）

圖 2-12 iPhone 內建介面元素尺寸（Apple Inc.，2012）

從上圖可以得知，基本應用程式架構分成：高 20px 的狀態列、高 44px 的 導覽列、最下方高 49px 的標籤列。以螢幕高度 480px 來計算，扣除狀態列、

導覽列、標籤列，剩下 367px 才是資訊呈現的範圍。iOS 採用觸控式螢幕，所 有操作皆可用手指完成，不像電腦須要透過滑鼠或鍵盤，所有操作都是非常直觀 的，為了確保 iOS 應用程式中的直接操縱感，在開發上需要注意「使用者的操 作結果是立即地顯而易見」這一點，並盡量提供選擇給使用者直接點選，減少使 用文字輸入的機會，同時要讓使用者能將注意力放在「完成任務」，而不是去思 考要怎麼操作（Apple Inc，2012）。

使用者除了要看到他們操作後的結果外，還需要得到操作控制元件時的即時 寸為 44x44px（Apple Inc，2012）。

iOS 支援多點觸控，使用者可透過手指的觸摸、輕掃、點擊來操作。手指可 分合理（Apple Inc，2012）。

Shneiderman（1997）將經驗與觀察互動系統後的心得，精煉、延伸後整理出 八個使用者介面設計的黃金準則。

1. 在提示、選單與說明文件中，應該採用同樣的名詞。讓使用者的操作前後

手持行動裝置的使用者有可能來自世界各地，擁有不同的人文、歷史、民

目前 iPhone 的螢幕尺寸分成二種，320x480px 與 640x960px。雖說在程式撰 寫上無論哪種尺寸皆以 320x480px 為準，但若要開發符合 Retina 螢幕的介面，

評估互動設計最好的方式可以從 Effective 有效、Easy 簡易、Enjoyable 享