iOS用戶設計指南之平臺特征
iOS用戶設計指南之平臺特征是本文要介紹的內容,iOS系統的設備有一些特有的特征,影響著所有在其上面運行的應用程序的用戶體驗。大部分的熱門應用,都是做到了很好的與這些特征的融合。
屏幕尺寸
設備的屏顯是影響用戶體驗的重中之重。不僅是用戶能通過視覺感受到的,如:文字、圖片、視頻等;還包括用戶看不到的,如:操作體驗(蘋果的移動都是一個鍵的風格,所以觸摸交互成了它的操作體驗的重點)。
雖然應用在不同的尺寸、分辨率下,會帶來不同的用戶體驗,但還是存在一些共性的:
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(手指合攏):縮?。?/p>
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的操作界面,使其更像本地應用程序。
小結:iOS用戶設計指南之平臺特征的內容介紹完了,希望本文對你有所幫助。