我曾抱怨新聞網站首頁的設計,太雜亂與沘淆,用過多可點選的連結吸引讀者注意,同時也要往下捲動好幾次,才能閱覽全頁,這對讀者來說已經失去了焦點。
有一些大型網站,在去年針對雜亂的問題做些調整,但用隱藏內容的概念更可能解決問題,做法是表層並沒有太多的內容,但當滑鼠移動到固定的位置,底層的資訊就出現,這樣可以把許多資訊存入網頁,似乎可用來簡化新聞網站首頁的混亂。
跳出到右邊
什麼叫隱藏內容?最普通的是滑鼠移動導致出現下一層的導引連結或索引, MSNBC.com 把這個技巧用在首頁的左側已經很多年了,滑鼠移至「商業」,就會在右側出現一長條標題,再把滑鼠移至其中一項,右側又出現下一層的一串標題,每個標題可連結到內容。
用滑鼠移動來導讀,在主要新聞網站雖未應用,但企業與商業的網站已經普遍使用。
舉一個極端的例子,堪薩斯州 Topeka Capital-Journal 的網站 CJOnlihe.com,就比許多新聞網站超前運用隱藏內容的設計,他們僅用 DHTML 就能完成這項工作。
隱藏內容的設計首先用在左側導讀索引上,但在上端突發新聞欄目,也用在自動展示新聞,滑鼠移動到國內或國際新聞,下層即展現標題。在網頁當中主題區,有新聞、體育、專欄、特別報導四項,滑鼠移動到任何一項,不僅主題照片與標題變動,右側出現的新聞標題也一齊跟著變動。首頁之下方塊中有影視、指南、深入報導三項,滑鼠移動到任何一項,下層標題就出現。
處理過多的內容
新的媒體主任Jim Debth 就說,他們的 JCOnline.com 在設計上與許多新聞網站一樣苦惱,太零亂了。老的設計左行就有四、五十個連結,但很少有人會從頭到尾瀏覽一遍的,他們的設計團隊就針對這個問題,從頭作起、重新設計。
新網站設計的原則,是讓多重管道引進內容。讀者可以從一般的管道點選體育連結,到體育版首頁,但也可以停留在首頁,把滑鼠移到主題照片之下的體育標示,今天的體育新聞標題就會展現出來。
停留在首頁但獲得更豐富的資訊,對仍使用撥接連線的讀者非常有用,而研究機構如 Poynter-Stanford 的 Eyeball 研究結果顯示,讀者除非確認換頁可獲得更好的資訊,否則不願意點選換頁。移動滑鼠,是可以讓讀者留在同一網頁但可獲得更多資訊的技巧。
隱藏內容的格式,可以把很多內容擠到首頁,僅在網頁的上段編輯就能放入五十條新聞標題。
CJOline.com 操作主管 Phil Thompson 說,當一年前目前的新設計推出的時候,約一半人讚成一半反對,但讚成的人多逐漸增加,一旦習慣就開始喜歡。
專家進來了
幾位網站設計大師,對 CJOline.com 簡化首頁的用意雖仍給於肯定,但也特別提出意見。
Roger Black,這位世界級的網上出版專家與設計家,認為隱藏內容的設計是相當好的例子,來善用時間與空間設計新聞網站。他指出許多新聞網站的首頁,設計的好像印刷的版面,把每一件新聞都放進去這是 90 ,年代中期的老舊想法。在低頻寬的時代,網頁較為精簡,但幾年下來新聞網站內容日益豐富,就變得條文式連結內容的索引。尤其近年網站人力縮減,使設計的創意不如預期。
Andrew Devigal,是舊金山州立大學教授也是 Devigal 設計公司的負責人,說隱藏內容的技巧以前多用到服務上,像是廣告,商業網站通常也這一技巧把許多資訊壓縮到擁擠的空間裏。Devigal 說,對新聞網站這是一個好的步驟。
但隱藏內容的設計,仍有相當的問題,網站應用大師 Jakob Nielsen 就說,CJOline.com 的隱藏內容並沒有解決雜亂的問題。當滑鼠在頁面上移動的時候,畫面變更,教人有閃動的感覺,反而分心無法看清畫面全貌。另外有隱藏太深的問題,例如想看到體育新聞的標題,就必得把滑鼠移至主題照片下的體育標示,如果不知道這麼做,就看不到體育新聞標題。
別忘了群聚
網站使用專家,也是「別讓我想」(Don't Make Me Think) 這本書的作者 Steve Krug,說他喜歡隱藏內容的做法,但要做對。CJOline.com 首頁的問題,是中心報導這個單元擴展幾層、佔據了大部份畫面,其實可把擴展的部份繪出界線,例如加框或加色,使滑鼠移動的隱藏範圍更清楚展現。
另一技巧是滑鼠移動到隱藏內容的上方,做一點時間延後,再顯示隱藏內容。立刻顯示反而會擾亂讀者。Krug 說,最重要一點是避免不留意的滑鼠移動使隱藏內容立即消失。(Nielsen 指出,滑鼠移動很可能給動作不便、或年長的人操作電腦用。)
按滑鼠還是移動滑鼠
最後一點:按滑鼠還是移動滑鼠?意思是說按滑鼠上的點選鍵來改變網頁的內容,還是移動滑鼠到固定的位置顯示出隱藏的內容?
像 ESPN.com 與 AugustaChronicle.com,都在首頁有一區域,按滑鼠點選鍵僅改變那一區的內容,但仍停留在首頁。這種做法,據專家們說不是標準的做法,因為對讀者造成困擾,讀者多習慣點選之後跳到另一新頁。
從使用人角度看,移動滑鼠的技巧較為合理,一般的習慣是在隱藏內容的標記旁加一個十字,讓讀者一目了然知道還有隱藏在下層的內容。這樣可以把點選鍵,留到真正要跳到新網頁的時候再用。
正如 Nielsen 指出,各個網站嘗試隱藏內容的做法多不相同,一個網站移動滑鼠的方式與另一個網站移動滑鼠的方式,可能完全不同,從電腦的使用介面設計來說,這也是正常的現象。不過假以時日,會實驗出最好的方式,然後大家都會遵照這個標準。
同時,實驗是一件非常好的事。今天過於擁擠條文式的新聞網頁,可以做些改善。
|