湯雨佳 邱新宇

?

中外一流大學(xué)體育網(wǎng)站及教學(xué)資源建設(shè)比較研究*

湯雨佳1邱新宇2

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

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

體育網(wǎng)站；教學(xué)資源；用戶研究；比較研究

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

因此，本文通過比較研究中外一流高校體育教學(xué)網(wǎng)絡(luò)資源建設(shè)內(nèi)容，從網(wǎng)站主要內(nèi)容、表現(xiàn)形式、內(nèi)容構(gòu)架、網(wǎng)站受眾等方面，歸納中外高校網(wǎng)絡(luò)資源建設(shè)區(qū)別，進(jìn)而以用戶體驗為中心，結(jié)合我國高校體育網(wǎng)站用戶需求分析，為我國大學(xué)體育教學(xué)網(wǎng)絡(luò)資源建設(shè)提出具體建議。

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

1 中外一流大學(xué)體育網(wǎng)站首頁對比分析

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

1.1 首頁布局方式與各板塊主要內(nèi)容對比分析

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

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

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

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

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

1.2 首頁導(dǎo)航欄對比分析

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

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

表1 4所大學(xué)體育網(wǎng)站一級頁面導(dǎo)航欄內(nèi)容統(tǒng)計

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

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

2 中外一流大學(xué)體育網(wǎng)站表現(xiàn)形式比較

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

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

2.2 中外一流大學(xué)體育網(wǎng)站視覺表現(xiàn)形式比較

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

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

3 我國大學(xué)體育教學(xué)網(wǎng)絡(luò)資源建設(shè)建議

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

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

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

行為層次的關(guān)鍵在于發(fā)現(xiàn)高校體育網(wǎng)站用戶真實的需求，搭建一個能夠有效地為大學(xué)體育教學(xué)、群體活動、運動訓(xùn)練、場館預(yù)約服務(wù)的平臺。我國高校體育網(wǎng)站建設(shè)中，也應(yīng)根據(jù)各類目標(biāo)用戶歸納各類用戶主要訴求，進(jìn)而合理設(shè)置網(wǎng)站內(nèi)容。

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

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

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

[3] 李海龍,楊曉生,錢成思.中、美大學(xué)體育網(wǎng)站的文化差異——以美國“常春藤”聯(lián)盟與中國“C9”聯(lián)盟大學(xué)為例[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)

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

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