為iOS5設(shè)計(jì)消息通知

通知中心作為iOS5的重大更新內(nèi)容之一，可以將用戶的iOS設(shè)備里的所有的通知集中放在一個(gè)地方，大大方便用戶查看和管理。如果用戶收到一封新郵件、一條短信，或者是一個(gè)添加好友的請求，無論在任何界面下（包括游戲等全屏應(yīng)用），用戶都可以通過從屏幕頂部向下滑，將通知中心“拉下來”，用戶可以在這里查看到所有的通知。所以蘋果在iOS5的介紹中說到通知中心是你隨時(shí)掌握最新生活資訊的絕佳途徑。

可能出現(xiàn)通知的場景

一般在下面的場景中iOS應(yīng)用程序會(huì)通知用戶有有意思的事情發(fā)生了：

1. 收到一條消息

2. 即將發(fā)生某件事

3. 有新的數(shù)據(jù)可供下載

4. 某些事物的狀態(tài)發(fā)生了變化

iOS5的四種通知類型

1. 橫幅（Banner）

橫幅通知是在iOS5中出現(xiàn)的新特性，是顯示在屏幕頂部的橫條，幾秒鐘后會(huì)自動(dòng)消失。一條橫幅通知會(huì)顯示程序的小圖標(biāo)（低分屏下顯示29×29的圖標(biāo)，高分屏顯示58×58的圖標(biāo)），程序的名字和通知的內(nèi)容。小圖標(biāo)可以幫助用戶一眼就看清楚是哪一個(gè)應(yīng)用程序在提醒他們。

2. 提醒（Alert）

提醒通知不會(huì)自動(dòng)消失，需要用戶與之交互才能關(guān)閉。設(shè)計(jì)師需要設(shè)計(jì)通知的具體內(nèi)容，有時(shí)還要action button（后面會(huì)談到）設(shè)計(jì)title。整個(gè)提醒通知的背景樣式，包括里面的按鈕的樣式都是不可變的，所以設(shè)計(jì)師和開發(fā)者就不要在這里發(fā)揮創(chuàng)意了。Android由于其開放性，我們是可以使用自己設(shè)計(jì)的控件的，而iOS這樣做可能是為了保持UI風(fēng)格一致性。

3. 標(biāo)記（Badge）

標(biāo)記通知是顯示在程序圖標(biāo)的右上角的紅色橢圓形標(biāo)記，里面顯示的數(shù)字表示需要用戶處理的通知的數(shù)量。同樣地，標(biāo)記的顏色和形狀、大小也是不可以更改的。App Store中有更新的應(yīng)用程序的數(shù)量，Mail中收到的未讀郵件的數(shù)量都是用標(biāo)記通知用戶的。

4. 聲音（Sound）

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

本地通知和推送通知

iOS應(yīng)用程序會(huì)使用本地通知或推送通知來提醒用戶：

1. 本地通知

應(yīng)用程序的本地通知是由用戶的iOS設(shè)備生成并發(fā)布的，無論這個(gè)應(yīng)用程序是否運(yùn)行在前臺(tái)。就像一個(gè)日歷應(yīng)用，或者是一個(gè)to-do list應(yīng)用，可以發(fā)出一條本地通知提醒用戶馬上有一個(gè)會(huì)議要開始了。

2. 推送通知

應(yīng)用程序的推送通知是這樣發(fā)布的：該應(yīng)用的遠(yuǎn)程服務(wù)器(Provider)先發(fā)出一條通知給蘋果的推送通知服務(wù)(Apple Push Notification service, APNS)，蘋果的通知服務(wù)器再把這個(gè)通知推送給所有安裝了這個(gè)應(yīng)用的iOS設(shè)備。

如果要使用推送通知，必須先在蘋果的推送通知服務(wù)里注冊你要使用哪幾種類型的通知，就比如下面的一段代碼就表示同時(shí)注冊了標(biāo)記和聲音兩種類型的通知：

- (void)applicationDidFinishLaunching:(UIApplication *)app {

// other setup tasks here....

[[UIApplication sharedApplication] registerForRemoteNotificationTypes:(UIRemoteNotificationTypeBadge|UIRemoteNotificationTypeSound)];

}

如何使用各種通知

使用本地通知的應(yīng)用程序可以使用橫幅、提醒、標(biāo)記、聲音，但是使用推送通知的應(yīng)用程序需要先注冊要使用的通知類型。

在使用通知的時(shí)候需要注意以下幾點(diǎn)：

1. 保證標(biāo)記的內(nèi)容是最新的

2. 對同一事件不要發(fā)出多個(gè)通知

3. 通知內(nèi)容不用包含應(yīng)用程序的名稱

對于標(biāo)記型通知，當(dāng)所有的事項(xiàng)都解決后，標(biāo)記會(huì)自動(dòng)消失。

在橫幅和提醒中，以及頂部的通知中心里，iOS系統(tǒng)會(huì)自動(dòng)在消息里顯示應(yīng)用程序的名稱，所以在設(shè)計(jì)通知的內(nèi)容時(shí)，就無需包含app的名稱了。

在設(shè)計(jì)通知的內(nèi)容時(shí)，還需要注意：

1. 關(guān)注于信息的表達(dá)，而不是用戶的動(dòng)作。避免提示用戶去點(diǎn)哪一個(gè)按鈕或者是怎樣打開app

2. 簡短，最好不超過兩行。長信息難以快速閱讀，而且必然會(huì)有滾動(dòng)條

3. 使用句式大寫（sentence-style capitalization，第一個(gè)單詞的首字母大寫）和合適的標(biāo)點(diǎn)符號(hào)，結(jié)尾一般使用句號(hào)

關(guān)于“提醒”

一條提醒可能會(huì)包含一到兩個(gè)按鈕。對于有兩個(gè)按鈕的提醒，需要把關(guān)閉提醒的按鈕放在左邊，把a(bǔ)ction button放在右邊。

點(diǎn)左邊的按鈕會(huì)關(guān)閉提醒，點(diǎn)右邊的按鈕會(huì)關(guān)閉這條提醒并打開應(yīng)用。

如果只有一個(gè)按鈕，這個(gè)按鈕應(yīng)該是一個(gè)確定按鈕。

點(diǎn)擊這個(gè)確定按鈕也只會(huì)關(guān)閉提醒，而不會(huì)打開應(yīng)用。

對于提醒通知，在設(shè)計(jì)action button的title的時(shí)候需要注意：

1. title能準(zhǔn)確描述打開應(yīng)用的動(dòng)作。比如點(diǎn)擊Play按鈕，就能夠打開這個(gè)游戲，用戶能夠立刻玩

2. 使用標(biāo)題式大寫（title-style capitalization，每個(gè)單詞的首字母都大寫）

3. 足夠簡短

在鎖屏狀態(tài)的時(shí)候收到新提醒通知，會(huì)把a(bǔ)ction button的title顯示到“slide to view”的信息里，替換掉“view”這個(gè)詞，并且將所有字母都轉(zhuǎn)化為小寫。

關(guān)于“聲音”

對于聲音提示，用戶沒有使用手機(jī)的時(shí)候聲音可以吸引他們的注意力，這可以避免用戶遺漏重要信息。

我們可以使用系統(tǒng)內(nèi)置的聲音，也可以自定義聲音。如果使用自定義的聲音，應(yīng)該保證它足夠簡短，而且是精心制作的。

關(guān)于“通知欄”

只要不是鎖屏狀態(tài)，都可以從屏幕頂部向下滑打開通知中心。

如果是在游戲里面，比如水果忍者這種游戲，為了避免手指不小心滑到屏幕外而打開了通知中心，iOS5提高了打開通知中心的難度：先從屏幕頂部下拉出現(xiàn)有類似防滑紋的下拉條，出現(xiàn)下拉條后再次向下拖拽，才可打開通知中心，否則幾秒鐘后下拉條會(huì)自動(dòng)收起。此處帶防滑紋下拉條的設(shè)計(jì)可以幫助新用戶迅速建立下拉打開通知中心的心智模型。

iOS5對下拉通知欄里的通知進(jìn)行了組織，同一個(gè)app的通知根據(jù)時(shí)間先后順序組合在一起。刪除某個(gè)app的通知消息需要先點(diǎn)右邊的“X”按鈕，“X”按鈕變?yōu)?ldquo;清除”，用戶再次點(diǎn)擊清除才能移除這個(gè)app下的所有通知。兩步操作降低誤刪幾率，而且其交互形式也比常見的彈出二次確認(rèn)的模態(tài)窗口友好得多。

其它平臺(tái)通知系統(tǒng)

1. Android 4.0

Android4.0的通知欄與前幾代Android系統(tǒng)一樣，也是從屏幕頂部向下拉出，與iOS和前代Android通知欄的區(qū)別在于可以將某條通知按住向左拖動(dòng)移除該通知。

Android的Dialog Notification與iOS的Alert類似，都需要用戶立刻處理才能移除該通知。

2. webOS

webOS的通知欄位于屏幕底部，收到新通知的時(shí)候會(huì)在通知欄顯示對應(yīng)的應(yīng)用程序的icon。用戶可以點(diǎn)擊通知欄，查看所有通知的摘要，長按某條摘要往左或者往右滑即可從通知欄移除該通知。

3. Windows Phone

由于Windows Phone使用了獨(dú)特的Metro UI，每個(gè)Tile（權(quán)且叫它小瓷片吧）能夠承受更多的信息。小瓷片的標(biāo)題、背景和提示數(shù)是可以改變的，以此達(dá)到提醒用戶的目的。

Windows Phone的Toast Notificatoin與iOS的Banner通知類似，也是顯示在屏幕頂部，顯示一段時(shí)間后消失。

總結(jié)

在iOS5以前的iOS系統(tǒng)中，由于只有Alert、Banner、Sound三種消息提醒的方式，所以經(jīng)常出現(xiàn)在使用一個(gè)app的時(shí)候出現(xiàn)一條通知，直接打斷用戶的操作，這種做法非常粗暴，傷害用戶的情感。

iOS5新增的Banner通知解決了這一問題，使iOS在消息提醒的處理上拉近了與Android的差距。此外，為了彌補(bǔ)無法在首頁放置插件的缺陷，iOS5也將天氣、股票等信息放到了通知中心里。這或許可以視作未來蘋果將賦予通知中心更多更強(qiáng)大功能的預(yù)兆。

合理地選擇本地通知和推送通知，選擇正確的通知類型，設(shè)計(jì)規(guī)范的通知內(nèi)容將是所有用戶體驗(yàn)設(shè)計(jì)師必須掌握的知識(shí)。