一年多以前剛進(jìn)入網(wǎng)易的時候，比較驚訝的是美術(shù)部還沒有自己的網(wǎng)頁規(guī)范，只有小莫同學(xué)一些比較原始的條目，剛好那時自己收集過其他一些大型網(wǎng)站的視覺規(guī)范，并為以前公司做過類似的標(biāo)準(zhǔn)，于是欣然接受了重新編寫網(wǎng)頁視覺規(guī)范這個任務(wù)。后來出來的版本增加了非常多的條目，有些條目看似比較冷門很少人關(guān)注，不過在我看來對于提高用戶體驗(yàn)是非常有幫助的，而恰恰是網(wǎng)易做得不太好的，借博客這里解釋一下某些條目列入網(wǎng)頁規(guī)范的原因。那時在寫規(guī)范的時候還總結(jié)了版面影響體驗(yàn)的一些具體問題，后來由于各種原因不了了之了，現(xiàn)在也同時在這里總結(jié)一下拿出來給大家討論討論。先聲明一下，觀點(diǎn)僅代表個人意見，歡迎拍磚。
網(wǎng)頁規(guī)范中諸如固定標(biāo)識、頁面結(jié)構(gòu)、header、footer、文字規(guī)范、色彩、統(tǒng)一按鈕樣式等是屬于用戶體驗(yàn)中品牌性的范疇，品牌性反映的是品牌形象，各網(wǎng)站之間沒有統(tǒng)一的標(biāo)準(zhǔn)衡量，是很具有特異性的，需要公司整個決策層去制定，但需保持一個網(wǎng)站內(nèi)品牌形象的一致性和延續(xù)性。其實(shí)有時老羅同學(xué)說得也是對的，新浪的排版、色彩、結(jié)構(gòu)不一定就是好的，但給用戶接受和習(xí)慣了之后它就牛了，說的其實(shí)就是品牌性問題，對比這些其實(shí)無太多意義，而一味模仿只會越發(fā)損失自己原有的品牌特征。之前改版組一次討論到首頁改版問題，就談到新浪的首頁改來改去都基本是老樣子，考慮的可能就是品牌延續(xù)性問題，而網(wǎng)易二級欄目頁里大間隔分欄加頻道標(biāo)識則是網(wǎng)易獨(dú)創(chuàng)，品牌性非常明顯，而品牌特征非常明顯的東西個人希望是延續(xù)和保留的。
其實(shí)以下要講的問題基本都不涉及用戶體驗(yàn)中的品牌性，也不屬于內(nèi)容，而是功能性和使用性。功能的健全與否、能否及時得到信息及反饋、是否易用、是否符合使用習(xí)慣、使用中是否友好、是否能有預(yù)知性等等是功能性和使用性的范疇，這方面其實(shí)是有標(biāo)準(zhǔn)的，也較容易評判，也比較容易發(fā)現(xiàn)問題。要改善用戶體驗(yàn)，改善功能性和使用性則更顯得迫切，也能更快體現(xiàn)效果。
一些樣式上的誤導(dǎo)或者不統(tǒng)一帶來使用上的認(rèn)知失誤和非預(yù)知性
網(wǎng)頁上一些交互按鈕或標(biāo)簽，強(qiáng)調(diào)的是操作的可識別和可預(yù)知性。如果鼠標(biāo)移上一個按鈕區(qū)域，而這個按鈕沒任何反應(yīng)的話，那說明這個按鈕是不可識別的，會令用戶非常迷惑。網(wǎng)易頁面上還有不少此類情況，樣子是按鈕的樣式，但鼠標(biāo)移入按鈕的區(qū)域是沒任何反應(yīng)的，其實(shí)是要移到里面的文字才會有反應(yīng)，如下圖。
解決的辦法要么就取消按鈕的樣式，要么就把整個按鈕區(qū)域加上鏈接而不是只有文字有鏈接。
標(biāo)簽有4態(tài)，激活前、激活后、鼠標(biāo)移上和點(diǎn)擊，不過現(xiàn)在一般都縮減為3態(tài)或者2態(tài)了，這倒不是最重要的問題。如果一個網(wǎng)站不同的頁面上甚至同一個頁面上混雜著標(biāo)簽鼠標(biāo)移上就激活和需點(diǎn)擊標(biāo)簽才激活兩種操作方式的話，那會令用戶無所適從，因?yàn)橛脩舨粫ㄐ乃既ビ涀∧氵@個標(biāo)簽是鼠標(biāo)移上就激活還是需要點(diǎn)擊才激活，常常會出現(xiàn)操作混亂和失誤。如下圖網(wǎng)易首頁的標(biāo)簽是鼠標(biāo)移上即激活，而到了體育首頁和財經(jīng)的的切換標(biāo)簽便需要點(diǎn)擊才能激活了。
有同樣問題的還有很多頁面的焦點(diǎn)圖變換，如圖體育的是點(diǎn)擊激活，而其他的則是鼠標(biāo)移上激活。
解決辦法是全站統(tǒng)一一種激活方式，讓用戶習(xí)慣于一種操作方式，減少用戶使用前不必要的思考。
粵公網(wǎng)安備 44010402000282號