我們的網(wǎng)站設(shè)計(jì)師在進(jìn)行青島網(wǎng)頁設(shè)計(jì)時(shí)往往希望加入很多自己的想法和創(chuàng)意效果，但是經(jīng)常會出現(xiàn)自我感覺良好的特效，但卻直接破壞了用戶的瀏覽體驗(yàn)，特別是在做flash站的時(shí)候，往往犯一些比較坑爹的錯(cuò)誤，比如讓瀏覽者找不到導(dǎo)航欄，在首頁找不到進(jìn)入內(nèi)頁的按鈕。下面介紹幾個(gè)比較常見的例子。

可能會有人覺得反正minisite就幾個(gè)頁面而已。無需過多考慮頁面信息布局問題。但既然是網(wǎng)站，自然想讓頁面有更高的粘度，而用戶體驗(yàn)的會對其產(chǎn)生一定的影響。如果每個(gè)頁面的導(dǎo)航雖然很有創(chuàng)意但用戶使用起來很不方便，那么即便是再有創(chuàng)意也會因?yàn)殡y以使用而令人產(chǎn)生反感不想繼續(xù)瀏覽下去的想法。

網(wǎng)頁設(shè)計(jì)，導(dǎo)航欄就應(yīng)該像是導(dǎo)航欄、信息區(qū)域就應(yīng)該像是信息區(qū)域。沒有人喜歡用鼠標(biāo)不斷的在看似可點(diǎn)擊的區(qū)域去嘗試點(diǎn)擊。下面是總結(jié)的一些點(diǎn)：

導(dǎo)航欄

網(wǎng)站的導(dǎo)航欄目的很明確：導(dǎo)航網(wǎng)站，用戶可快速訪問網(wǎng)頁。那么導(dǎo)航也就需要讓用戶輕易找到，并且展示方式也需要有效率(把所有的內(nèi)容都堆放在導(dǎo)航欄上也會令用戶感到頭大)。

參考網(wǎng)站：

Content Of

即便是已經(jīng)閱讀”關(guān)于我們”頁面并文字里有許多的隨機(jī)鏈接，哥還是很疑惑這個(gè)頁面到底是不是打醬油用的。最合適的猜測可能這是個(gè)人介紹頁面，而亂七八糟的鏈接和找不到導(dǎo)航欄，哥只能帶著困惑和不解離開這個(gè)網(wǎng)站。

Self Titled

隱藏的菜單與類目不清楚導(dǎo)致網(wǎng)站導(dǎo)航難以使用。當(dāng)訪客想找到他想了解的類目將會是非常困難的。

尊重原有的習(xí)慣

網(wǎng)站的布局是可以稍微有變化的，但是太大的變化會讓人無所適從。

參考網(wǎng)站：

Lego Click

 網(wǎng)頁的滾動通常是從左至右，從上到下。而這個(gè)坑爹的網(wǎng)站卻是從網(wǎng)頁底部開始。加上不能關(guān)閉的關(guān)閉按鈕和其他些小問題，你會覺得樂高這個(gè)網(wǎng)站很莫名其妙(雖然設(shè)計(jì)很漂亮)。

Kyle Tezak

這是另一個(gè)視覺效果很好但由于糟糕的用戶體驗(yàn)會引起訪客不爽的案例。網(wǎng)站上沒有固定的導(dǎo)航欄，而只是個(gè)懸浮著的固定導(dǎo)航條(感謝江列農(nóng)同學(xué)的糾正)。如果要找到聯(lián)系方式，需要到左下角點(diǎn)擊”Information”(信息)。使用更傳統(tǒng)的方式將有助于提升訪客體驗(yàn)：例如，放一個(gè)電子郵箱或是將文案改為”contact information”(聯(lián)系信息)，亦或是在頁面底部添加聯(lián)系方式。這是典型的通過細(xì)節(jié)提升用戶體驗(yàn)的方式。

善用首屏

首屏的是非常之重要的。也不講什么因?yàn)樗粤?，單看看門戶網(wǎng)站的報(bào)價(jià)單就可以知道，往往首屏廣告的價(jià)格是二屏的2倍!

參考網(wǎng)站：

Bio Bak

這是另一個(gè)拖動方式進(jìn)行導(dǎo)航的網(wǎng)站，很顯然它對于這種導(dǎo)航方式自我感覺非常良好。從視覺/樂趣角度來說是個(gè)好網(wǎng)站，但設(shè)計(jì)公司設(shè)計(jì)了用戶體驗(yàn)很糟糕的導(dǎo)航方式：必須要使用鼠標(biāo)滾輪才能看到比首屏更多的內(nèi)容。

可點(diǎn)擊的內(nèi)容

首先，鏈接應(yīng)該是看上去就像鏈接。而不要讓用戶拿著鼠標(biāo)在頁面上面漫游的查找(通過鼠標(biāo)的指針形狀變?yōu)槭中?。更極端的情況是：連手型都沒有。特別是要注意flash中按鈕的hit區(qū)域。

參考網(wǎng)站：

Prism Girl

易用性差的網(wǎng)站通常都有同樣的通病。當(dāng)哥在這么漂亮的網(wǎng)站上看不到導(dǎo)航時(shí)，就不得不用鼠標(biāo)亂戳的方式查找鏈接。這個(gè)網(wǎng)站很漂亮但也非常復(fù)雜，復(fù)雜到我們需要花費(fèi)一個(gè)小時(shí)來找鏈接，但你可能都猜不到點(diǎn)擊跟隨鼠標(biāo)的圖標(biāo)方式進(jìn)入網(wǎng)站。并且，這個(gè)網(wǎng)站除了令人印象深刻的設(shè)計(jì)之外就沒提供個(gè)毛內(nèi)容出來!