您可以將屏幕圖像想象成壹種離散的視覺狀態或模式。壹個程序有或多或少的屏幕,每個屏幕都是各種素材和控件的組合,這就導致了iOS應用中多種多樣的導航模式,比如平鋪、列表、樹。與分層導航相關,並通過應用程序左上角的後退鍵返回。
應用中的導航與系統導航是分開的,iOS應用中壹般沒有“退出”選項。可以通過實體home鍵(手勢支持)返回主屏幕界面,退出應用。
Android 2.3及更早的系統依靠手機硬件的back鍵來支持應用的導航。Android 3.0引入了操作欄,於是出現了第二個導航機制:向上鍵。
up按鈕用於根據層次關系在應用程序中進行界面切換。系統的“後退”按鈕是基於時間閃回連接的用戶最近查看的界面歷史的導航(但有時並不遵循這個邏輯)。
Android應用導航主要分為以下三類:
1.應用程序內的導航
通過多個入口進入界面。
界面中視圖之間的導航
同級界面之間的導航
2.應用程序外部的導航(通過主屏幕小部件和通知)
間接通知(通知欄中的消息、郵件中的日歷等。)
彈出通知
3.應用程序之間的導航
當最後查看的界面是當前界面的父級時,單擊“後退”按鈕的結果與單擊“向上”按鈕的結果相同。然而,與“向上”按鈕不同的是,“向上”按鈕可以確保用戶停留在應用程序中,而“後退”按鈕可以將用戶返回到系統的主頁,甚至是另壹個應用程序。
Android 4.x之後,將四個物理鍵改為三個虛擬鍵(Back、Home、多任務),意在解決Android設備碎片化的問題,希望解決Android壹直認為存在的導航問題,但實際上問題依然存在(魅族的Smart bar也在嘗試解決這個問題,通過有效的設計,與其他手機區分開來)。
在設計壹個Android應用時,請充分考慮導航問題,避免用戶在使用過程中迷路,在考慮按鈕位置和操作方式時,註意Android虛擬鍵的誤操作。
2.動作欄(工具欄)
iOS工具欄通常在屏幕底部,但iPad側也可能出現在頂部。工具欄上的控件以相同的寬度放置。該控件隨著屏幕上內容的切換而改變,因為內容與用於操縱它的控件相匹配。將當前場景下用戶最常用的功能放在工具欄上。每個工具欄上的控件至少應為44×44點(視網膜屏幕寬度和高度增加2倍),方便用戶操作。
安卓操作欄是安卓應用最重要的結構元素。它在應用程序的幾乎每個界面的頂部都有壹個專用區域。
大多數應用程序的操作欄分為四個不同的功能區域:
1.應用程序圖標:圖標可以幫助用戶識別應用程序。如果當前沒有顯示應用程序的頂部界面,請確保在圖標左側顯示“向上”符號。
2.視圖控制:如果您的應用程序在不同的視圖中顯示內容,操作欄的這壹部分可以允許用戶切換視圖。
3.動作按鈕:動作欄中的動作按鈕將顯示應用程序中最重要的動作。
4.更多操作:將不常見的操作放入更多操作中。
Android 3.0在壹些應用界面中引入了長按進入選擇模式,而4.x之後,選擇模式通過引入上下文操作欄(CAB)進行了改進,出現在與操作欄相同的位置(圖7),稍後將與iOS的編輯模式進行對比。
Ps裏還有壹個底部操作欄。Android,但它只是頂部操作欄的擴展,官方稱之為“拆分操作欄”。
在設計時,我們需要考慮如何讓操作條適應不同的屏幕方向和屏幕大小,並進行動態調整,以達到最佳效果。
3.多任務處理
IOS通過雙擊Home鍵和四指手勢來激活多任務選擇器。大多數程序移至後臺時會被暫停。暫停的程序會顯示在“多任務欄”中,幫助用戶快速找到最近使用過的程序。當用戶重新啟動掛起的程序時,它可以快速從退出點恢復,而無需重新呈現界面。
當用戶激活多任務選擇器時:
1.向左滑動以查看更多其他任務。
2.向右滑動(首屏任務界面)進入側面快捷面板區。
3.按住任務進入刪除模式。
設計iOS應用時,請考慮iOS雙高狀態欄,顯示當前正在進行的任務,如通話、錄音等。,應用程序布局不會因高度變化而出現問題。
Android的多任務界面提供了壹種在最近使用的應用程序之間切換的有效方式。並給出了壹個獨立的虛擬按鈕,位於導航欄的最右側,顯示用戶最近使用的應用和任務,按時間順序組織排列,最近使用的應用放在最近任務界面的底部。
最近任務管理,當用戶點擊最近任務按鈕時:
1.向左/向右滑動所選任務以刪除該任務。
2.長按任務,會彈出“從列表中刪除”和“申請信息”的任務彈出窗口。
4.通知中心
早期的iOS系統中沒有通知中心,後來引入了Android系統中通知中心的設計,這是壹種能夠讓用戶更加簡單方便的查看各類通知信息的方案。用戶可以通過從頂部邊緣向下滑動手指來激活通知中心(就像Android壹樣)。應用全屏時,用戶需要兩次操作才能激活通知中心(防止誤操作)。用戶可以在通知中心的應用之間調用或跳轉,在iOS中只需要多任務就可以返回到之前的應用(安卓使用系統的後退按鈕,導致應用與應用之間邏輯復雜度增加)。
通知中心通常攜帶以下類型的信息:
1.消息。
2.事件。
3.更新。
4.狀態
通知中心是早期Android系統中的優秀設計,在隨後的更新中被賦予了新的意義。Android的通知系統旨在當用戶專註於壹項任務時,快速通知用戶壹些事件,但妳應該小心決定創建通知。
用戶可以在通知中心的應用之間調用或跳轉,但是Android系統導航“後退”和“向上”對跳轉邏輯的影響需要詳細考慮。
由於Android的開放性,通知中心顯示的信息可以進行相應的設計,但需要註意以下幾點:
1.將其私有化。
導航到正確的地方
3.請為時間敏感事件添加時間戳。
4.合並通知
5.自我清潔。如果事件發生在特定時間,通知過期後可能對用戶不重要。
6.使用不同的圖標或提示
題外話,微軟的Win8並不是作為通知中心設計的。不知道是因為倉促還是設計理念的原因,導致Surface平臺的通知有點像早期iOS的通知。Win8主要依靠三種通知方式進行提示:1。屏幕右上角的通知。2.鎖屏界面的更新和詳細狀態。3.在開始屏幕上平鋪。
5.通知方法
目前iOS中有四種通知方式:
1.橫幅通知。
2.彈出通知。
3.3.Icon右上角的消息通知
4.聲音通知。
每種通知方式對用戶的通知強度和心理影響都不壹樣,設計時要考慮妳想呈現給用戶的消息級別和對應的通知強度。用戶可以在設置中設置應用程序的通知以及是否顯示在通知中心。請謹慎使用通知,以避免打擾和打擾用戶。
Android中有四種具體的通知方式。
1.通知區提醒。
2.通知進行中
3.彈出通知。
4.及時通知。
其中,彈窗和提示欄通知只出現在當前運行的應用中,顯示需要用戶立即處理的任務或提醒。正在進行的通知讓用戶知道哪些進程正在後臺運行。例如,音樂播放器將在通知系統中顯示當前播放的曲目,直到用戶手動停止播放。最新的通知由頂部狀態欄的通知區域中的圖標表示。妳可以通過打開通知中心來查看這些通知,平板電腦的通知區域集成在屏幕下方的系統欄中。
6.編輯模式(選擇模式)
在用戶可以編輯的界面中,iOS應用壹般通過表格視圖的“編輯”按鈕進入編輯模式。編輯後頂部導航欄發生變化,根據內容不同出現不同的編輯選項,允許編輯多個項目。執行操作時,它將應用於多個選定的內容。當編輯項目過多時,可以采用底部操作欄的設計。在編輯模式下編輯後,用戶單擊“完成”退出當前模式。圖15
Android通過長按進入選擇模式,選擇內容後出現的上下文動作欄(CAB)是覆蓋妳的應用當前動作欄的臨時動作欄,在用戶長按壹個可以選擇的內容項後出現。進入選擇模式後,可以通過點擊選擇多個內容項,在情境動作欄中觸發的壹個操作會應用到所有選擇的內容上。執行操作後,妳將退出選擇模式,情景動作欄消失。
當應用需要支持同時選擇多個內容項時,Android官方推薦使用上下文動作欄,並保留長按手勢。
IOS在文本視圖、網頁視圖、圖片視圖中調出編輯菜單,進行剪切、粘貼、選擇等操作。菜單出現在要處理的內容附近,並與該內容相關聯。輕量級浮動設計避免了模式狀態(用戶可以點擊任意區域取消浮動菜單)。應用程序可以調整菜單的行為,讓用戶對內容有更多的控制。
Android可以按住文本框和其他文本視圖中的任意文本,會觸發壹個文本選擇模式,方便對選中的文本進行擴展選擇或操作。類似地,該選擇模式將激活上下文操作欄。Android 4.x很好的處理了滑塊的選擇,方便用戶選擇,可以精確定位,尤其是單個滑塊用於光標定位的時候。
7.小部件(小部件)
這要從安卓說起。Widgets壹直是Android系統的亮點(我不是很喜歡,可能是因為Android系統的復雜性)。Android系統的導航級別分為主屏幕和應用列表。主屏幕是壹個可定制的區域,用於放置應用程序的快捷方式、文件夾和小部件,用戶可以通過左右滑動屏幕來切換到不同的主屏幕面板。應用程序列表分為應用程序區域和小部件區域。隨著用戶安裝的應用越來越多,相應的Widgets也越來越多...-_-'壹個應用可以獲得多個大小不同的Widgets,似乎有點牽強!
Android系統的Widgets分為以下四種類型:
1.信息部件
2.聚合小部件
3.控制部件
4.混合部件
大多數人可能會認為iOS平臺上沒有Widgets這個概念。通知中心的天氣和股票可以看作是iOS(個人感受)對Widgets的試水。雖然簡單,但相信以後應該會看到iOS在這方面更深入的嘗試。^_^
8.標簽欄
iOS的標簽欄用於切換子任務、視圖和模式。標簽欄位於屏幕底部,並且始終可見。圖標和文本顯示在選項卡欄上。當用戶選擇壹個選項卡時,該選項卡被突出顯示。
在iPhone上,標簽欄壹次只能顯示不到5個標簽。如果程序需要更多的選項卡,tab列可以顯示前四個,第五個可以放“more”來呈現列表中的其余項目。
Android的標簽欄用於探索和切換不同的視圖或功能,也可以用於瀏覽不同類別的內容集合。有三種主要的選項卡類型:
1.滾動標簽
固定標簽
堆疊標簽
我的頭又疼了。我不想寫。讓我們今天到此為止...時間
兩個系統在細節上有很多不同,比如Android的邊界反饋效果和iOS的拉回效果的對比,活躍度指標的對比,dialog上的確認鍵在不同的位置,還有iOS的壹些交互功能,比如Passbook,iCloud,iAd等等。......