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

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

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

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

smart-app-design

 

 

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

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

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

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

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

iOS的消息通知形式之Alert Notification:

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

10

 

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

1、橫幅(Banner)

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

xiaoxi設計

2、提醒(Alert) ?

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

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

3、標記(Badge)?

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

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

4、?聲音(Sound)?

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

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

 

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

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

android

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

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

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

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

第三種Toast:純告知,不需要處理;針對正在操作的反饋;

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

第五種通知欄:是一種被普遍接受的通知方式,優(yōu)點是“集中處理”;

7

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

看到這里,你們是不是有了一定的了解,對于APP消息提醒設計有把握了吧!歡迎大家批轉!25學堂真誠的為大家提供更優(yōu)秀的APP設計干貨!

每天更新,
全站高品質素材免費下載!