Popup, Lightbox, Alert… 傻傻分不清

做完 Prototype 之後,就要進入無趣的 spec 撰寫階段。
我通常把想說的、想做的,都做成畫面示意。
所以,寫 spec 對我來說,是一件重複 & 無趣的事。

不過,無趣歸無趣,如果能讓合作的夥伴更加理解我做的 prototype,我會帶著微笑將它寫完、寫好。

在寫 spec 時,發現我對於不同類型的「跳窗」無法用正確的名詞來描述它。於是,上網 google 了一下,才發現我一直以來傻傻分不清,真是愧對跟我合作的夥伴。

Alert (警示訊息)

需要使用者注意,並立即決定,通常會伴隨「確定」及「取消」按鈕。

Modal/Dialog (模態/對話視窗)

點擊後,伴隨遮罩層彈出的視窗,可在視窗內進行操作。點擊 x 按鈕,或視窗之外區域,即可關閉。

Popup (彈跳訊息)

不需立即處理的訊息,但不會自動消失,需要 user 自己手動關閉它。

Flash Notice/Growl Notification (快閃通知)

顯示幾秒鐘之後,會自動消失。通常在告知剛剛發生什麼事情。

Lightbox/Theatres (燈箱)

用於放大並聚焦頁面中的某訊息,常用於圖片的放大展示。

Popover/Tooltip/Hovercard (彈出提示框/工具提示/懸浮卡)

用於展示額外的訊息或提示。

以上資料,擷取自:CSS 命名之Dialog, Modal, Popup, Popover, Lightbox 等的区别,歡迎詳細閱讀。