萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

iOS 5 通知中心設計詳解:從橫幅到彈窗,縮小與 Android 差距

通知中心:iOS 5 重磅更新,統一管理所有通知

從屏幕頂部下拉喚出,無論身處任何界面(含全屏遊戲),集中查看管理郵件、短信、好友請求等。「隨時掌握最新生活資訊的絕佳途徑」。

四大觸發場景

  • 收到新消息
  • 即將發生事件
  • 新數據可下載
  • 狀態發生變化

四種通知類型詳解

1. 橫幅——輕量級,自動消失

頂部橫條,數秒後自動隱藏。含 App 圖標(低分屏 29×29,高分屏 58×58)、App 名、通知內容。圖標助用戶一眼識別來源。

2. 提醒——模態級,需交互關閉

不自動消失,需用戶操作關閉。設計師定內容、有時設計 Action Button、Title。背景與按鈕樣式不可變(保持系統風格一致性,區別於 Android 開放自定義)。

3. 標記——紅色橢圓數字角標

App 圖標右上角,顯示待處理數量。顏色形狀大小不可改。App Store 更新數、Mail 未讀數典型應用。

4. 聲音——可自定義,組合使用

支援自定義,可與前三類搭配。

本地 vs 推送通知

  • 本地通知:設備生成發布,無需 App 前台運行(如日曆/To-do 提醒)。
  • 推送通知:Provider→APNS→所有安裝設備。需先在 APNS 註冊類型(如註冊 Badge+Sound)。

使用規範與文案指南

  • 保證標記內容最新
  • 同一事件勿多通知
  • 通知內容勿含 App 名(系統自動在橫幅/提醒/通知中心顯示)
  • 關注信息表達而非用戶動作(避免「點擊按鈕打開 App」措辭)
  • 簡短≤兩行,避免滾動條
  • 句式大寫首字母、恰當標點、句號結尾

提醒類交互細節

  • 雙按鈕:左關閉、右 Action Button(打開 App)。單按鈕:僅「好」,關閉不打開 App。
  • Action Button Title:準確描述打開後動作(如「Play」即玩)、標題式大寫、極短。
  • 鎖屏狀態下 Action Button Title 替換「slide to view」中的 view,全小寫顯示。

聲音設計原則

吸引非使用中用戶注意,避免遺漏重要信息。系統音或自定義音(必須極短、精心製作)。

通知中心交互亮點

  • 遊戲中防誤觸:先下拉出防滑紋條,再次下拉才開啟,幾秒後自動收回,建立心智模型。
  • 同一 App 通知按時間合併組織。刪除雙步驟:點 X→變「清除」→再點清除,降低誤刪,優於模態二次確認。

競品對比:Android 4.0 與 webOS

Android 4.0 通知可左滑移除;Dialog Notification 類似 iOS Alert。webOS 通知欄在底部,點擊看摘要,長按左右滑移除。

copyright © 萬盛學電腦網 all rights reserved