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

來源:互聯網
上載者:User
文章目錄
  • 重力感應

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的操作介面,使其更像本地應用程式。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.