基于Web設計的我國985高校體育網站現狀

董 塤

隨著互聯網技術的快速發展，網絡已進入Web2.0時代，網絡已經成為人們獲取信息的重要手段之一，人們通過網站獲取信息化資源的需求也日益凸顯出來，高校體育網站建設是高校信息化建設的一個重要組成部分。作為高校體育網站建設的重要手段，Web設計正在受到越來越多的關注。“985工程”高校（以下簡稱985高校）是我國高等教育中的龍頭院校，代表了我國高等教育的最高水平，其體育網站設計情況具有典型性，且對于其他高校的體育網站建設有導向和示范作用。筆者在瀏覽我國985高校體育網站發現網站在Web設計方面存在諸多問題，通過大量文獻資料的對比、分析發現，國內研究高校體育網站的成果較少，而專注于高校體育網站Web設計的研究幾乎空白。因此有必要對985高校的網站體育網站設計狀況進行調查研究，目的是促進我國高校體育網站在Web設計方面的不斷發展和完善。

經過篩選后筆者選取了教育主題網站的評價量表[1]中的部分指標對我國985高校體育網站進行調查分析。如圖1，美國學者Mark W. Newman和James A. Landay在其發表的文章中把Web設計大致地分為導航設計（Navigation Design）、平面設計(Graphic Design)和內容信息設計（Information Design）。信息設計指的是識別不同種類的相關內容并使信息結構化成為一個連貫整體的設計；導航設計指找到信息結構的各種途徑的設計；平面設計指可視的信息的設計如顏色、圖片、排版和布局等[2]。

1 研究對象與方法

1.1 對象

我國教育部承認的34所985高校體育院系或公體部的網站的Web設計情況。

1.2 方法

1.2.1 網絡調查法

本次調查通過百度谷歌等引擎調查對象檢索得到的網址或通過學校主頁的鏈接登錄體育院系或公體部的網站，并對資料進行整理分析，調查截止日期為2012年8月26日。

1.2.2 文獻資料法

查閱了2000年以來與研究對象相關的體育類、教育類、計算機類的大量中英文文獻和書籍。

1.2.3 數理統計法

對調查所得數據進行統計與分析。

2 結果與分析

筆者在調查網站的過程中發現，在所有的34所985高校的體育網站中，只有2 6所高校的體育網站處于激活狀態，它們是清華大學、北京大學、北京航空航天大學、北京師范大學、上海交通大學、復旦大學、同濟大學、重慶大學、大連理工大學、吉林大學、南京大學、浙江大學、中國科技大學、中國海洋大學、華中科技大學、湖南大學、華南理工大學、中山大學、四川大學、電子科大、西安交大、蘭州大學、東南大學、武漢大學、中南大學、西北工業大學。其余8所高校的體育網站有6所高校的網址已知，但網站在調查過程中未處于激活狀態，另兩所高校沒有專門的體育網站或未對外發布。

2.1 我國985高校體育網站的導航系統設計可用性偏低

調查顯示（如表1），26個處于激活狀態的網站中，全部都有全局導航；有面包屑導航的網站數量為15個，占總數的57.7%；有站內搜索功能的網站數量為7個，占總數的26.9%；僅有一個網站中的已訪問鏈接顏色會變化；沒有一個網站有網站地圖。一個好的高校體育網站應具有站內搜索功能，例如學生可能想知道某位老師的聯系方式，網站上的信息很多，如果沒有搜索功能學生很可能因為找不到而放棄，這樣就影響了網站的可用性。Web用戶在目錄中尋找已知對象會極度依賴搜索功能。搜索可以直接把用戶帶向他們的目標內容，而無需通過復雜的層次結構來尋找目標內容的分類[3]。已訪問鏈接顏色變化是當今主流網站（如谷歌、新浪還是百度）所采用的設計慣例，最主要的目的是避免用戶重復訪問已訪問。一個沒有面包屑導航的網站會使Web用戶無法知道自己所在的位置甚至迷失方向。面包屑導航條對于一個層次較多、較大型的Web站點而言，是有用且無價的，它能幫助用戶節省寶貴的時間，減少點擊鼠標的次數，尤其是一些高級用戶習慣使用這種方式[4]。網站地圖對于提高用戶體驗有好處：它們為網站訪問者指明方向，并幫助迷失的訪問者找到他們想看的頁面。 因此缺少以上這些要素就使得導航系統不完善或者是不符合大多數Web用戶的使用習慣，這樣不僅會影響他們在瀏覽網站資源過程中的效率，甚至還會大大降低網站的可用性，最終導致網站用戶的流失。由此推斷我國985高校體育網站的設計人員專業化程度低，對一些重要的導航元素的重要性認識不足，導致了體育網站在設計的可用性降低。

表1 我國9 8 5高校體育網站導航設計情況TableⅠ Navigation Design of the PE Websites of China’s 985 Project Universities

2.2 我國985高校體育網站的平面設計缺乏美感，文字排版缺乏可讀性和易讀性。

著名網站設計師Robin Williams認為網頁的平面設計應遵循對齊（al ig n m en t）、親密性（p r o x im it y）、重復（repetition）和對比（contract）4個基本原則[3]。所以筆者就這4個方面對26個可以正常訪問的985高校體育網站進行了調查。

有73%的網站存在對齊方面問題，其中最突出一個問題是許多網站無法分辨出采用哪種布局方式，是左右兩欄布局還是左中右的3欄布局。網站首頁各欄目之間，欄目大標題與內容之間，以及頁面中其他元素之間沒有按照一定基準進行對齊。如華東某985大學體育部網站各欄目之間并沒有按照某一種對齊方式對齊。這就造成部分欄目看起來間距很大，而有些欄目卻相應的擠在一起，欄目的高低不一致，給人一種很隨意很混亂的感覺；而欄目內的新聞標題與欄目標題之間，圖片元素之間也沒有對齊。另一個有代表性的問題多出現在如新聞公告等欄目文章的內容頁，文章標題、正文、圖片、以及表格中的文字等常常出現多種對齊方式的混用。如北京某985院校網站《2012年體育部專業招生目錄》一文中標題采用居中對齊，而正文段落采用左對齊表格采用居中對齊，表格中的內容有也采取了多種對齊方式混合使用。這樣就使得文章看起來很亂，很不美觀。

有57.7%的網站設計中沒有考慮到親密性原則。所謂親密性原則是指元素相互靠近，放置在臨近位置上時所建立起來的關系[5]。在被調查的26個985高校的體育網站中，普遍存在網頁上子標題與其相對應段落間距大于該子標題與上面段落的間距，圖標題與所對應的圖的間距大于該圖題與下圖的間距，一篇文章中所有文字的行間距都相等的現象也較多。例如中部某985大學體育網站《體育部簡介》一文中雖然包括4個段落和2個小標題，但所有行中每一行的行間距是相等的，文章沒有層次感。根據親密性原則小標題應緊靠其對應段落，不同組的信息明顯的間隔會使信息更有層次，從而提高網站的易讀性。

有15.4%的網站中的網頁缺少重復性元素。例如華南某985學校體育網站中新聞動態欄目的新聞內容頁與主頁之間的設計缺乏連續性。主頁中以暗紅色為主色調，而新聞內容頁的顏色以墨綠色為主，在標題、字體以及logo設置上有較大區別。這樣設計在Web用戶看來像是在訪問不同的網站，不符合人們瀏覽網頁時的審美習慣。根據重復性原則，一個好的網站的網頁應具有相同的風格，這種風格就體現在某些設計元素如配色、字體、布局、logo在網站中的不同網頁上的重復出現，這樣才能使網站看上去有一個較為統一的風格，提高網站的美觀度。

有46.2%的網站顏色、字體和布局等方面違反對比的原則。對比原則實質上是通過元素的對比為網頁建立一個信息層次體系，使Web用戶能夠迅速準確地從眾多信息中準確而快速定位到真正需要的內容上。一個網頁上必須存在一個主導的元素，其他元素則處于由這一點向下的層次體系中，這個主導元素就是焦點。一個問題是在這26個網站中很多網頁并沒有創建焦點及信息層次體系。例如華南一所985大學的體育網站，整個首頁的設計用了許多色彩突出的flash動畫和圖片，而網站的標題與欄目的標題及內容卻使用較暗和較小的字體，這就造成了訪問者的視線被一些次要的元素所吸引而忽略主要內容，而且一個網頁中同時有很多元素都很突出，就會讓人分不清主次而感到眼花繚亂。又如在一些被調查的網站中存在很多文章從標題到正文使用相同的字體顏色和字號，也屬于同類問題。另一個比較普遍的問題是在一些被調查網站中字體與背景顏色相近而缺乏對比，影響了網頁易讀性。

2.3 我國985體育網站的內容設計

2.3.1 欄目內容過于行政化，缺少以Web用戶為中心的設計

筆者對985高校體育網站的一級欄目進行了調查。根據調查結果（如表2），按照設有該類欄目的網站數量從大到小排列依次是新聞公告、部門概況、教學科研、競賽訓練、課余體育（群體活動）、場地設施、招生就業、學生工作、體質與健康、體育管理信息系統、下載專區、黨建工作、規章制度、教工之家、論壇留言、視頻專區和合作交流。設置前6類欄目的網站數量占26所高校網站的6成以上，而其余欄目占比均在4成以下。這些數據顯示，現階段我國985高校體育網站主要內容以信息發布和宣傳展示這兩個方面為主。功能設計比較單一，在輔助體育教學和普及健康知識以及交互功能設計方面存在不足。同時體育管理信息系統的數量和普及程度也在一定程度上說明我國985高校體育部門的信息化水平較低。造成這種現象的原因很可能是在進行網站定位于功能設計時設計人員更多地考慮了部門管理者的思路，而沒有以Web用戶（教師和學生）為中心進行設計。

2.3.2 內容充實度低

筆者還對欄目級數、欄目數量和最低級子欄目下的文章數進行了調查，結果如表3、4顯示，我國985高校體育網站的欄目級數在1級到3級之間，且超過八成的網站級數在2級以下，26個網站中有最低級子欄目801，平均每個網站設有30.8個子欄目；多于5篇的子欄目數量僅為20%，文章數大多在1至4子欄目占到總數的3/4以上，并且還有相當多的子欄目中沒有內容。這說明總體上我國985高校體育網站的欄目的細分度較高，但內容的充實度卻較低。這是由于我國985高校體育網站在內容設計上比較超前，很多欄目實現提前規劃，但是在后期維護期間沒有對欄目內容進行很好地積累與擴充。因此，這也一定程度上反應了985高校體育網站的建設處于起步階段，有很多問題有待解決。

表2 我國9 8 5高校體有育網站的欄目設置情況Table Ⅱ Column Setting of the PE Websites of China’s 985 Project Universities

表3 我國9 8 5高校體育網站欄目的文章數量情況TableⅢ Article Number of the Columns of the PE Websites of China’s 985 Project Universities

表4 我國9 8 5高校體育網站的欄目級數Table Ⅳ Column Grades of the PE Websites of China’s 985 Project Universities

2.3.3 內容的原創度較高，但內容的擴展性較差

調查發現，我國985高校體育網站中，有84.6%的網站大部分文章為原創，經過了科學的歸類能夠很好地體現網站或欄目的主題。只有15.4%的網站存在大量非原創內容。問題主要表現為：一是網站引用的文章沒有注明出處，引用的文章標注出處和作者不僅是一種設計規范，而且可以提高網站的可信度。二是網站的外部鏈接的使用不當，筆者通過調查新浪雅虎等知名網站發現外部鏈接主要有3個用途，一是對某一篇文章或網頁中內容進行解釋說明，二是說明信息來源以提高可信度，三是為了便于讀者更好地進行擴展閱讀。而在這15.4%存在大量非原創內容的被調查的網站中，有相當多的文章的標題直接添加一個外部鏈接或是在文章的內容頁上僅標明了外部鏈接的url，讀者通過點擊文章標題或是url地址鏈接就直接進入了另一家網站，這樣濫用外部鏈接，既降低了網站的原創性，而且會使瀏覽網站的用戶因無意中就訪問了其他網站而感到奇怪，更重要的是給后期的網站維護工作帶來很多不便，同時也是產生死鏈接的一個重要原因。根據上文的對欄目分類的調查，筆者認為我國985高校體育網站原創性較高的原因是網站進行欄目規劃時，內容以信息發布和宣傳展示這兩個方面為主，而這些內容具有相對的獨立性，并不需要大量引用其他網站的內容。如果網站在輔助教學提供健康知識等方面做得比較好，很可能需要大量積累和引用其他網站的資源。這也在一定程度上說明我國985高校體育網站輔助教學提供健康知識等方面的設計上存在不足。

3 結論與建議

3.1 結論

我國985高校體育網站Web設計水平偏低。主要表現在導航系統設計可用性偏低，平面設計缺乏美感，文本排版缺乏可讀性和易讀性；欄目內容過于行政化，缺少以Web用戶為中心的設計；內容原創度較高，但充實度低，擴展性較差。

3.2 建議

3.2.1 儲備專業技術人才，建立網站建設團隊，實行網站建設的責任制

高素質的網站建設團隊是高校體育網站建設的基礎，也是網站建設的核心。網站設計人員的專業技術能力直接影響網站設計的水平。一個出色的網站建設團隊要由體育教師與信息技術人員共同組成，并且要明確網站建設的分工，落實責任制度。在這次調查過程中發現北京大學體育部有專門的網站管理團隊，團隊由13人組成，每個人都自己明確的欄目分工和職責分工。不僅如此，而且將這些信息制作成表格并發布在體育部網站上。筆者認為這種做法有利于網站建設水平的提高，值得其他高校體育部網站的管理者學習和借鑒。

3.2.2 轉變以高校體育部門和設計者為中心的網站設計理念

筆者認為我國985高校體育網站內容以新聞公告、部門介紹為主，功能設計較單一的主要原因是網站建設者的設計理念受到局限。高校體育網站的用戶主體是體育教師與學生，他們的需求可能不僅僅是看一些新聞和公告，還可能想通過網站了解自己的體質狀況并下載運動處方，或者希望通過網站發布一些體育教學視頻等。所以要改變目前我國高校體育網站“重宣傳輕服務”的設計理念，把網站建設的重心放在輔助體育教學、普及體質健康知識、開展競賽活動等方面，為廣大師生服務。要建立起一種從用戶為中心的設計思想來設計網站，即構建既能提供實際價值，又能提供積極的用戶體驗的網站[6]。以用戶為中心的設計是建立在深入了解用戶的需求和迭代的設計基礎之上，通過與用戶一起設計、原型和評價的不斷重復的開發過程。這種設計思想如果用于我國高校的體育網站建設中，必然會大大提升網站的內容、易用性、性能、可信賴性，從而設計出滿足廣大體育教師和學生需求的高質量體育網站。

[1]陳美玲,柳棟,武健．教育主題網站的評價量表[J]．中國教育學刊,2003,（9）：55-57．

[2]Mark W. Newman, James A. Landay.(2000).Sitemaps,storyboards, and specifications: a sketch of Web site design practice, Proceedings of the 3rd conference on Designing interactive systems: processes, practices, methods, and techniques, p:263-274, August 17-19, New York City, New York, United States

[3]Robin Williams,John Tollett.寫給大家看的Web設計書[M].第3版．北京：人民郵電出版社，2010：86

[4]呂艷麗．基于用戶體驗的圖書館Web站點設計[J].圖書館學研究．2006，(02)：33

[5]Robert Hoekman,Jr. Jared spool.網站設計解構[M].北京：人民郵電出版社，2010：63

[6]Duyne D.K.,Landay J.A.,Hong J.I..網站交互設計模式[M].第2版．北京：電子工業出版社，2009：3