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