你是否有這樣的經歷，在工作的時候，突然跳出一個彈窗，打斷了你的思路，讓人火冒三丈。彈窗的出現，原本只是為了提醒用戶，卻給他們留下了非常糟糕的用戶體驗。
今天格格學姐就從六個方面，分析如何設計更合理的彈窗通知，希望對你有幫助。
01
關于彈窗的說明
彈出窗口（也叫做覆蓋窗口或懸浮窗口）是出現在頁面內容頂部的窗口或對話框。可以根據兩個維度進行分類：
1. 用戶是否可以與頁面的其它部分交互：
模態彈窗：在用戶顯示的彈窗內容完成交互之前，頁面上的其他內容將被禁用。
非模態彈窗：當彈窗顯示時，用戶仍然可以與背景內容進行交互（例如，點擊鏈接或點擊按鈕）。
2. 背景是否變暗：
如果背景內容變暗（通常為百分比的黑色，如：40%的不#000000），彈出窗口為燈箱彈出效果。當背景內容沒有變暗時，沒有特殊的名稱。
盡管在許多情況下，燈箱彈出效果都是模態的，但也有一定的區別。如下圖所示：
注意，彈窗的使用一定要克制，它帶來視覺上的中斷，打擾用戶完成業務流程；再加上彈窗視覺面積較小，承載信息有限，應當盡量減少彈窗使用。
02
設計原則
盡量減少使用：進行彈窗設計時，需要牢記的基本設計原則是它必須協助（而不是打斷/阻礙）用戶執行操作。一個設計良好的通知模型會考慮到可訪問性，并具有適應不同語言的靈活性。所以要求樣式和行為必須清晰、簡明和易用。
信息有效觸達：信息類型上有文字、插圖等，組織時從信息關聯性、重要性、連續性等特性出發；通過背景分塊、字體、字號、粗細的區別來實現，有時候甚至可以輔以局部微動效。
尊重用戶使用習慣：比如：提供彈窗關閉按鈕，作為安全措施；同時，提供體現便捷的交互手段，比如：點擊蒙層區域隱藏彈窗、彈窗自動隱藏等。
重視氛圍和體驗：彈窗有很多中業務使用場景，針對有營銷性質的彈窗，比如：應用歡迎彈窗、應用更新引導、重要活動通知、營銷活動節點等；要通過插圖、局部微動效等手段來打造體感。
03注意事項
1. 展現形式
展現形式核心是分場景，一些偏向系統報錯考慮使用最簡單系統的彈窗展現形式，運營廣告之類的可以通過特殊的設計手法來吸引用戶。但是不管怎么做，一定要讓用戶懂得，這是一個彈窗。非模態彈窗一般多以最簡單的形式出現，避免傳遞狀態信息時干擾用戶的關鍵信息獲取。
2. 按鈕
模態彈窗一般情況下只放置1-2個按鈕，信息告知類型的放個“確定”，重大決策類型的放個“確定”“取消”。比較特別的是權限請求彈窗，可能會有多個按鈕。現在很多運營廣告為了曝光率會將關閉按鈕放在邊邊上，對于用戶體驗上來說相當的不友好，但是對于運營數據上來說可能會很好看。
3. 動效
因為彈窗承載文本量有限，得利于設備技術的發展，現在越來越多的產品會在模態彈窗中使用動態的形式傳遞信息，例如很多產品的功能引導。對于非模態彈窗來說，由于本身存在感較弱，動效運用于合理順應用戶的視覺動線，例如你下拉刷新后，一般刷新反饋彈窗都是出現在用戶當前的視覺聚焦點。
4. 文案表述
由于彈窗的信息承載量非常小，所以一定要用最精煉，恰當的表述來告知用戶信息或者當前狀態，可以考慮使用“動詞+名詞”的組合短語，例如“刪除照片”“取消訂單”等等。特別是非模態彈窗那種會自動消失的，文案字數要更加注意（可以考慮增加一些通用icon顏色輔助表達，比如正確使用綠色打鉤）。
5. 時機頻率把握好彈窗出現的時機和頻率
模態彈窗會直接打斷用戶的操作狀態，一般只有在不可逆，或者操作會造成嚴重后果的情況下出現。但是在一些特殊的商業需求下，比如運營廣告，那就得權衡用戶與商業利益之間的關系了。非模態彈窗的話更注重出現的時機，反饋一定要足夠及時，這樣才能不會讓用戶在操作中產生疑慮。
04如何創造更優的用戶體驗
建立靈活的通知模型濫發通知會給產品帶來很多負面影響，所以設計要仔細考慮產品的交互和目標，只發送必要的消息。彈窗通知可分為三個級別：高關注度、中關注度和低關注度。
高關注度：
警告型（需要立即注意）
錯誤型（需要立即采取措施）
異常型（系統異常，某些功能無效等）
確認型（需要用戶確認才能繼續進行的操作）
中關注度：
警告型（無需立即采取措施）
確認型（對用戶操作的反饋）
低關注度：
信息型消息
標記（通常在圖標上，展示上次互動后的新內容）
狀態指示燈
對通知的關注級別和屬性進行分類設計師需要對所有通知進行分析，并劃分關注級別和屬性。
需要思考的一些問題：
1、觸發點是什么？
2、觸發什么類型通知？
3、重要程度如何？
4、在哪里出現以及如何出現？
5、通知持續多久？
05
總結
無論是怎樣的設計，都是一個持續優化的過程，除了針對現狀問題進行修復優化，還要時刻了解互聯網市場的發展趨勢，不斷變更以適應互聯網時代的產品特性。
當產品前期沒有進行好好思考與打磨，那么在使用的過程中會暴露越來越多的問題，基于最基本的設計規范，進行優化更新——這是所有產品從業者、設計師，甚至開發者的共同目標。
在市場競爭日益激烈的環境下，很多產品勝利在于它優秀的體驗維度，身為產品設計者還有用戶的我們，更要明白體驗是維持產品不斷發展的調和劑。
