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