Android 與 iOS的交互差異

1 評論 21449 瀏覽 96 收藏 18 分鐘

首先從導航模式開始,iOS?應用大多數情況,只提供單一的路徑。無論什么樣的程序,都只有一個窗口,這個窗口用于放置程序的內容和功能,用戶不會意識到這個窗口。在?iOS?設備中,用戶覺得程序就是依次呈現的一屏又一屏圖像。

可以把一屏圖像想象成一個離散的視覺狀態或者模態。一個程序擁有的屏數或多或少,每一屏都是各種素材和控件的組合,由此而衍生了iOS?應用內的多種導航模式,如:平鋪、列表及樹狀等。涉及到層級導航通過應用內左上角back鍵進行返回操作。

應用內的導航與系統導航分隔開,iOS應用內一般無「退出」選項,通過實體home按鍵返回主屏界面及退出應用(手勢支持)。

Android?2.3和更早的系統依賴于手機硬件的返回鍵來支持應用程序的導航。Android?3.0?中引入了操作欄,于是出現了第二種導航機制:?“向上”按鈕(圖2)。

2

向上按鈕被用于基于層級關系的應用程序中的界面切換。系統的“返回”按鍵是基于用戶最近查看,時間倒敘的方式連接的界面歷史的導航(但有時候又不遵循這條邏輯)。

Android應用導航主要分為以下三類:

1.應用程序內的導航

通過多個入口進入到界面

界面內的視圖間導航

同一層級的界面間導航

2.應用程序外的導航(通過主屏Widgets和通知)

間接通知(通知欄內的消息、mail內的日歷等)

彈出通知

3.應用程序間的導航

當上一個查看的界面是當前界面的父層級時,點擊“返回”按鍵和點擊“向上”按鍵的結果是一樣的。然而,與“向上”按鍵不同的是,?“向上”按鍵可以確保用戶停留在應用程序中,而“返回”按鍵可以讓用戶回到系統首頁,甚至會回到另一個應用戶程序。

3

Android?4.x后采用將四大天王實體鍵修改為三個虛擬按鍵(返回、Home、多任務),意在解決Android設備碎片化的問題,并希望能夠解決Android一直以為存在的導航問題,但在實際當中該問題依然存在(魅族的Smart?bar同樣在嘗試解決這個問題,通過有效的設計形成與其它手機的差異化)。

4

在為Android應用進行設計時,請充分考慮導航問題,避免用戶在使用過程中迷失,并且在考慮按鈕位置及操作方式時注意Android虛擬鍵的誤操作問題。

2.操作欄(工具欄)

iOS工具欄一般處于屏幕的底部,但iPad端也可能出現在頂部。工具欄上的控件等寬放置??丶S著屏上內容的切換而改變,因為內容與用來操縱它的控件是匹配起來的。在工具欄上放置當前情景下用戶最常用的功能。每個工具欄上的控件至少要保持?44×44?points的面積(Retina屏寬高均提高2倍?one?point?equals?two?pixels?),方便用戶操作。

5

Android操作欄是?Android?應用程序的最重要的結構元素。它幾乎在應用程序的每個界面的頂部都有一塊專用的區域。

6

多數應用程序的操作欄被劃分為四個不同的功能區域?:

1.應用程序的圖標:圖標能夠幫助用戶對應用進行識別,如果當前顯示的不是應用程序的最高層界面,保證在圖標左邊顯示“向上”符號。

2.視圖控件?:如果你的應用程序在不同的視圖展示內容,操作欄的這個部分可以允許用戶切換視圖。

3.操作按鈕?:操作欄里的操作按鈕會展示你的應用程序的最重要的操作。

4.更多操作?:把不常用的操作放到更多操作里。

Android?3.0在某些應用界面引入了長按進入選擇模式,4.x后對選擇模式進行了改良引入了情境操作欄(CAB,contextual?action?bar),與操作欄出現在同一個位置(圖7),后面會與iOS的編輯模式進行比較。

7

Ps.?Android里也有底部操作欄,但僅為頂部操作欄的擴展,官方稱為「Split?Action?Bar」。

8

在進行設計的時候需要考慮操作欄如何適應不同的屏幕方向和屏幕尺寸,進行動態的調整以達到最優的效果。

3.多任務

iOS通過雙擊Home鍵及四指手勢激活多任務選擇器(圖6)。大多數程序在轉移到后臺的時候,會被掛起。被掛起的程序會展示在“多任務選擇器?(multitasking?bar)”中,幫助用戶快速找到近期使用的程序。當用戶重啟掛起的程序時,它能夠從退出時所在的那個點迅速恢復,無需重新渲染界面。

當用戶激活多任務選擇器后:

1.向左滑動,查看更多其它任務。

2.向右滑動(首屏任務界面),?進入側快捷面板區域。

3.長按任務,進入刪除模式。

9

為iOS?應用進行設計時,請考慮iOS雙層狀態欄(double-high?status?bar),顯示當前正在進行的任務:通話中、錄音中等,應用布局不會因高度的變化而出現問題。

Android的多任務界面提供了一個最近使用的應用程序之間切換的有效方式。并被賦予一個獨立的虛擬按鍵,位于導航欄的最右側,用以顯示用戶最近使用的應用程序及任務,它們通過時間順序進行組織排列,最近使用的應用程序放置在近期任務界面的最底部。

近期任務管理,當用戶點擊近期任務按鍵后:

1.選中任務左/右滑動,刪除任務。

2.長按任務,將彈出任務彈窗,「從列表中刪除」、「應用信息」

10

4.通知中心

早期iOS系統并沒有通知中心,后引入Android系統中通知中心設計,這是一種能夠使用戶更為簡單、方便的查看各種通知信息的方案。用戶通過手指從頂部邊緣下滑激活通知中心(與Android一樣),在應用全屏時用戶需要兩次操作才可激活通知中心(防止誤操作)。用戶在通知中心內可實現應用間的調用或跳轉,需要通過iOS的多任務才可返回之前應用(Android采用系統的back鍵,導致應用與應用之前的邏輯復雜性的增加)。

通知中心一般承載以下類型信息:

1.消息。

2.事件。

3.更新。

4.狀態

11

通知中心是早期Android系統中的優秀設計,在之后的更新中也不斷被賦予新的意義。Android的通知系統被設計為當用戶聚焦某個任務時能快速告知用戶一些事件,但還是應該謹慎決定創建一個通知。

用戶在通知中心內實現應用間的調用或跳轉,但需要詳盡考慮Android系統導航「back」、「up」對跳轉邏輯的影響。

因Android的開放性,導致通知中心所顯示的信息可進行相應的設計,但需注意以下幾條:

1.使其私有化?。

2.導航到正確的地方

3.對時間敏感事件請增加時間戳

4.對通知進行合并

5.自我清理,如某個事件在具體時間發生,過期后該通知可能對用戶來說并不重要。

6.使用不同的圖標或提示。

12

寫到這插個題外話,微軟的Win8木有通知中心的設計,不知道是因為趕工還是設計理念的原因,導致Surface平臺的通知有點像早期iOS的情況。

Win8主要依靠三種通知方式進行提示:

1.屏幕右上角通知。

2.鎖屏界面的更新和詳細狀態。

3.「開始」屏幕上的磁貼。

5.通知方式

目前iOS中的通知具體有四種方式:

1.條幅式通知。

2.彈出式通知。

3.Icon右上角消息式通知。

4.聲音通知。

每種通知方式給用戶的通知強度及心理影響均不同,在設計時考慮希望給用戶呈現的消息級別及相對應的通知強度。應用的通知及是否顯示在通知中心,用戶均可在設置中進行設置,請謹慎使用通知,不要讓用戶感到困擾及厭煩。

13

Android中的通知具體有以下四種方式:

1.通知區域提醒。

2.進行中的通知

3.彈出式通知。

4.提示條通知。

其中彈出式及提示條通知僅在當前運行的應用中出現,顯示需要用戶立即處理的任務或提醒。進行中的通知可讓用戶了解正在后臺運行的進程。例如音樂播放器會在通知系統里一直顯示?當前正在播放的曲目直到用戶手動停止播放。在頂部狀態欄通知區域以圖標表示最近的通知,打開通知中心即可查看這些通知,平板電腦通知區域被集成到屏幕底部的系統欄中。

14

6.編輯模式(選擇模式)

iOS應用在可供用戶編輯的界面一般通過Table?view的「編輯」鍵進入編輯模式,進入編輯后頂部導航欄發生變化,根據內容的不同出現不同的編輯選項,允許對內容進行多項,執行操作時將應用到多項所選內容,在編輯項過多時,可采用底部操作欄的設計。用戶在編輯模式下執行完編輯后點擊「完成」退出當前模式。

15

Android通過長按進入選擇模式,選擇內容后出現的情境操作欄(CAB)是一個覆蓋在你的應用程序當前操作欄上的臨時操作欄,它在用戶長按某個可被選擇的內容項后出現(圖7,往上找哦)。?進入選擇模式后,通過點擊可選擇多個內容項,在情境操作欄觸發一個操作會應用到所有被選中的內容,執行操作后將退出選擇模式,情景操作欄也隨著消失。

應用程序需要支持同時選擇多個內容項時,Android官方建議使用情境操作欄,并對長按手勢進行預留。

16

iOS在文本視圖、web?視圖和圖片視圖里調出編輯菜單,來執行剪切、粘貼和選擇等操作,菜單出現在需要進行處理的內容附近,與內容產生關聯,輕量的懸浮式設計避免了模式化的狀態(用戶可點擊任何區域取消懸浮菜單)。應用程序可調整菜單的行為,給用戶更多控制內容的操作。

17

Android可以在文本框及其它文本視圖中長按選擇任何文字,這個操作會觸發一個文本選擇模式,便于擴展選擇或對選定文本進行操作。同樣,該選擇模式會激活情境操作欄。Android?4.x對選擇滑塊的處理很優秀,便于用戶選擇,能夠精確進行定位,單滑塊進行光標定位時尤為管用。

18

7.Widgets(小部件)

這個應該先從Android談起,Widgets一直是Android系統的亮點(個人不太喜歡,可能是因為Android系統的復雜性),Android系統導航層級就分為了主屏幕和應用列表,主屏幕是一個可定制的區域,用以放置應用程序的快捷方式、文件夾、及Widgets,通過用戶左右劃動屏幕切換到不同的主屏幕面板。?應用列表內區分為App區域及Widgets區域,隨著用戶安裝的應用越來越多,相應的Widgets也越來越多…?-_-‘?一個應用可以弄多個不同size的Widgets,好像又有點扯遠了!

Android系統的Widgets分為以下四種類型:

1.信息型Widgets

2.聚合型Widgets

3.控制型Widgets

4.混合型Widgets

19

iOS平臺可能大多數人覺得并沒有Widgets的概念,通知中心內的天氣及股票可以算是iOS對Widgets的試水(個人感受),雖然簡單,但相信應該會在未來看到iOS對這一方面更深入的嘗試吧。

8.Tab欄

iOS的Tab欄用于切換子任務、視圖和模式。Tab欄位于屏幕的底部,并且始終可見。Tab?欄上展示圖標和文字,當用戶選中某個tab時,這個tab處于高亮狀態。

在?iPhone?上,tab?欄一次只能顯示?5?個以內的頁簽。如果程序需要更多的tab,tab欄可以展示前四個,第五個放置「更多」,用列表的方式呈現其余的項目。、

20

Android的Tab欄用于探索和切換不同視圖或功能,也可用于瀏覽不同分類的內容集合。主要有三種tab類型:

1.滾動tab

2.固定tab

3.堆疊tab

21

兩個系統還有很多細節上的不同,像Android的邊界反饋效果與iOS的回拉效果、Activity?Indicator的對比、dialog上確認鍵兩個系統分別在不同的位置等,以及iOS特有功能上的一些交互特性Passbook、iCloud、iAd等等……

本文由人人都是產品經理@喵了咪?整理自?知乎問答,轉載請注明并保留本文鏈接。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 怎么說的還是ios6捏….

    來自廣東 回復