10.03日音訊,網(wǎng)站用戶體驗(yàn)-讓用戶用著舒服。如果讓我想“讓用戶用著舒服”的第一點(diǎn),就是“讓用戶感覺著舒服”??墒沁@一點(diǎn)就是常常被忽視的細(xì)節(jié)。下面我列舉出一些讓用戶用著舒服的要素。很多是自己在開發(fā)中感受到的,可能并不完整。
具體來說就是,網(wǎng)站的界面元素在整個網(wǎng)站中具有一致性。比如說“按鈕”,這個非常重要的界面元素。登錄界面的“登錄”“注冊”,發(fā)帖界面的“回帖”“發(fā)布”,還有“確認(rèn)訂單”??梢钥闯鏊鼈兪蔷哂邢嗨频墓δ艿?mdash;—submit。那么它們在外觀上就要保持一致。
在網(wǎng)站首頁和網(wǎng)站的其他位置中,功能按鈕的折疊和展示情況。有些不常用的按鈕一般不需要展示,而是折疊到某個菜單中。而將常用的功能直接設(shè)為鏈接或按鈕。這點(diǎn)在制作導(dǎo)航條的時(shí)候特別重要(因?yàn)閷?dǎo)航條會出現(xiàn)在每一個頁面上)。這個不僅與網(wǎng)頁編程,而且與網(wǎng)頁內(nèi)容設(shè)計(jì)關(guān)系也很大。比如導(dǎo)航欄一般推薦放置3~4個一級導(dǎo)航,如果你有十多個分類,建議再分到幾個更大的分類里。導(dǎo)航欄排十多個鏈接并不是很好看的。
不要讓同一元素多次出現(xiàn)在頁面上,網(wǎng)站要簡潔,把你復(fù)雜的功能隱藏起來,等用戶需要的時(shí)候再出來。而不是平鋪在頁面上,不管用不用都在那。這才是設(shè)計(jì)。
確定頁面層疊順序。
邯鄲網(wǎng)絡(luò)公司首創(chuàng)網(wǎng)絡(luò)告訴大家,一要精心布置廣告位和推薦位。網(wǎng)站的用戶總是不喜歡廣告的,現(xiàn)在網(wǎng)頁廣告屏蔽軟件也比較多,如果廣告太難看/影響操作,就難逃被用戶屏蔽了。廣告位/推薦位放置最重要的是顯眼。比顯眼更重要的是不能影響用戶的使用。沒有人喜歡右下角彈出廣告。
網(wǎng)頁的title標(biāo)簽和網(wǎng)站的語義化。HTML的title屬性是最容易被人忽略的屬性之一,然而它非!常!有!用!title的作用非常簡單,就是在鼠標(biāo)停留在上方一小會之后彈出一個工具提示。有的時(shí)候?yàn)榱薝I的設(shè)計(jì),有些文字的按鈕就用一個圖形代替了。當(dāng)你的圖形設(shè)計(jì)比較抽象的時(shí)候——用戶怎么知道你那個圖標(biāo)代表什么意思。這個時(shí)候title的作用就出現(xiàn)了。
圖片的alt屬性也同理??偸俏沂峭扑]圖片一定要有alt屬性。以及其他的一些語義網(wǎng)需要注意的地方。比如用<h>系列標(biāo)簽來寫標(biāo)題,用<section>標(biāo)簽包裹住文章內(nèi)容,用<footer>來表示網(wǎng)站底部,在<email>標(biāo)簽中寫Email地址等。而不是一味的用div,div,div。。雖然div很重要(這里提一句,如果你的網(wǎng)站還在滿篇用table,tr,td,而不是div,你最好去重新找一個前端),但是用各種語義網(wǎng)元素可以幫助其他的程序閱讀你的網(wǎng)頁,并知道它們是干什么的。這樣方便在移動平臺等地方更好的顯示你的網(wǎng)頁,也方便搜索引擎對你網(wǎng)頁的內(nèi)容進(jìn)行抓取。
其實(shí)從用戶體驗(yàn)和網(wǎng)站的構(gòu)成來講,一個網(wǎng)站的完成其實(shí)是需要很多功能來做的,無論網(wǎng)站的上線還是后期推廣,前期把網(wǎng)站做好,才是我們最好的用戶體驗(yàn)。