PAGEONE 的網站最近又改版了。如果你聽說 PAGEONE 有個網站,你希望在站上找到什麼?你不會在上面找到店內售賣圖書的目錄,可見這並不是個網上書店,像你我這樣的平常顧客大概並非網站的目標觀眾。網站上只有零星的公司背景、店舖資料、出版的圖書(PAGEONE 作為出版社的身分可能也太不明顯)、批發資料和管理層的電郵地址。如果你以為這只是方便生意伙伴和零售商接洽,又很難明白為什麼在又一城的分店要以一個人一樣高的紙牌去宣傳這個網站。究竟這個網站是寫給什麼人看的呢?製作的目的又是什麼?
我們都喜歡 PAGEONE,因為它夠國際化,外國雜誌品種尤其齊全,唯一抱怨的是很少減價。但當到訪過它標榜是 2004 年的新網站後,便無比掃興:最不國際化的是建站的思維:先有比上一版更加無新意的 splash screen (賣設計書的書店在 2004 年仍然迷信這些無甚特別的 flash 開幕畫面!),再有跟上一版換湯不換藥的空洞內容,以及從上版遺留下來的經典級交互設計錯誤,實在讓人不明白它僅僅換層皮就當作改版的意義在那裡。
經典級交互設計錯誤
說這是「經典級」,是因為這些錯誤很頑強,即使今年已是 04 年,在網上也仍然處處可見。
1. splash screen
關於 flash screen 的討厭之處,多年來業界已經
討論過
很多。為什麼說 splash screen 討厭?因為它令你覺得被迫看電視,而你又無法立即轉台。加一個 skip button 是比較好的做法,但 splash screen 最好還是少用為妙,因為它拖延了你直接進入網站的時間;除非那是經過精心設計過的 splash,可以更有效地表達出網站的資訊內容,以提升瀏覽者的體驗。
左圖是改版前的 splash,右圖時網站現時的樣子。如果你問 PAGEONE 的 splash screen 表達了什麼,那我想是表達了這是個書店的網站,僅此而已。其實 splash screen 出現的圖書應該是 PAGEONE 自家製作的出品,但誰又可以看得出呢?花了瀏覽者的時間和整頁在這樣一個了無新意的業餘水準 flash 畫面,只為表達一項人所共知的資訊,這又是否划得來?
2. Under Construction?
Splash screen 平平無奇,不但浪費了控制瀏覽者對網站第一印象的機會;首頁缺乏一個明顯的進入按鈕,更容易令瀏覽者困惑應該如何繼續瀏覽下去。改版前,splash screen 上的招牌是缺少了字母 O 的,原來瀏覽者需要點擊字母 O 它才會出現,然後進入網站。問題有兩個:一是瀏覽者並不一定會意會到是要點撃招牌;二是即使想到了,但對不準字母 O 也一樣失敗。
改版後,可以點擊的範圍大了,但招牌卻變成少少的一條放在上方,更加難令人明白這是連結所在。在閱讀橫寫的文字和瀏覽網頁時,我們的目光都是左而右上而下的移動,當 splash screen 播放完畢,目光會自然停留在右下方,而瀏覽者亦會期待在右下方有跳往下一步的指示。這解釋了為什麼很多 splash screen 的進入按鈕都放在右下方。把連結放近左上方的位置,便會出乎瀏覽者的意料之外。
雖然現時 PAGEONE 網站的 splash screen 最後播放的是在上方的招牌,有望在最後把瀏覽者的目光挽到上方;但招牌太小,且對比不夠強,加上黑色調,很可能會令瀏覽者找不到連結便以為這只是 under construction 的網站,過門而不入。
3. 黑夜烏鴉黑鬥黑
底色是深灰的,上方的連結是淺灰色的;在 About Us 一版,管理層的資料更索性用黑色。如果我有弱視,而我又花了很多時間看這個內容空洞的網站,我一定會對這間書店的印象大打折扣。千萬不要以為視力有問題的人不會對自己的網站有興趣:即使他們對設計無興趣,他們也或者會想找出分店的地址;這樣的襯色也會令他們在尋找地址的途中頭頭碰著黑。就算瀏覽者視力正常,也可能由於顯示器老化而顯示不出黑色與深灰色的對比。
4. Roll over to hide
About Us 一版還有一樣更奇怪的設計:如果你看不清楚這四位管理人員的職份,請把滑鼠移近他們任何一位的名字上面:然後名字下面的職銜和電郵統統消失。我想不出為什麼會有這個把本來便出現的資訊掩蓋的 rollover effect:OK ,你可能會說只要瀏覽者按一下滑鼠鍵,更詳細的資料便會出現在上方──但我就見過有人以為按下滑鼠鍵後, rollover effect 出現了便是有反應而且功德完滿,之後還要把滑鼠移開讓那些灰底黑字重新顯示出來細看。
總結
站內還有很多穿崩的地方,比如 Contact Us 一版,如果你想知道地圖最下方(用地圖去表達地理位置才是值得一讚的地方)新加波分公司的聯絡方法,點撃滑鼠鍵後將會有香港、泰國等地的資料一閃而過,令瀏覽者感到困惑。而且 CEO 、CFO 的電郵地址可以輕宜易舉取得(似乎不擔心成為 spam mail 的目標),生意往來要聯絡不同部門的電郵地址卻不見踪影。
我們還可以舉出很多點這些設計上沒有深思熟慮的地方,但也無必要一一數下去,因為最大的問題是無端端改了一次版之後,全數錯誤竟然依然健在:最大的問題是可能 PAGEONE 根本沒有計劃清楚他們要一個網站做什麼。做之前目標不明確,也不從用戶的角度去想;做好了便隨便放個紙牌無跟進也無其他宣傳配合,究竟網站是要給誰看?幾年前高科熱已經降溫,PAGEONE 作為一間賣設計書籍的書店,卻仍然在 2004 年戀棧這些人有我有 flash 便可以的設計,以為有個網頁便成事;但其實網頁要配合到商業目標和瀏覽者的心理才是要緊。PAGEONE 不一定要發展網上售書服務,但起碼也不要做個拆自己招牌的網站。希望下次改版時,PAGEONE 的網站能有所進步,改善了上述的明顯錯誤,並加入為瀏覽者設想的設計。