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