iOS使用者設計指南 – 平台特徵

文章目錄

• 重力感應

iOS系統的裝置有一些特有的特徵，影響著所有在其上面啟動並執行應用程式的使用者體驗。大部分的熱門 App，都是做到了很好的與這些特徵的融合。

螢幕尺寸

裝置的屏顯是影響使用者體驗的重中之重。不僅是使用者能通過視覺感受到的，如：文字、圖片、視頻等；還包括使用者看不到的，如：操作體驗（蘋果的移動都是一個鍵的風格，所以觸摸互動成了它的操作體驗的重點）。

雖然應用在不同的尺寸、解析度下，會帶來不同的使用者體驗，但還是存在一些共性的：

1、最適宜的最小可點擊地區為44*44（points）；

2、使用高品質的自訂表徵圖；

3、使用者關心的還是應用的實質內容。

蘋果產品的尺寸規格有如下幾種（Portrait為縱向模式，Landscape為橫向模式）：

 

重力感應

使用者可能因為各種原因隨時改為裝置的方向。有的人喜歡橫向模式顯示，而有的人喜歡縱向模式顯示。不管使用者為什麼原因改變裝置的方向，他們總是希望應用程式能夠隨著他們旋轉方向的改變而改變。

當使用者從主畫面上啟動應用程式時，使用者趨向希望程式使用同一種顯示模式。因為iPhone與iPad本身顯示模式的不同，因此應用程式也就存在以下兩種顯示效果：

1、iPhone和iPod touch的主畫面只有一種顯示模式，即縱向模式，主畫面按鍵在底部。這就導致使用者期望程式預設在此模式下運行；

2、iPad的主畫面顯示模式可以是各個方向的，所以使用者希望程式能夠預設使用當前使用的顯示模式下運行。

觸摸互動

使用者通過特定的手勢來操作這些多點觸摸裝置。如：輕敲按鈕來啟用、快速滑動或拖移來滾動列表、張開手指來放大圖片。

多點觸摸提供給使用者一種直接與裝置互動的體驗， 增強了使用者對螢幕中的元素的直接管理。

內建的應用程式引導使用者形成了一種標準，這種標準也已被使用者所認可，所以在開發中我們也儘可能的遵從這種標準。

使用者手勢介面：

 

1、Tap（輕敲）：按住或選擇一個操作或選項（相當於滑鼠的單擊事件）；

2、Drag（拖移） ：滾動或滑動；

3、Flick（輕彈）： 滾動或快速滑動；

4、Swipe（輕掃） ：在table-view時，顯示“刪除”按鈕；

5、Double tap（連續輕敲再次）：放大並置中區塊層級元素內容或圖片，否則縮小回原狀；

6、Pinch open（手指張開）：放大；

7、Pinch close（手指合攏）：縮小；

8、Touch and hold（按住）： 在可編輯區域的當前焦點處顯示放大鏡；

9、Shake（搖動）： 撤消與重複操作

單個操作

這裡的單個操作是指在前台每次只能顯示一個程式，當使用者從一個應用程式切換到另一個應用程式時，原先顯示的應用程式會自動結束或隱藏到後台。

在iOS4之前，應用程式會自動結束並從記憶體中結束它的進程。但在iOS4及以後的版本中，程式是被切換到後台，它還有可能在繼續運行。這種特徵就是多任務，即允許應用程式在後台運行，直到被繼續運行或被結束掉。

大部分的應用程式在被切換到後台運行時會進入到暫停狀態，後台啟動並執行程式可以在後台運行視窗查看到。當後台運行程式被啟用時，它會從之前的暫停狀態繼續運行。

有一些應用程式可能需要使用到此功能，如：使用者可能需要邊聽音樂邊查看工作日誌或郵件。

選項設定

使用者進入內建的“設定”功能裡面可以設定各個應用程式，但必須先退出此應用（非後台）。

設定模式都是使用一次永久更忙，即只要設定一次之後，應用程式就會按照此設定運行。儘管一些內建程式會有選項設定，但基本用不到，所以有些程式就不存在此選項設定功能。

使用者協助

手機使用者沒有時間也不希望閱讀大量的關於應用程式的協助說明。而且這些協助說明還要浪費大量的空間儲存和顯示。蘋果行動裝置裡面的內建應用程式程式易用性很強，使用者無需說明文檔來學習如何使用這些應用程式。因此，我們設計應用程式時，也應該更多的考慮程式的易用性。

獨立視窗

無論什麼類型的應用程式都有自己的獨立視窗。

iOS應用類型

有以下兩種基於iOS的程式類型：

1、iOS apps

2、Web content

iOS app使用低層iOS SDK開發，基於iOS環境直接編譯運行。像相簿、日曆、郵件等內建程式。

Web content是以網站的形式部署。我們在iOS行動裝置中看到的Web content可以分為三類：

1、Web app。頁面通過類比成iOS app的形式被訪問，從介面上來說，通過隱藏Safari的UI，使其看起來很像iOS app。然後通過在主畫面上添加一個icon（類似電腦中的捷徑），它可以像iOS app程式開啟一樣運行。

2、Optimized webpages。通過重構的方式將頁面進行最佳化處理（主要是替除其中一些不支援的技術，如：外掛程式、flash及java），使其能在iOS Safari中更好的運行。這裡值得一提的是：進過最佳化處理的頁面，應根據裝置的解析度及尺寸來自適應。

3、Compatible webpages。此類頁面不去做特別的最佳化，除了iOS Safari中不支援的一些web技術，任然能很好的顯示其它內容。

iOS web介面

裝置中的Safari瀏覽器已提供了相關訪問web內容的介面。儘管iOS的Safari與電腦中使用的Safari中看起來很像，但它們還是存在很多不同點。

最大的不同就是使用者不能改變可視視窗的尺寸。在電腦中使用者只需要通過改變瀏覽器視窗的大小就可以實現。在iOS中，可視視窗不可以改變，除非改變裝置的方向。iOS使用者可以改變可視視窗的比例來實現放大與縮小，並移動頁面來改變它的顯示地區。

以下是關於iOS中Safari的一些特性：

1、支援cookies。

2、不支援flash、java（包含java applets） 及第三方外掛程式。支援HTML5的<audio>和<video>標籤、Javascript和CSS3動畫。

3、使用手指觸摸來實現各種互動。

4、支援全屏。Web app通過主畫面上的表徵圖來觸發，並且通過隱藏Safari的操作介面，使其更像本地應用程式。