ios和android的APP消息提醒設計最佳設計方案

2015年12月13日 41 分類：iOS APP開發方案

我們都知道APP一項重要功能就是消息推送，那么通知欄的設計極大程度上反應了這個APP是否合理，那如何可以方便地為用戶展示各種通知內容。也就將是我們APP設計師跟APP產品經理重點思考的問題？也要關注移動APP布局設計經驗之道！

自從去年發布的iOS5中也引入了這一功能，以替代之前的彈出式通知。在應用開發過程中，通知消息設計也是開發工作中很重要的一部分。

25學堂小編提示：只有理解和使用了ios自帶的這些APP消息提醒設計功能，才能超越設計，達到最佳的APP消息提醒設計方案。

第一部分：IOS版本的APP消息提醒設計

iOS對于消息通知的提示也有自己的一套設計規范，而且分為本地通知和推送通知。 推送通知或推送消息是服務器執行。

iOS的消息通知有兩種形式，Badge Notification和Alert Notification。

iOS的消息通知形式之Badge Notification：

指出現在應用程序圖標右上角的紅色圓形數字提醒，用于提醒一些無需即時處理的消息，比如程序更新數、未讀郵件數等。Badge Notification只有在Home Screen的對應屏上才能看到，因此不適合用于提醒一些重要性高或需要及時處理的通知。而且Badge Notification的形狀顏色大小等都是默認且無法改變的。
iOS的消息通知形式之Alert Notification：

非常直接地以對話窗口的形式出現在屏幕上，用于重要或需要及時處理的通知。不過Alert Notification常常粗暴地打斷正在進行中的任務，強迫用戶馬上做出選擇，且無法匯總查看所有通知，當有多條通知時，無法選擇性處理，只能按提供提供的順序一個個處理。

下面是介紹ios的四種消息通知類型 

1、橫幅（Banner）

一條橫幅通知會顯示程序的小圖標（低分屏下顯示29×29的圖標，高分屏顯示58×58的圖標），程序的名字和通知的內容。（只要不是鎖屏狀態，都可以從屏幕頂部向下滑打開通知中心。 ）

2、提醒（Alert）  

提醒通知不會自動消失，需要用戶與之交互才能關閉。設計師需要設計通知的具體內容，有時還要為action button（后面會談到）設計title。

APP設計師值得注意的是：一條提醒可能會包含一到兩個按鈕。對于有兩個按鈕的提醒，需要把關閉提醒的按鈕放在左邊，把action button放在右邊。 如果只有一個按鈕，這個按鈕應該是一個確定按鈕。 

3、標記（Badge） 

標記通知是顯示在程序圖標的右上角的紅色橢圓形標記，里面顯示的數字表示需要用戶處理的通知的數量。

這種方式都是很常見的。而且也很醒目。切記，標記圖標的設計尺寸。

4、 聲音（Sound） 

聲音提示也是iOS的一種通知方式，支持自定義，可以與前面三種通知類型搭配使用。

這樣的方式是非常人性化的提醒用戶不要遺忘重要的信息。比如會議時間等等。

第二部分：Android 版本的APP消息提醒設計

最新的Android的通知欄的設計和功能與前幾代Android系統基本一樣，也是從屏幕頂部向下拉出，唯一不同的地方就是用戶可以將某條通知按住向左拖動移除該通知。

更加人性化。比如ios 我看完之后也不能刪除 還存在？很困惑！不友好？呵呵

android也有一樣的消息提醒設計：

第一種Alert：強打斷型提醒，提醒內容與當前應用有聯系時可以接受；

第二種標記：一種不緊急的提醒方式，增量很難記住，部分用戶有強迫清零的習慣；

第三種Toast：純告知，不需要處理；針對正在操作的反饋；

第四種預覽：可輔助用戶判斷是否需要查看該信息詳情，但要注意結合“標記為已讀”機制；

第五種通知欄：是一種被普遍接受的通知方式，優點是“集中處理”；

同時，我們在設計APP消息提醒或通知的時候，應該考慮我們所設計的APP針對的人群，從而選擇合適的消息推送方式或是消息提醒方案。