這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

2021-6-10    資深UI設(shè)計(jì)者

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

相比于去年發(fā)布的 macOS 11 和 iOS 14 的 WWCD 2020,今年的 WWDC 確實(shí)是顯得變化沒(méi)有那么大,在系統(tǒng)視覺層面上,macOS 12,iOS 15,iPadOS 15,watchOS 8 似乎并沒(méi)有那么多「革命性」的改變。老實(shí)說(shuō)視作為一次日常的產(chǎn)品功能迭代就好了。

不過(guò),iOS 15 當(dāng)中有不少頗為不錯(cuò)的新功能,比如實(shí)況文本(Live Text),功能更強(qiáng)的 Spotlight,全新的 Safari 瀏覽器,全新的安全機(jī)制,等等等等,這些功能足以為用戶提供更好更安全的使用體驗(yàn),但是另外一方面,有很多功能對(duì)于設(shè)計(jì)師和開發(fā)者這邊有著巨大的影響。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

目前來(lái)看,F(xiàn)acetime 的多人通話的升級(jí),共享當(dāng)前界面和屏幕給他人的 Shareplay 很大程度是為了應(yīng)對(duì)全球疫情之下,用戶被封閉和隔離的使用場(chǎng)景,這些功能需要系統(tǒng)級(jí)的支持。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

而從照片中獲取文本信息的實(shí)況文本功能、超強(qiáng)的聚焦搜索功能,還有新的相冊(cè)自動(dòng)生成回憶視頻的功能,則和蘋果自身在機(jī)器學(xué)習(xí)領(lǐng)域的挖掘息息相關(guān),對(duì)于想要在這一領(lǐng)域有所建樹的團(tuán)隊(duì),可以參考這些內(nèi)置的功能,如何用好神經(jīng)網(wǎng)絡(luò)的軟硬件,可以參考相關(guān)的開發(fā)文檔。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

關(guān)于 iOS 15 在我看來(lái)最值得聊且對(duì)于設(shè)計(jì)和運(yùn)營(yíng)有較大影響的部分,其實(shí)是全新的通知推送系統(tǒng),以及 「專注模式」這一功能。在整個(gè)發(fā)布會(huì)結(jié)束之后,蘋果的 HIG 頁(yè)面當(dāng)中,只有一小部分的內(nèi)容隨著新系統(tǒng)的發(fā)布而隨之更新了,而這其中就包含信息推送和 「專注模式」的部分。

信息推送和當(dāng)下用戶日常內(nèi)容和信息消費(fèi)習(xí)慣緊密關(guān)聯(lián)。越來(lái)越多的 APP 和越發(fā)頻繁的信息推送給用戶帶來(lái)的信息壓力已經(jīng)成為一個(gè)廣泛存在的問(wèn)題,一直到今天,這個(gè)問(wèn)題都沒(méi)有一個(gè)足夠完美的解決方案。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

針對(duì)注意力管理的問(wèn)題,iOS 15 所給出的解決方案算是一個(gè)比較折衷且比較合理的處理機(jī)制。

1、視覺優(yōu)化

在基礎(chǔ)的信息推送內(nèi)容的視覺設(shè)計(jì)上,iOS 15 針對(duì)通知欄的小卡片的排版視覺進(jìn)行了優(yōu)化,放大了 APP 圖標(biāo)并置于卡片的左側(cè),對(duì)于通訊類 APP 當(dāng)中用戶發(fā)送的信息,則采用了用戶大頭像 + APP 小圖標(biāo) 的組合形態(tài),增加信息來(lái)源的辨識(shí)度,并以這種形式更清晰地告知用戶,所收到的信息的來(lái)源,以及它的屬性。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

iOS 15 還可以根據(jù)用戶設(shè)置的時(shí)間表或者所處的模式,快速收集每天收到的的通知,構(gòu)建成為一個(gè)較大的通知摘要大卡片,而摘要的內(nèi)容呈現(xiàn)將會(huì)按優(yōu)先級(jí)進(jìn)行智能排序,位于頂部的卡片相關(guān)度最高。(所以 APP 通知推送會(huì)因?yàn)檫@種機(jī)制開始一輪新的內(nèi)卷么?)

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

值得注意的是,新的推送摘要因?yàn)槭前凑諆?yōu)先級(jí)排列,所以各種 APP 當(dāng)中優(yōu)先級(jí)最高的通知將會(huì)被匯總到一起。

摘要信息的組織并不是借助單一算法來(lái)實(shí)現(xiàn)的,同樣的,其中用到了機(jī)器學(xué)習(xí)的功能,借助神經(jīng)網(wǎng)絡(luò)芯片來(lái)更好地對(duì)信息進(jìn)行針對(duì)性的篩選,并推送給用戶,以圖更好的體驗(yàn)。

2、通知管理層級(jí)的提升

在原本的 iOS 14 當(dāng)中,對(duì)于單個(gè) APP 的推送管理方式比較簡(jiǎn)單,除了「關(guān)閉」,就只能選擇「隱式推送」,

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

在 iOS 15 當(dāng)中,用戶可以針對(duì)單個(gè) APP 的推送進(jìn)行更細(xì)致的選擇和處理:

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

更多選項(xiàng)當(dāng)中,可以選擇讓 APP 「靜音一小時(shí)」或者「今天不再推送」以避免干擾。

整個(gè) iOS 15 的通知處理的機(jī)制都是圍繞著降低用戶信息載荷的目標(biāo)來(lái)進(jìn)行的,除了管理層級(jí)的細(xì)化,專注模式更是之前 iOS 14 中「勿擾模式」的全面升級(jí)。

其中,為了對(duì)推送通知進(jìn)行更加細(xì)致的處理,通知功能的類型也有了更為詳細(xì)的分類,并且在 HIG 設(shè)計(jì)規(guī)范進(jìn)行了更為詳細(xì)的說(shuō)明。相關(guān)詳細(xì)內(nèi)容在第四節(jié)。

3、圍繞場(chǎng)景構(gòu)建的專注模式

「專注模式」是為了應(yīng)對(duì)信息過(guò)載的問(wèn)題,并且試圖改善推送通知影響用戶注意力的情況,希望借此來(lái)幫助用戶更加專注于進(jìn)行中的任務(wù)。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

系統(tǒng)基于常見的幾個(gè)使用場(chǎng)景,提供了「?jìng)€(gè)人」「工作」「睡眠」三個(gè)場(chǎng)景,并且保留了之前的「勿擾」模式,單擊底部「+」號(hào)還能添加更多模式,其中還包括「駕駛」和「游戲」等不同的預(yù)設(shè)場(chǎng)景模式。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

除了「勿擾」模式之外,其他模式下,用戶可能會(huì)收到與這些場(chǎng)景相關(guān)的應(yīng)用,而用戶可以在 iOS 15 的系統(tǒng)智能推薦之下,快速增刪當(dāng)前模式下可以推送通知的 APP。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

在指定模式下,用戶收到的推送通知的內(nèi)容、類別都會(huì)高度相關(guān),降低干擾性。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

同樣的,為了搭配不同的專注模式,還可以基于模式設(shè)置特定的主屏和桌面小插件,成為當(dāng)前模式下的信息和管理中心,更加方便地管理當(dāng)下的任務(wù),達(dá)到「專注」的目標(biāo)。

而「專注模式」更為智能的一點(diǎn),是系統(tǒng)會(huì)根據(jù)地理位置信息,有意識(shí)地提醒用戶是否要切換模式:

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

同時(shí),當(dāng)用戶將手機(jī)設(shè)為特定模式之后,綁定同一帳號(hào)的其他設(shè)備也會(huì)自動(dòng)切換到同一專注模式之下,達(dá)到統(tǒng)一管理的目的:

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

當(dāng)然,除了基于位置進(jìn)行「專注模式」的切換之外,用戶可以通過(guò)右上角下拉的「控制中心」對(duì)「專注模式」進(jìn)行手工的切換管理。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

4、通知系統(tǒng)規(guī)范

而無(wú)論是新的通知系統(tǒng)還是「專注模式」,在信息管理的顆粒度上都比以往更加細(xì)致,這很大程度上是基于新的推送通知的類別管理,這一部分內(nèi)容在 HIG 設(shè)計(jì)規(guī)范上已經(jīng)得到更新,并且有著非常詳細(xì)的說(shuō)明。

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

下面是關(guān)于推送通知章節(jié)更新的主要部分(考慮到篇幅,對(duì)部分非關(guān)鍵內(nèi)容進(jìn)行了精簡(jiǎn))。

https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/notifications

4.1、通知的管理

用戶希望收到他們關(guān)心的事情的通知提醒,但并不總是喜歡被打擾。為了幫助用戶管理整體體驗(yàn),需要在發(fā)送任何通知提醒之前獲得用戶的許可;系統(tǒng)允許用戶在「設(shè)置」>「通知」中更改,并調(diào)整推送提醒樣式,可以預(yù)覽,并且可以和 Siri 交互。用戶還可以在「設(shè)置」>「專注」中讓所有通知都靜音(某些地區(qū)的政府警報(bào)除外)。

相關(guān)開發(fā)人員說(shuō)明,請(qǐng)參閱 UserNotifications。

4.2、幫助用戶管理通知

在 iOS 15 及更高版本中,用戶可以通過(guò)指定專注模式時(shí)間,設(shè)置專注模式下通知推送的具體行為,而進(jìn)行細(xì)粒度的管理。專注模式可幫助用戶在他們?yōu)樗?、工作、閱讀或駕駛等不同狀態(tài)下,定義這一時(shí)間段內(nèi)通知推送的具體行為。

用戶可以篩選出哪些通知或者 APP 可以在特定專注模式下,被推送給用戶。比如在工作專注模式下,用戶可能希望收到來(lái)自同事、家人以及工作相關(guān)的 APP 推送的信息,用戶可能還希望收到時(shí)效性較強(qiáng)的通知。

盡管專注模式下,可能會(huì)有一些通知被延遲推送給用戶,但是通知信息在收到的時(shí)候即立刻發(fā)揮作用。

4.3、通知的類型

想要定制化地推送信息,那么你需要確保你的 APP 能夠支持信息直接推送,就像電話或者短信樣的通訊通知(communication notifications),而其他類型的弱時(shí)效性的推送則使用非通訊通知(noncommunication notifications) ,而想要支持通訊通知,你需要引入 SiriKit ,這也意味著用戶可以使用 Siri 來(lái)進(jìn)行自定義通知推送行為。具體的參閱INSendMessageIntentUNNotificationContentProviding。

為了更好的方便用戶針對(duì)推送通知進(jìn)行管理,你需要對(duì)你的 APP 的推送通知的中斷級(jí)別進(jìn)行定義,不同級(jí)別的定義決定了通知何時(shí)推送,系統(tǒng)在不同狀態(tài)下是否要推送,以及如何處理。目前,將推送通知的中斷級(jí)別劃分為4個(gè)等級(jí):

  • 被動(dòng)型通知。用戶可以在閑暇時(shí)候查看的推送通知,比如周邊餐廳推薦。
  • 活動(dòng)型通知(默認(rèn)狀態(tài))。用戶可能希望了解這個(gè)信息何時(shí)能夠推送,比如最喜歡的球隊(duì)的最新比分。
  • 時(shí)間敏感型通知。需要用戶立刻關(guān)注到的通知,比如賬戶安全相關(guān)的通知和快遞通知。
  • 關(guān)鍵通知。直接影響到用戶聲明安全和需要立刻得知且優(yōu)先級(jí)超高的公共通知,比如來(lái)自政府機(jī)構(gòu)的安全通知,或者醫(yī)療保健類應(yīng)用的推送。

具體的屬性還可以參考下面的表單:

這份 iOS 15 推送通知設(shè)計(jì)指南,值得設(shè)計(jì)師們仔細(xì)閱讀!

值得注意的是,這4個(gè)層級(jí)是逐漸遞進(jìn)的,因?yàn)楹髢煞N推送通知需要的優(yōu)先級(jí)較高,所以最好獲得用戶的許可。

此外,在設(shè)計(jì)通知推送系統(tǒng)的時(shí)候,還有3個(gè)關(guān)鍵的注意事項(xiàng):

  • 需要對(duì)每個(gè)通知的優(yōu)先級(jí)和中斷級(jí)別進(jìn)行準(zhǔn)確的判斷,不要讓非關(guān)鍵性的通知占用專注模式下的用戶注意力,這樣才能獲得用戶的信任。錯(cuò)誤的優(yōu)先級(jí)設(shè)置會(huì)導(dǎo)致用戶對(duì)你的 APP 產(chǎn)生不信任感。
  • 僅將與此刻緊密相關(guān)的事件信息設(shè)置為被時(shí)間敏感型通知,這樣的時(shí)效性才能對(duì)應(yīng)得上它的優(yōu)先級(jí)。具體可參閱 UNNotificationInterruptionLevel
  • 不要將營(yíng)銷類信息推送設(shè)置為時(shí)間敏感型通知。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來(lái)源:優(yōu)設(shè)   作者:陳子木

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



日歷

鏈接

個(gè)人資料

存檔