彈窗發展簡史（五）：移動端彈窗的幾種表現形式

摘要： 彈窗，或者嚴格意義上來說，模態彈窗，在前面按照功能定義分為Alert、Confirm、Prompt三種，這是在PC端和移動端都適用的一種功能性分類方法，在移動端，可以依據它們的表現形式不同而分為如下幾種，當然其中有些依據不同的分類方法可以歸入蒙版、浮層等不同的分類，但也可以作為彈窗的表現形式：...

彈窗，或者嚴格意義上來說，模態彈窗，在前面按照功能定義分為Alert、Confirm、Prompt三種，這是在PC端和移動端都適用的一種功能性分類方法，在移動端，可以依據它們的表現形式不同而分為如下幾種，當然其中有些依據不同的分類方法可以歸入蒙版、浮層等不同的分類，但也可以作為彈窗的表現形式：

1. 引導彈窗（引導浮層/引導蒙版）

引導彈窗(Coach Marks)是彈窗的一種特殊應用形式，其主要目標是引導新使用者快速瞭解和掌握應用的新功能和操作方式，所以部分蒙板遮罩位置會鏤空把要描述的元素露出，同時配合文字描述和操作按鈕，以達到幫助使用者快速上手的目標。

引導彈窗是唯一的把當前場景（Context）結合到彈窗裡合併顯示但仍保持模態互動方式的彈窗形式。

2. 全屏彈窗

全屏彈窗是指浮層從下方滑入並覆蓋整個螢幕的浮層樣式，一般這種彈窗比較容易同切換頁面相混淆，使用者處於當前介面的分支流程而非下一步流程時較多使用，使用者會有一種還停留在當前頁面的心理認知，一般使用關閉或取消按鈕解散彈窗而非返回以暗示使用者此時仍處於當前場景中。

3. 側邊彈窗

此類彈窗一般由螢幕上端或下端切入並覆蓋部分螢幕，主要用來作為選擇、輸入項的輔助展示介面，因被覆蓋的介面部分只有區域性且此浮層主要由使用者主動觸發，所以使用者並無明顯的被打斷和跳出的感覺。使用者點選蒙板區域或選擇操作項後解散彈窗。

操作按鈕列表是iOS系統的原生控制元件，也是此浮層的一種特殊表現形式。

4. 居中彈窗

居中彈窗是平臺使用較多的一種表現形式，彈窗中心點位於螢幕正中，既是視覺焦點，也便於使用者操作。各種訊息框、資訊簡介都屬於這種形式。使用者點選關閉按鈕或蒙板區域解散彈窗。

5. 運營彈窗

運營彈窗是以營銷活動展示為目的，浮層以豎向中心點為基點居中對齊，內容區域主背景可以設計為異形，即圖片以PNG格式儲存，透明的部分鏤空。以增加設計自由度。有操作按鈕和關閉按鈕便於使用者檢視活動詳情或解散按鈕。

因為使用者習慣於在看到運營彈窗時視線向右上方尋找關閉按鈕，所以有些App為了增加點選率而把關閉按鈕放在其他位置。

以上就是彈窗的幾種不同表現形式，一般來說每種表現形式都有自己擅長表現的使用場景如全屏彈窗適合於表單較多的分支任務或圖片、檔案選擇，側邊彈窗適合於篩選和排序定義等，重要的是，用合適的載體來應用於合適的場景中，才能發揮最佳效果。