|
四、提升之道
在提供了一些基本的可用性建議和原則后，我們還可以討論一些方法來進(jìn)一步提高Tab元素的可用性。在標(biāo)簽上使用icon來形象化地描述內(nèi)容區(qū)說包含的信息。
在標(biāo)簽上配合使用形象的icon，可以增強(qiáng)對內(nèi)容區(qū)信息的描述。
例如在網(wǎng)站 DrawIt 中，圖標(biāo)用于形象地補(bǔ)充說明所對應(yīng)的內(nèi)容區(qū)的功能。
在標(biāo)簽上使用icon，必須保證它們是形象的，切題的。使用不相關(guān)的icon會適得其反。
避免在標(biāo)簽上直接用icon來代替文字。
不同的人對一個圖像有不同的解讀，最安全的方法是使用加上文本來描述內(nèi)容區(qū)信息。 在內(nèi)容區(qū)切換的時候使用過渡動畫。
在內(nèi)容區(qū)切換的時候使用過渡轉(zhuǎn)場動畫是一個不錯的選擇，可以為用戶提供積極的視覺反饋——內(nèi)容區(qū)正在變化！
大家可以去網(wǎng)站 Coda ，從左到右點(diǎn)擊Tab標(biāo)簽，欣賞切換時的效果。
當(dāng)用戶在Tab的標(biāo)簽區(qū)進(jìn)行操作時，有明確的懸停響應(yīng)。
默認(rèn)情況下，當(dāng)用戶將鼠標(biāo)移到超鏈接或標(biāo)簽區(qū)域上時，鼠標(biāo)指針的樣式會發(fā)生改變，讓用戶知道標(biāo)簽區(qū)域是可點(diǎn)擊的。
除此之外，還可以利用背景色變化來響應(yīng)用戶的鼠標(biāo)操作。對于那些不熟悉Tab標(biāo)簽操作的網(wǎng)站新用戶而言，這是很有用的。
下圖中Vyniknite.sk 網(wǎng)站的案例里：當(dāng)用戶鼠標(biāo)劃過未選中狀態(tài)的標(biāo)簽，背景色會變成鮮明的紅色。
出處：西喬的九卦
責(zé)任編輯：bluehearts
上一頁 Tab(選項(xiàng)卡)的產(chǎn)品設(shè)計(jì)原則及應(yīng)用 [4] 下一頁 Tab(選項(xiàng)卡)的產(chǎn)品設(shè)計(jì)原則及應(yīng)用 [6]
|
第 1 頁 
第 5 頁 Tab(選項(xiàng)卡)的產(chǎn)品設(shè)計(jì)原則及應(yīng)用 [5]
