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