|
4、模擬窗口的陰影
在彈出菜單和窗口下的陰影不止是看起來很漂亮這么簡單。它們幫助菜單或者窗口通過強(qiáng)調(diào)從背景中脫穎而出 。它們還通過周圍暗色調(diào)區(qū)域來屏蔽掉背景內(nèi)容的噪音。
這種技術(shù)來源于傳統(tǒng)的桌面軟件，幫助用戶把他們的焦點(diǎn)放在出現(xiàn)的窗口上。由于大多數(shù)情景窗口是不容易從桌面程序中辨識(shí)出來，所以陰影幫助他們更接近于讀者，因?yàn)楦杏X上窗口似乎是三維地浮在其他頁面上。
Digg 的登錄窗口有一個(gè)厚厚的陰影圍繞它來屏蔽網(wǎng)頁噪音。
5、空白狀態(tài)告訴你要做什么
當(dāng)你設(shè)計(jì)一個(gè)Web應(yīng)用程序時(shí)，你不僅需要通過樣本數(shù)據(jù)去測試這個(gè)程序，而且最重要的是當(dāng)什么內(nèi)容都沒有的情況下，你要確保它看起來不錯(cuò)而且是有幫助的 。
當(dāng)在頁面或者查詢結(jié)果沒有信息時(shí)，告訴你如何才能處理這些空白區(qū)域是一條很有幫助的信息。例如，一個(gè)項(xiàng)目管理應(yīng)用程序的網(wǎng)頁可能會(huì)列出用戶的項(xiàng)目，但如果沒有項(xiàng)目，你可以提供一個(gè)創(chuàng)建項(xiàng)目的鏈接。即使已經(jīng)有創(chuàng)建項(xiàng)目的按鈕存在在頁面上，但一點(diǎn)額外的幫助并不會(huì)有損失 。
Campaign Monitor 會(huì)在你開始建立一個(gè)郵件廣告時(shí)指導(dǎo)你正確的方向。
這種技術(shù)實(shí)際上鼓勵(lì)用戶試用服務(wù)，并在注冊(cè)之后直接使用這項(xiàng)服務(wù)。通過應(yīng)用程序的單步指導(dǎo)用戶能夠幫助他/她去了解程序提供的優(yōu)勢以及是否有用。同樣重要的是把最重要的操作呈現(xiàn)給用戶并且只有這些而已——把所有功能都呈現(xiàn)出來并沒有意義。請(qǐng)記住，用戶通常希望得到一些或多或少提供給他們的具體構(gòu)思，但是他們不想要直接跳到詳細(xì)說明去——他們既沒有時(shí)間也沒有興趣。
通過空白狀態(tài)去激勵(lì)用戶和行為，可以大大減少“輟學(xué)”，并且?guī)椭臐撛诳蛻�，更好地了解該系統(tǒng)如何工作。
6、按鈕的按下狀態(tài)
許多Web應(yīng)用程序有自定義的按鈕樣式。這些都是用自定義圖片作為他們背景的錨點(diǎn)或輸入按鈕。默認(rèn)輸入按鈕可能不適合在一些情況下，以及文字鏈接有時(shí)過于渺小。目前的挑戰(zhàn)是，當(dāng)你把你的鏈接弄得看上去像按鈕時(shí)，它們的操作也應(yīng)該和按鈕一樣——這包括當(dāng)用戶點(diǎn)擊它們時(shí)會(huì)有被“按動(dòng)”的效果 。
出處：WEB前端開發(fā)
責(zé)任編輯：bluehearts
上一頁 Web前端應(yīng)用十種常用技術(shù) [2] 下一頁 Web前端應(yīng)用十種常用技術(shù) [4]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 3 頁 Web前端應(yīng)用十種常用技術(shù) [3]
