国产a一级毛片爽爽影院_欧美日韩亚洲中字二区在线播放_国产在线每日都有更新_日韩中文字幕tv在线看_日韩美女婬乱大片A级网站_韩国无遮免费羞羞漫画_久久亚洲精品无码播放偷妻_国产成人777爽视频_色噜噜狠狠成人中文综合18_国产精品免费高清在线观看

通告欄（NoticeBar）是我們?cè)谑褂弥悄苁謾C(jī)時(shí)的一項(xiàng)重要工具。本篇文章從NoticeBar的使用場(chǎng)景出發(fā)，分析了在設(shè)計(jì)通告欄時(shí)所需考慮的因素及其解決的實(shí)際需求。一起來看看吧。

在朋友圈給別人點(diǎn)贊后，最煩的就是不斷地收到其他朋友點(diǎn)贊或評(píng)論那條朋友圈的提醒。今天我發(fā)現(xiàn)微信終于上了這個(gè)新功能——對(duì)于單條朋友圈設(shè)置消息不再通知。

從截圖可以看到，微信用NoticeBar在消息頁(yè)上展示通知，上次朋友圈內(nèi)容置頂?shù)墓δ芤差愃?。我猜測(cè)微信對(duì)于這種小功能的更新會(huì)使用NoticeBar。

前一陣在工作中也遇到需要給用戶發(fā)送通知的情況，這種通知希望用戶關(guān)注到但又不強(qiáng)制用戶馬上處理，最終的解決方案也使用到了NoticeBar，所以本文以NoticeBar 作為重點(diǎn)，來復(fù)盤一下。

一、使用場(chǎng)景分類

通告欄是系統(tǒng)給用戶發(fā)送的一些通知，從系統(tǒng)角度來考慮可分為 2 種，主動(dòng)和被動(dòng)。系統(tǒng)主動(dòng)給用戶發(fā)送的一些通知，比如活動(dòng)，目的是提高平臺(tái)活躍度或者類似微信這種新功能提醒等。第 2 種是被動(dòng)發(fā)送，用戶先進(jìn)行操作，系統(tǒng)響應(yīng)用戶給予用戶反饋。

1. 系統(tǒng)主動(dòng)發(fā)送

（1）異常狀態(tài)

系統(tǒng)在運(yùn)行中產(chǎn)生的一些異常狀態(tài)可能導(dǎo)致用戶無法正常使用系統(tǒng)，所以需要告知用戶。比如網(wǎng)絡(luò)連接失敗、預(yù)覽圖片缺失等。

（2）功能提醒

當(dāng)功能有差異或者提前預(yù)測(cè)用戶行為路徑后需要主動(dòng)告知用戶相關(guān)功能的提醒。比如淘寶消息視覺呈現(xiàn)上會(huì)有差異，使用通告欄告知用戶差異原因。

（3）活動(dòng)

這一類提醒主要是為了提高用戶活躍度，增強(qiáng)用戶留存、提高下單率等。比如飛豬底部的簽到活動(dòng)、邀請(qǐng)好友活動(dòng)、抖音中提醒用戶參與主題活動(dòng)的提醒等。

2. 系統(tǒng)被動(dòng)發(fā)送

比如百度網(wǎng)盤中，將通告欄和進(jìn)度條結(jié)合用以展示用戶操作后的狀態(tài)。用戶復(fù)制后，通告欄會(huì)顯示復(fù)制后的狀態(tài)，包括進(jìn)行中、復(fù)制成功、復(fù)制失敗。

豆瓣也是類似的設(shè)計(jì)，會(huì)展示發(fā)布中和發(fā)布失敗，但對(duì)于發(fā)布成功則使用了 Toast 。我覺得這里是合理的，對(duì)于這種輕量級(jí)的成功反饋使用 toast，也可以保持產(chǎn)品一致性。

但百度網(wǎng)盤對(duì)于復(fù)制成功依然使用通告欄，我猜測(cè)其原因可能是百度網(wǎng)盤的 Toast 在頁(yè)面底部出現(xiàn)，而 NoticeBar 在頂部出現(xiàn)，如果中間狀態(tài)在頂部，結(jié)果狀態(tài)在底部顯示，關(guān)聯(lián)不夠緊密，所以對(duì)于 NoticeBar 這里單獨(dú)做了規(guī)則定義。這也是我們?cè)谠O(shè)計(jì)中需要注意的地方。

二、設(shè)計(jì)通告欄應(yīng)考慮什么？

1. 組成

從現(xiàn)有產(chǎn)品上看，基本的組成是：圖形、文本、操作按鈕、關(guān)閉。最少的應(yīng)該是只有一段文本。

圖形可以是Icon、圖片等用于視覺強(qiáng)化提示說明或者類似豆瓣展示發(fā)布內(nèi)容。

文本可以是一段文字提示或者是主標(biāo)題+輔助文字的形式。當(dāng)文本超長(zhǎng)時(shí)除了可以使用省略號(hào)顯示，也可以采用跑馬燈（水平滾動(dòng)），或者垂直滾動(dòng)的形式。

2. 出現(xiàn)和消失的規(guī)則定義

對(duì)于被動(dòng)發(fā)送的通知，當(dāng)用戶操作成功后主動(dòng)消失。而對(duì)于主動(dòng)發(fā)送的通知，需定義消失規(guī)則。

（1）用戶點(diǎn)擊關(guān)閉消失

（2）用戶點(diǎn)擊進(jìn)入活動(dòng)詳情頁(yè)消失

（3）用戶參與活動(dòng)后消失

對(duì)于（1）（2）還需考慮是否再次展示，以及再次展示的規(guī)則是什么，比如高德地圖調(diào)研活動(dòng)的消失規(guī)則是，完成問卷調(diào)查或者點(diǎn)擊關(guān)閉后才會(huì)完全消失（實(shí)際使用測(cè)試獲得）。

3. 頁(yè)面位置

頂部。導(dǎo)航欄或者篩選欄下面，內(nèi)容列表上面的位置。根據(jù)用戶瀏覽動(dòng)線從上到下，所以頂部的位置用戶更容易先看到。

中間區(qū)域。比如淘寶中的消息差異狀態(tài)提示，準(zhǔn)確來說也是在內(nèi)容列表的頂部。

底部。底部位置用戶不容易注意到所以對(duì)用戶打擾較少，比如飛豬的簽到活動(dòng)就放在底部位置。

4. 當(dāng)頁(yè)面滑動(dòng)時(shí)是否需要固定位置。

考慮是否需要用戶持續(xù)關(guān)注。當(dāng)通告欄固定在某一位置時(shí)意味著屏幕中其他內(nèi)容的呈現(xiàn)區(qū)域必定會(huì)減少。所以若需用戶持續(xù)關(guān)注的內(nèi)容可固定，而無需用戶持續(xù)關(guān)注則可根據(jù)頁(yè)面滑動(dòng)。

比如百度網(wǎng)盤復(fù)制狀態(tài)的通告欄會(huì)固定在頁(yè)面頂部，因?yàn)閺?fù)制狀態(tài)會(huì)持續(xù)一段時(shí)間，并且在這段時(shí)間內(nèi)狀態(tài)會(huì)發(fā)生變更，若跟著頁(yè)面滑動(dòng)，當(dāng)通告欄被隱藏后，如何告知用戶狀態(tài)變更？所以這里固定在頂部會(huì)更合適。

5. 多條通告欄的優(yōu)先級(jí)

若同時(shí)有多條通告欄，需定義優(yōu)先級(jí)。比如微信中，當(dāng)存在系統(tǒng)功能提示和異常狀態(tài)提示時(shí)，異常狀態(tài)在上，優(yōu)先級(jí)更高一些。

三、解決實(shí)際需求

我們的問題是這樣的，用戶使用我們的app打開附件時(shí)，由于附件內(nèi)圖片質(zhì)量過大等其他問題可能會(huì)導(dǎo)致附件圖片丟失。如果用戶想要查看完整附件，可使用系統(tǒng)自帶閱讀器查看，但系統(tǒng)閱讀器存在限制，無法使用 app 原有功能。所以希望在預(yù)覽附件時(shí)提供用戶切換系統(tǒng)閱讀器查看完整附件，并且告知用戶切換后哪些功能將無法使用。

從需求判斷，這屬于希望用戶注意到但不強(qiáng)制用戶馬上處理的通知，所以可采用通告欄顯示。

1. 出現(xiàn)規(guī)則

當(dāng)有附件出現(xiàn)圖片丟失的狀態(tài)時(shí)，通知用戶。

2. 消失規(guī)則

需要用戶持續(xù)關(guān)注，所以不展示消失按鈕。原因是缺失圖片會(huì)導(dǎo)致附件內(nèi)容不完整，從用戶目標(biāo)來理解，也就是阻礙了用戶瀏覽附件的任務(wù)，那么用戶采用更好的解決方案完成任務(wù)的概率很高，所以通知需用戶持續(xù)關(guān)注，常顯無取消。

3. 放在什么位置？

固定在內(nèi)容區(qū)之上頂部位置。附件內(nèi)容長(zhǎng)度不確定，圖片丟失狀況不確定，所以當(dāng)用戶未查看附件內(nèi)容時(shí)，也無法判斷是否需要采用系統(tǒng)閱讀器。當(dāng)用戶瀏覽附件后，若發(fā)現(xiàn)圖片丟失嚴(yán)重，內(nèi)容完整性很差，此時(shí)通告欄固定在頂部就可一鍵切換到系統(tǒng)閱讀器，去查看完整附件。

四、最后

前兩天看《大創(chuàng)業(yè)家》里有這樣一句話，“人會(huì)成為他每天想成為的那個(gè)人”，好雞湯，哈哈，我喜歡雞湯，就醬～