中外一流大學體育網站及教學資源建設比較研究*

湯雨佳 邱新宇

?

中外一流大學體育網站及教學資源建設比較研究*

湯雨佳1邱新宇2

（1. 華北理工大學 機械工程學院，2.華北理工大學 體育部，河北 唐山 063210）

從用戶體驗的角度出發，對哈佛大學、麻省理工學院、清華大學、北京大學4所中、外一流大學體育網站進行對比研究。通過對中、外一流大學網站首頁、整體內容構架和網站表現形式進行對比分析，得出結果：中、外大學體育教學網絡資源建設程度及有效性存在明顯差異。中國大學體育網站內容設置不能滿足用戶需求，網站內容堆砌且有過多偏于行政辦公類信息，首頁設計缺乏體育文化特色，致使網站利用率低，不能夠真正受眾于用戶。建議：重視我國大學體育教學資源建設，探索并確保網站內容滿足我國高校體育網站用戶在本能、行為、反思三個層次需求，建設具有本校體育文化精神和創新特色，能夠切實服務于用戶的一流大學體育網站。

體育網站；教學資源；用戶研究；比較研究

相比于傳統的高校體育教育教學、體育信息傳播、學生信息管理等信息存儲和傳播形式，大學體育教學網絡資源作為大學體育教學資源的擴展，具有容量大、傳播迅速、過程簡化、節省人力、時間限制低、表現形式多樣、共享程度高等多方面的優勢。縱觀國內外高校體育網站資源建設，我們發現眾多國內高校體育網站資源建設不夠完善。通過國外一流大學體育教學網絡資源建設之“鏡”，我們可以明晰我國大學體育教學改革之“形”，認識到目前所存在的不足，將國外一流大學體育教學網絡資源建設中可資借鑒之處，有效運用到我國大學體育教學網絡資源建設中。而中外一流大學在體育教學模式、目標用戶等方面存在諸多差異，對于國外一流大學體育網站的研究不能僅是簡單的模式套用和內容借鑒，必須分析國外大學體育網站中符合我國學生、教師使用習慣的設計思路，通過網絡技術完善與實現，融入我國大學體育網站設計中，同時重點研究我國大學體育網站用戶的使用習慣和心理預期。

因此，本文通過比較研究中外一流高校體育教學網絡資源建設內容，從網站主要內容、表現形式、內容構架、網站受眾等方面，歸納中外高校網絡資源建設區別，進而以用戶體驗為中心，結合我國高校體育網站用戶需求分析，為我國大學體育教學網絡資源建設提出具體建議。

為便于對中外一流大學網絡資源建設進行深入比較研究，本研究以學術聲望高的2所國外一流高校(哈佛大學、麻省理工學院)與2所國內一流高校(清華大學、北京大學)的體育部網頁（或獨立體育網站）作為研究范本。

1 中外一流大學體育網站首頁對比分析

體育網站的首頁是網站所有界面的核心，一方面，它是用戶點入網站時為用戶留下第一印象的重要部分，另一方面，它引導用戶瀏覽網站更深層次的內容。因此，本文首先對中外大學體育網站首頁進行對比分析。

1.1 首頁布局方式與各板塊主要內容對比分析

哈佛大學首頁采用綜合型布局，即運用多種排版基礎形式與特殊排版形式相結合的方式，導航欄內容對稱分布在哈佛大學體育標志兩側。首頁布局第一部分采用POP布局，以精選的學生進行體育賽事照片集錦作為頁面的設計中心，用圖像填充整版，采用輪播圖的形式進行展示，以經過黑白和虛化、減淡等處理的比賽照片作為輪播圖背景。輪播圖的圖像展示以圖片質量較高的比賽瞬間采集為主，部分圖像為經過圖片處理后，帶有標題文字或幾何圖形的圖片。其中部分圖片為視頻鏈接，點擊圖片即可在首頁觀看比賽回放。比賽圖片中，近距離人物特寫多于遠距集體全身照。滿版式的POP布局給人以大氣、開闊的視覺感受，視覺傳達效果直觀而強烈。輪播圖右側為首頁第一部分標簽欄，由上至下切換標簽時，左側分別切換為熱門體育賽事、頭條提要、視頻展示、賽事日程安排。第二部分為熱門賽事及觀賽門票預訂，采用自定義柵格形式，每一部分設計成與首頁風格一致的卡片樣式。第三部分為賽事日程，將賽事相關信息以卡片形式展示在日程部分，其中已結束的賽事卡片包含比分、比賽回顧鏈接等內容，即將到來的賽事包含比賽時間地點等內容信息。第四部分采用“川”字布局，包含本周COOP學生運動員、官方媒體、哈佛大學體育傳統、票務以及哈佛體育商店等內容。最后為哈佛青少年體育、在線照片商店、各組織聯盟LOGO等拓展鏈接。

麻省理工學院首頁同樣采用綜合型布局。首頁導航欄位于頂部，向下滾動頁面時，麻省理工學院體育吉祥物——海貍蒂姆(Tim the Beaver)顯示在導航欄左側。第一部分為兩欄式布局，與哈佛大學第一部分展示內容相似，麻省理工學院左側一欄第一個標簽為熱門體育賽事照片輪播圖，在其后依次為頭條提要、更多新聞、社交媒體中心。右側一欄為賽事日程、比賽結果等內容。第二部分同樣為兩欄式布局，左側為比賽視頻，右側為本周COOP學生運動員。第三部分以自定義柵格形式展示COOP商店、麻省理工學院成就以及各組織聯盟LOGO等拓展鏈接。

清華大學體育部首頁整體為“國”字布局，左右兩列分別為網站鏈接和要聞鏈接，中間是首頁的主要部分，以輪播圖形式展示體育活動照片。在其下方以“川”字型布局，垂直方向分為三列分別為媒體清華、院系公告、相關鏈接三部分。鏈接最下面是學校信息、聯系方式、版權聲明等。

北京大學體育部采用綜合型布局。第一部分為滿版式布局，展示學生參與體育活動、體育教學過程中的照片，部分圖片上置有北京大學體育文化精神相關宣傳語，以這種直接且具有融合性的方式將該校體育文化精神展示在體育教學網絡資源平臺上。第二部分采用骨骼型四欄式設計，分別為頭條新聞、通知公告、圖片和視頻。其中前兩欄均為純文字內容，展示標題與部分內容簡介，圖片和視頻為自定義柵格，方塊元素被用來排列圖片，使頁面保持簡潔。第四部分為學校介紹與活動報名鏈接。

總結：綜合對比國內外4所高校體育網站首頁布局方式。哈佛大學和麻省理工學院的體育網站首頁布局方式更加更有靈活性，整體視覺效果更具沖擊力，二者在布局風格上具有相似之處，不同的是，前者布局方式整體對稱性較強，后者布局方式更加自由，對稱性不明顯。相比國外兩所高校首頁布局方式，雖然清華大學體育部網站布局方式能夠充分利用版面，但布局較為單一，缺少差異性、對比感，頁面略顯擁擠，不夠靈活。北京大學雖也采用了綜合型布局，但僅是在白色頁面的內容堆砌，忽略了整體效果，頁面整體感受較為簡潔，但版面內容分布松散，版面利用率較低。

1.2 首頁導航欄對比分析

導航欄是首頁中的關鍵部分之一，良好的導航欄設計能夠方便用戶達到預期目的，明確當前所在的板塊位置，便于瀏覽下一級鏈接以及返回上一步。首頁導航欄作為體育網站的一級目錄，代表了該校體育教學網絡資源包含的大致主要內容。中外一流大學體育網站一級界面導航欄如表1。

在本研究4所國內外大學體育網站中，哈佛大學、麻省理工學院、清華大學的導航欄利用導航欄彈出下拉菜單選項卡，展示導航欄內的二級目錄，可相對避免用戶在進入一級鏈接后無法找到目標項。例如哈佛大學導航欄在鼠標移入體育（SPOTRS）標簽時，可彈出男子體育、女子體育兩欄內容，兩欄均包括棒球、籃球等各項體育運動項目，點擊各項目鏈接后，將直接跳轉到該運動項目頁面。而北京大學導航欄則為點擊導航內容后，在導航欄的下方顯示二級目錄內容，同時直接跳轉入二級目錄第一項所在頁面。兩種二級目錄顯示方式相比，彈出下拉菜單選項卡相比點擊后顯示二級目錄的方式更能夠方便用戶找到目標內容，避免無用或重復操作，并對各一級目錄下所包含的二級目錄內容和數量一目了然。

表1 4所大學體育網站一級頁面導航欄內容統計

學校名稱一級頁面導航欄內容總數 哈佛大學 SPOTRS（體育）、INSIDE ATHLETICS（走進體育部）、FACILITIES（設施）、FOR FANS（為粉絲提供的內容）、RECRUITING（招聘）、RECREATION（娛樂）、SUPPORT ATHLETICS（運動項目支持與贊助）、SHOP（商店）8 麻省理工學院SPOTRS（體育）、INSIDE ATHLETICS（走進體育部）、GIVING（捐助贈與）、STUDENT-ATHELETE RESOURCES（學生運動員資源）、DAPER、CLUB SPORTS（體育俱樂部）、SHOP（商店）7 清華大學首頁、院系介紹、機構設置、師資情況、科學研究、教務教學、招生信息、招聘信息、學生生活9 北京大學首頁、新聞資訊、部門概況、教育教學、體育科研、校園體育、運動訓練、數字場館8

本文通過對比2所國外大學和2所國內大學體育網站的導航欄，發現國外2所大學體育網絡教學資源內容主要是競技體育、體育運動內部相關信息、俱樂部活動、捐贈與贊助、商店等。國內2所大學體育網絡教學資源內容則側重于部門概況、教育教學、體育科研、運動訓練等內容。通過導航欄內容分類以及名稱設置上能夠看出，國外2所大學體育網絡教學資源導航欄目主要是從目標用戶分類的角度對網站整體內容進行劃分，例如在哈佛大學導航欄目設置中：FOR FANS（為粉絲提供的內容）一欄，明確表示該導航欄所在二級目錄下內容是為哈佛大學體育運動的粉絲所提供的相關信息。RECREATION（娛樂）的主要目標用戶為體育俱樂部的會員。SUPPORT ATHLETICS（運動項目支持與贊助）一欄則是為贊助商和未來可能或希望提供贊助的公司、組織等而設置的。國內2所大學體育網絡教學資源導航欄目設置則沒有明顯的用戶劃分，而更加偏向于對于該校體育網絡教學資源的介紹。

2 中外一流大學體育網站表現形式比較

2.1 中外一流大學體育首頁信息傳播形式比較

網站首頁信息傳播形式主要是圖片、文字、視頻、音頻等內容的組合。本研究中，對于中、外4所大學體育網站在信息傳播形式上的差異，主要是圖片、文字、視頻中內容主題以及三者在頁面中覆蓋率的差異。中國2所大學的體育網站的文字內容主題偏行政，主要包含新聞、媒體宣傳、體育發展等方面，而國外2所大學體育網站所包含的內容主題則側重于體育賽事宣傳、賽績展示、體育文化等。圖片主題的比較方面，中國2所大學體育網站圖片偏向于活動集體合影、遠景全身拍攝，以及部分教工合影。國外2所大學體育網站圖片主要為個人近距離特寫。從圖片質量上看，國內大學體育網站圖片質量不及國外大學體育網站，國外大學體育網站所展示的圖片像素較高，且多為精選照片或經過虛化、調色的精修圖片，圖片中人物占比和照片構圖合理，大部分圖片為人物在進行體育運動時的抓拍，畫面富有活力和悅動感。國外大學體育網站圖片和視頻的覆蓋率占網站頁面約70%，而國內大學體育網站圖片和視頻的覆蓋率僅達30%左右。

2.2 中外一流大學體育網站視覺表現形式比較

在國外2所大學體育網站的視覺表現中，點、線、面元素應用在比例搭配、疏密程度的運用方式上更加靈活，而國內2所大學體育網站中，清華大學各版塊之間統一排列較為緊密，北京大學各板塊之間則排列則統一較為疏松。頁面中文字的線性排列，國外2所大學體育網站中文字排列則較為自由，有長有短，不限制同一列文字的對齊，國內2所大學體育網站則是將文字限定在矩形區域內，保證了頁面整齊度，但整體視覺感受較為死板。

視覺表現中色彩明度的黑、白、灰比例分配關系的比較方面，國外2所大學體育網站黑、白、灰比例分配更為合理，整體顏色對比強烈，能夠通過顏色對比突出視覺重點。而國內2所大學體育網站中，白色占比較多，整體顏色的對比不夠強烈。例如清華大學首頁“重要新聞”一欄，文字為同一種灰色，不能突出標題重點；背景為純度和明度較低的褐色，文字與背景顏色對比度小，容易增加人的視覺疲勞度。而麻省理工學院首頁“SCHEDULE（日程安排）”一欄，重點內容和非重點內容分別用白色和灰色字體表示，增強了頁面整體色彩豐富度，并突出內容重點。

3 我國大學體育教學網絡資源建設建議

清華大學和北京大學體育網站中，更多的是院系概況、體育科研、體育要聞等方面的內容，這些大部分只是網站建設者從宣傳本校體育網站、傳播體育資訊的角度進行網站內容、網站功能的設置，卻忽略了從網站用戶的角度出發，探尋網站主要目標用戶——學生和教工對于網站功能的需求。而從哈佛大學和麻省理工學院首頁的導航欄即可看出，其網站是根據網站用戶進行內容的劃分，確保滿足各類目標用戶的訴求。

普羅泰戈拉提出“人是萬物的尺度”，我國高校體育教學網絡資源建設的最終目的是使網站真正為用戶服務，網站用戶是網站設計的中心，用戶需求的挖掘是網站內容設置的前提，網站的設計需要堅持“以人為本”的設計思維，始終圍繞“人”來展開，觀察用戶的真實需求，想辦法滿足用戶需求，并不斷更迭改進。對于網站用戶研究不僅僅是從功能方面滿足用戶需求，而是需要探索網站目標用戶深層次的價值理念、價值要求與愿望。具體對網站用戶的目標、行為、觀點等進行研究，將這些要素抽象綜合成為一組對典型用戶的描述，以輔助網站的決策和設計。因此，我國高校體育網站設計者需要首先進行用戶群分類分析，總結出各類人群特征和網站使用習慣，通過問卷調查法、訪談法、焦點小組等用戶研究方法洞察用戶需求，并結合詢問和體驗、了解用戶規律等過程深入洞悉用戶，根據用戶需求進行網絡資源內容和構架的設置。

用戶需求的滿足分為本能、行為、反思三個層次。本能層次強調網站帶給人的第一印象，在用戶訪問網站時，視覺、感受、聲音等生理特征起到主導作用，良好的頁面交互和視覺傳達設計能夠給網站用戶帶來好的第一印象。交互設計和視覺設計可以使頁面更具易用性和審美性，令人在使用網站的過程中保持積極、愉悅探索內容的狀態，通過交互設計和視覺傳達設計影響用戶情緒，進而影響用戶在網站使用過程中的判斷和幫助決策。本研究國外2所大學體育網站主頁具有視覺沖擊力強，體育文化特征凸顯等特點，而國內2所大學體育網站設計則偏于官方、沒有突出體育運動的競技性、活力等特點。在我國高校體育網站的設計，也應摒棄以往單一的網站布局和版式風格，運用多種排版基礎形式與特殊排版形式相結合的方式，合理分布網站首頁主要內容。

行為層次的關鍵在于發現高校體育網站用戶真實的需求，搭建一個能夠有效地為大學體育教學、群體活動、運動訓練、場館預約服務的平臺。我國高校體育網站建設中，也應根據各類目標用戶歸納各類用戶主要訴求，進而合理設置網站內容。

反思層面的重點則是網站的文化內涵，優秀的體育網站不僅要將體育文化精神展現在網站中，并且能夠滿足用戶對于體育文化的情感訴求，網站能夠營造一種積極的體育文化氛圍，帶動用戶參與體育運動的熱情。因此，在設計貼合網站目標用戶的有價值的內容同時，要注重設計中情感化的細節、可用性、美觀性，將用戶生理需求與情感需求完美結合。

[1] 唐納德·A·諾曼.設計心理學[M].北京：中信出版社，2003：43-44.

[2] 胡飛.洞悉用戶:用戶研究方法與應用[M].北京：中國建筑工業出版社，2010.

[3] 李海龍,楊曉生,錢成思.中、美大學體育網站的文化差異——以美國“常春藤”聯盟與中國“C9”聯盟大學為例[J].中國體育科技,2015,51(5):127-137.

Comparative Study on the Construction of Sports Websites and Teaching Resources in First-class Universities at Home and Abroad

TANG Yujia, etal.

（North China University of Science and Technology, Tangshan 063210, Hebei, China)

河北省高等學校人文社會科學研究項目（GH181052）。

湯雨佳（1998—），本科生，研究方向：交互設計。