用戶點擊按鈕后，在頁面上浮出一個層來顯示進一步的內容，與頁面內展開的形式不同的是，彈出層更適用于區域內的內容較為重要的時候使用，比如彈出層內包含一些操作、或重要提示。彈出層一般包含以下部分：標題欄 （與內容區分隔較明顯，有標題和關閉操作）；內容區（彈出層的主要內容區）；操作區（ 彈出層的主要操作區，確定/保存等按鈕）。彈出層有兩種類型，模式化的和非模式化的，對于模式化的窗口，彈出層可以移動，彈出層以外的頁面為鎖定狀態，不可操作；對于非模式化窗口，該層仍然可以移動，彈出層以外的頁面可操作，操作時彈出層可以消失也可以一直出現，根據具體情況而定。
舉例：
在秀世界的應用中，用戶點擊“我的儲物箱”彈出一個展示我已經購買的物品的層，這是一個模式化的例子，彈出這個層以后，原來界面處于灰度顯示狀態，其他按鈕不能點擊。
在繪圖工具當中，對于一些擴充的工具面板也采用了彈出層的模式，這是一個非模式化的例子，當彈出層出現時，原來的頁面工具仍然可以使用。
2． 嵌入式連接
嵌入式連接已經是web上廣泛應用的模式，當用戶沿著某種線性路徑進行瀏覽，如一段文本、一個操作流程，而在用戶瀏覽的過程當中，我們希望在用戶主要注意力之外提供一些額外的內容，它可能是一個故事的附加信息，或是一個對某個概念的解釋、或是幫助文本。這樣的形式可以讓希望快速完成任務的人快速前進，而對于希望了解更多的人看到額外的信息，滿足用戶的好奇心和對未知內容的探索。
[用法]
1）為可能吸引用戶的附加內容創建入口，
2）這些入口可能是帶下劃線的連接、大的標題、按鈕、菜單項、圖標及一些可以點擊的圖形區域。對于不容易理解的圖標或是連接，可以添加簡短的描述進行提示。
3）提供返回的途徑，在用戶閱讀這些分支的內容以后能夠回到他們的主要任務上。
[舉例]
1）在網頁新聞當中，對一段文字當中提到熱門詞匯加上鏈接，當用戶對這個詞匯感興趣的時候看 到能夠看到與這個詞匯相關的新聞：
2）網上書店在顯示某本書的詳細信息時，根據其它用戶在該網站上的購買情況列舉出一個書籍列表，在頁面上的某個位置顯示：“購買本書的顧客還買過”，以及“瀏覽本書的顧客還看過”列表，這些精確的推薦列表為用戶提供了更多的同類書籍信息，它預測關注某一圖書的用戶可能會對某一類圖書同樣感興趣。
0
喜歡他，就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設計網（CNDESIGN）會員所發布展示的 “原創作品/文章” 版權歸原作者所有，任何商業用途均需聯系作者。如未經授權用作他處，作者將保留追究侵權者法律責任的權利。
Copyright ©2006-2019 CND設計網
