香港高校網(wǎng)站主頁建設(shè)的特點與啟示

趙柯杉++梁林梅

摘 要：香港長期以來受到西方文化的影響，其各個領(lǐng)域都融入了許多西方元素，中西方文化融合是香港最大的特點，高等教育也不例外。香港高校的網(wǎng)站作為向外界展示香港教育的一個窗口，其網(wǎng)站主頁的建設(shè)更是重中之重，作用不容小覷。本文在網(wǎng)絡(luò)傳播環(huán)境下，以用戶體驗的方式，對香港地區(qū)六大著名高校的網(wǎng)站主頁及其內(nèi)容進行比較、分析，從而發(fā)現(xiàn)香港高校網(wǎng)站主頁建設(shè)的特點，并對內(nèi)地高校的網(wǎng)站主頁建設(shè)得出相應(yīng)啟示。

關(guān)鍵詞：香港高校；網(wǎng)站主頁；網(wǎng)絡(luò)傳播；教育信息資源

中圖分類號：G40-057 文獻標志碼：A 文章編號：1673-8454（2017）13-0087-04

一、引言

高校網(wǎng)站是對外宣傳校園文化、對內(nèi)進行信息發(fā)布的橋梁。實際上，通過學(xué)校網(wǎng)站進行教育信息資源的傳播，無論從時效性、便捷性還是準確性各個方面都遠遠超過諸如書面通知、印刷通知、口頭通知等傳統(tǒng)的信息傳播方式[1]?，F(xiàn)如今，高校網(wǎng)站提供的所有信息與服務(wù)，甚至是網(wǎng)站的設(shè)計技術(shù)、主頁界面，都已成為衡量一所高校信息化程度和社會聲譽的一個重要標志[2]。

香港長期以來受到西方文化的影響，其各個領(lǐng)域都融入了許多西方元素，中西方文化融合是香港最大的特點，高等教育也不例外。香港高校的網(wǎng)站是向外界展示香港教育的一個窗口，其網(wǎng)站主頁的建設(shè)更是門戶之中的門戶，作用不容小覷。筆者從用戶體驗的角度，分別登錄香港六大著名高校的網(wǎng)站，主要從其網(wǎng)站主頁設(shè)計與網(wǎng)站主頁內(nèi)容等方面進行比較、分析。包含對網(wǎng)站主頁的板式設(shè)計與顏色分布、網(wǎng)站主頁的導(dǎo)航欄與文本內(nèi)容等等，從而發(fā)現(xiàn)香港高校網(wǎng)站建設(shè)的特點，對內(nèi)地高校網(wǎng)站建設(shè)得出相應(yīng)啟示。

二、香港六大高校網(wǎng)站主頁設(shè)計比較

1.主頁版式設(shè)計

高校網(wǎng)站作為高校的門面，其建設(shè)的重要性不言而喻。對于網(wǎng)站訪問的用戶層，無論是教職工、學(xué)生、家長，還是其他社會各界人士，版式設(shè)計都尤為重要。一個好的高校網(wǎng)站設(shè)計，除了要滿足用戶層的需求，更重要的是要體現(xiàn)出高校獨特的魅力與深邃的文化內(nèi)涵。而高校的網(wǎng)站主頁，除了有合理的布局、清晰的模塊、豐富的內(nèi)容之外，還要清楚在網(wǎng)絡(luò)傳播環(huán)境下，如何快速吸引用戶眼球，使其在獲得所需信息的同時，擁有良好的用戶體驗。

香港大學(xué)網(wǎng)站主頁（如圖1）采用整體分模塊滑動設(shè)計，需要用戶手動點擊滑動指引箭頭。模塊涉及新聞動態(tài)、入學(xué)申請、多媒體、支持港大、最新動態(tài)、網(wǎng)上傳媒報道、無障礙網(wǎng)頁、活動、教與學(xué)、新聞中心、研究、一站式資訊推廣服務(wù)。均以圖文的方式共同呈現(xiàn)，其中，新聞動態(tài)模塊相對突出。底部以圖標的方式呈現(xiàn)相關(guān)鏈接。香港中文大學(xué)網(wǎng)站主頁（如圖2）以圖片新聞與文字區(qū)域上下兩個部分呈現(xiàn)。內(nèi)容涉及新聞速遞、活動預(yù)告、常用鏈接、中大人、號外、中大視野、中大像素。其中活動預(yù)告以圖標、名稱加時間自行滑動。而中大人、號外、中大視野、中大像素部分則以圖片為主、標題為輔的形式呈現(xiàn)。香港科技大學(xué)網(wǎng)站主頁（如圖3）采用傳統(tǒng)的三塊長版布局，兩邊小，中間大，設(shè)計簡潔、明了。內(nèi)容由左側(cè)導(dǎo)航、封面故事、新聞動態(tài)構(gòu)成。其中封面故事所占篇幅較大。香港城市大學(xué)網(wǎng)站主頁（如圖4）上部是圖片為主的城大新聞，中、下部分為的我的城大、準學(xué)生、CityU tube、公眾聚焦、活動與研討會、合作交流、訪客及朋友、關(guān)注城大。各個模塊下面都列出相關(guān)鏈接。底部是占有較大篇幅的文字導(dǎo)航。香港理工大學(xué)網(wǎng)站主頁（如圖5）采用圖片新聞滾動加三塊長版包含小模塊的形式。各個小模塊劃分整齊，包含新聞動態(tài)、成就、活動預(yù)告、社會媒體、校園報告、日歷、研究、聯(lián)系與視角。底部以圖標的方式呈現(xiàn)相關(guān)鏈接。香港浸會大學(xué)網(wǎng)站主頁（如圖6）采用圖片由新聞部分加上文字區(qū)域兩個部分組成。文字部分包括學(xué)術(shù)項目、院系辦公室、事件日歷、快速鏈接、自動滾動的新聞以及一些圖片展示和圖片鏈接。

2.主體顏色分布

色彩能迅速吸引網(wǎng)站用戶的注意，高校網(wǎng)站主頁的顏色分布，不僅表現(xiàn)了高校的人文特色，也傳遞出高校的精神風(fēng)貌。對高校網(wǎng)站的第一印象，則是由色彩帶來的視覺體驗，好的色彩配搭則是一場視覺盛宴。表1是對香港六大著名高校主頁的顏色分布進行總結(jié)、分析，并列出可供參考的視覺第一印象關(guān)鍵詞。

通過表中可以看出，香港地區(qū)六大高校的主色選取方面并不相同，不同的顏色展示出不同的高校對自身特色的定位。香港大學(xué)的網(wǎng)站主頁以綠色搭配米白色，向用戶傳達著百年名校仍然具有生機與活力。香港中文大學(xué)的網(wǎng)站主頁將傳統(tǒng)與現(xiàn)代、中方與西方高度融合，用紫色和金色闡述著博文約禮。香港科技大學(xué)的網(wǎng)站主頁以海水的深藍為主色調(diào)，簡約、深邃，帶領(lǐng)用戶進入最前沿的科技世界。香港城市大學(xué)的網(wǎng)站主頁以紫紅搭配白色，呈現(xiàn)出香港高校的新生力量。香港理工大學(xué)的網(wǎng)站主頁則非常具有理工特色，色彩鮮明、清晰大氣。香港浸會大學(xué)的網(wǎng)站主頁也很好的體現(xiàn)出大學(xué)的特色，于典雅中彰顯出平和的氣質(zhì)。

對比香港地區(qū)六大高校的網(wǎng)站主頁，不難發(fā)現(xiàn)，香港地區(qū)六大高校網(wǎng)站主頁的顏色分布，全部以一種主色搭配輔色呈現(xiàn)，并沒有出現(xiàn)很多種顏色的配搭。網(wǎng)站主頁的顏色分布，出于用戶的主觀感受，不能成為評判高校網(wǎng)站建設(shè)優(yōu)與劣的主要標準。但是，網(wǎng)站主頁顏色的設(shè)計與搭配，需要從用戶的角度出發(fā)，這里所體現(xiàn)出的人本主義，是一種人文關(guān)懷。

三、香港六大高校網(wǎng)站主頁內(nèi)容分析

1.導(dǎo)航欄分析

網(wǎng)站主頁的導(dǎo)航欄可以起到迅速指引的作用，它用簡單精煉的詞語，把信息分類并通過超鏈接，使其快速跳轉(zhuǎn)到相應(yīng)頁面。香港地區(qū)六大高校網(wǎng)站主頁的導(dǎo)航欄，在設(shè)計上都采用了傳統(tǒng)的橫向設(shè)計，都放置在網(wǎng)站主頁上方最明顯的位置。需要指出，由于香港地區(qū)長期以來受到西方文化的影響，以及香港地區(qū)的特殊性，六所高校網(wǎng)站主頁都有設(shè)置有簡體中文、繁體中文與英文等不同語言的快速切換，方便內(nèi)地和來自世界各地的訪問者無語言障礙的了解學(xué)校。同時，用戶可以根據(jù)需要快速調(diào)整字號大小，這一點體現(xiàn)出香港高校的人文關(guān)懷，充分站在用戶的角度，為網(wǎng)站用戶提供方便。

與內(nèi)地高校網(wǎng)站主頁的信息推送平臺不同，香港高校的網(wǎng)站主頁嵌入的信息推送平臺主要是Facebook、Twitter、YouTube等等。而內(nèi)地的信息資源主要通過微博、公眾微信號來推送，這體現(xiàn)出不同地區(qū)的不同文化。與內(nèi)地高校對內(nèi)向師生分享信息、對外向世界傳播與互動的平臺各不相同，香港高校的社交網(wǎng)絡(luò)與世界接軌。特別指出，由于在內(nèi)地地區(qū)的網(wǎng)絡(luò)限制，內(nèi)地的網(wǎng)站用戶是無法在打開Facebook、Twitter、YouTube等諸如此類的信息交互平臺。隨著越來越多的內(nèi)地學(xué)生到香港讀書深造，內(nèi)地與香港的交流越來越密切頻繁，建議香港高校在其主頁嵌入高校微博、公共微信號等鏈接，方便無法使用Facebook、Twitter、YouTube等地區(qū)更及時、有效地了解香港高校的信息。這一點，香港理工大學(xué)與香港浸會大學(xué)已經(jīng)率先做到，在它們的網(wǎng)站主頁底端，已嵌入諸如微博、微信等信息推送平臺的鏈接，方便世界各地信息資源的傳播。

香港地區(qū)六大高校網(wǎng)站主頁的導(dǎo)航欄，在內(nèi)容上并無太大差異。都包含學(xué)校介紹、教與學(xué)、研究、入學(xué)申請、研究成果、院系設(shè)置、校園地圖、職業(yè)導(dǎo)向、圖書館、新聞媒體等，同時還設(shè)置了登入其他系統(tǒng)的快速入口。需要說明，香港中文大學(xué)是全香港唯一具有獨特書院制度的大學(xué)，它的每個書院都是一個獨特的群體，包含宿舍、飯?zhí)眉捌渌鞣N設(shè)施。書院注重全人教育與發(fā)展，提供不同形式的教育，讓老師與學(xué)生之間能夠無障礙的交流與溝通，同時也為學(xué)生們提供心理疏導(dǎo)服務(wù)。所以香港中文大學(xué)的導(dǎo)航欄中，除了其他高校同時擁有的各個學(xué)院之外，也將書院放在顯著位置，這樣能很好的體現(xiàn)出香港中文大學(xué)的特色。

與內(nèi)地不同，香港六所高校的導(dǎo)航，根據(jù)用戶的身份不同，在上方設(shè)置有教職員、學(xué)生、校友、訪客等不同鏈接指示，這一細節(jié)使用戶能很快的根據(jù)自己的角色，獲取相應(yīng)的信息。

2.文本內(nèi)容分析

除圖片與文字之外，網(wǎng)站主頁也包括其他富媒體構(gòu)成元素。但所有一切的核心都是圍繞著文本內(nèi)容，圖片與文字是對文本內(nèi)容的說明補充。值得指出的是，六所香港高校網(wǎng)站主頁，都會在非常明顯的地方出現(xiàn)一個搜索框，其檢索功能也相對完善，便于對網(wǎng)站內(nèi)大量的信息資源進行檢索。筆者在同一天瀏覽香港地區(qū)六大高校的網(wǎng)站主頁，發(fā)現(xiàn)除了香港浸會大學(xué)的主頁主圖呈現(xiàn)的是浸會大學(xué)六十周年校慶，其他五所高校的主頁主圖，全部以滾動的形式展示學(xué)校最新的科研成果與學(xué)生的活動。不同于內(nèi)地高校，香港高校的網(wǎng)站主頁并沒有展示太多關(guān)于高校領(lǐng)導(dǎo)層人員的活動。從另一個側(cè)面來說，高校網(wǎng)站的主頁，在一定程度上也反應(yīng)了這一所高校的特點與側(cè)重點。香港地區(qū)與內(nèi)地地區(qū)網(wǎng)站主頁的差異，也是由于教育信息資源的傳播是在跨越東西方文化的影響下，香港體現(xiàn)了東西方融合，而內(nèi)地則具有傳統(tǒng)的中國特色。

與內(nèi)地高校最大的不同在于香港高校的招生機制，這在香港地區(qū)六大高校的網(wǎng)站主頁上均有明顯體現(xiàn)。由于香港高校的學(xué)生入學(xué)主要是以學(xué)生自主申請為主，在本科階段，申請入學(xué)時需要參考學(xué)生的高考成績，在研究生階段，申請入讀香港高校則不需要參加研究生考試，僅僅通過提交材料、在線申請，由香港高校擇優(yōu)錄取。正是由于學(xué)生錄取方式的不同，在香港地區(qū)六大高校的網(wǎng)站主頁上都清楚展示出申請入學(xué)的要求、專業(yè)介紹、研究領(lǐng)域、學(xué)分需要等等，有利于學(xué)生對這一專業(yè)的了解和對自身的準確定位。而在內(nèi)地，學(xué)生往往通過高考成績來決定本科學(xué)校，通過研究生考試成績來確定碩士博士的學(xué)校，因此內(nèi)地高校的網(wǎng)站主頁是沒有學(xué)生申請這方面的內(nèi)容。這是由于招生機制不同帶來的主頁內(nèi)容差異，因此更能說明高校的網(wǎng)站主頁建設(shè)所體現(xiàn)的重要性。

四、對內(nèi)地高校網(wǎng)站建設(shè)的啟示

綜上所述，筆者以用戶體驗的方式，從香港高校網(wǎng)站的主頁板式設(shè)計、主體顏色分布、導(dǎo)航欄與文本內(nèi)容等幾個方面進行比較、分析，從而發(fā)現(xiàn)并闡述了香港高校網(wǎng)站主頁建設(shè)的特點，以及與內(nèi)地高校網(wǎng)站主頁的不同之處，并對內(nèi)地高校網(wǎng)站主頁建設(shè)得出如下啟示：

1.內(nèi)地高校網(wǎng)站主頁應(yīng)重視細節(jié)設(shè)計，體現(xiàn)人文關(guān)懷

內(nèi)地高校網(wǎng)站主頁的板式設(shè)計普遍比較單一，少有富媒體元素構(gòu)成，也沒有突出學(xué)校的主體色彩。內(nèi)地高校應(yīng)豐富其網(wǎng)站主頁的設(shè)計與制作，傳遞出高校獨特的精神風(fēng)貌。

內(nèi)地高校應(yīng)該學(xué)習(xí)香港高校，除了有簡體中文之外，應(yīng)在網(wǎng)站主頁設(shè)置簡體中文和英文的快速切換按鈕，便于內(nèi)地高校走向世界，更多的與外界交流，贏得世界各地的關(guān)注。以河南大學(xué)的網(wǎng)站主頁為例，河南大學(xué)的網(wǎng)站主頁雖然有中英文切換按鈕，但是在切換成英文之后，與中文展示的是不同的內(nèi)容與不同的界面。其中，英文版的內(nèi)容相對簡單，不如中文版的豐富全面，這不利于外界更好地了解河南大學(xué)。而香港地區(qū)六大高校則是簡繁體中文、英文版本對應(yīng)相同的頁面與相同的內(nèi)容，只是進行翻譯轉(zhuǎn)換。這樣可以使不同語言的用戶都有相同的體驗，更好地了解高校。

內(nèi)地高校網(wǎng)站主頁應(yīng)與校內(nèi)其他后臺管理系統(tǒng)相互連接?？梢愿鶕?jù)用戶的不同身份，設(shè)置供教職工、學(xué)生、學(xué)校校友、訪客等不同登陸系統(tǒng)的指引通道，這一“捷徑”能使用戶能很快地根據(jù)自己的角色，鏈接后臺獲取信息資源。

2.內(nèi)地高校網(wǎng)站主頁應(yīng)重視學(xué)生活動與科研

內(nèi)地高校的網(wǎng)站主頁普遍展現(xiàn)出一種“重領(lǐng)導(dǎo)輕學(xué)生”的現(xiàn)象。有研究對內(nèi)地、香港、臺灣以及海外地區(qū)高校網(wǎng)站主頁的新聞內(nèi)容進行比較、分析后，發(fā)現(xiàn)內(nèi)地高校網(wǎng)站主頁與香港、臺灣、海外地區(qū)的高校相比，在報道高校領(lǐng)導(dǎo)層人員的新聞上面占據(jù)很大比例。相反，在高校網(wǎng)站主頁所展示的學(xué)生生活與科研成果方面，香港、臺灣、海外地區(qū)的高校略勝一籌[3]。筆者認為，內(nèi)地高校的網(wǎng)站主頁并沒有體現(xiàn)出“以學(xué)生為中心”，也沒有很濃厚的科研與學(xué)術(shù)氛圍。在這一點，內(nèi)地高校應(yīng)該向香港高校學(xué)習(xí)，畢竟社會還是較為關(guān)注在一所高校里面，學(xué)生究竟在做什么事情，各專業(yè)現(xiàn)在從事什么研究。當(dāng)然，這可能與內(nèi)地高校的學(xué)生活動原本就不如香港高校的學(xué)生活動形式多樣，內(nèi)地高校的學(xué)術(shù)水平與學(xué)術(shù)資源相比香港高校也較為受限。因此，內(nèi)地高校應(yīng)在日常學(xué)習(xí)之余，豐富學(xué)生的課外活動，為學(xué)生提供較全面的信息資源。這樣，高校的網(wǎng)站主頁才能多體現(xiàn)學(xué)生生活，將學(xué)生的精神風(fēng)貌向外界展示。

總之，作為一種教育信息資源，各個高校的網(wǎng)站主頁都承接宣傳校園文化與對內(nèi)發(fā)布信息的重要作用。由于文化差異，香港高校的網(wǎng)站主頁與內(nèi)地高校的網(wǎng)站主頁風(fēng)格迥異，各具特色。無論從用戶體驗的角度，還是專業(yè)設(shè)計人員的角度，在網(wǎng)站主頁的設(shè)計與開發(fā)中，都需要對主頁版式、色彩、導(dǎo)航、文本內(nèi)容的分布與選取等等方面加以考慮。主頁只是承接后臺信息資源的一扇大門，主頁信息的精煉、準確、能否迅速吸引眼球，無疑是為高校網(wǎng)站的訪問量增磚添瓦。眾所周知，香港地區(qū)六大高校在世界上都享有很高的知名度，但也不能因為如此，內(nèi)地高校就一味的照搬、模仿香港高校的網(wǎng)站風(fēng)格，而是要突出自身的文化內(nèi)涵。香港高校與內(nèi)地高校之間應(yīng)該相互借鑒，取長補短，利用網(wǎng)站這一平臺，將我國高校優(yōu)質(zhì)的教育信息資源推向世界，共同優(yōu)化國內(nèi)高校網(wǎng)站主頁建設(shè)。

參考文獻：

[1]林帝浣，曾海標，關(guān)偉豪.高校門戶網(wǎng)站建設(shè)探討[J].中山大學(xué)學(xué)報（自然科學(xué)版），2003（6）：264-266.

[2]趙國棟，汪瓊.中國、美國及香港地區(qū)高校信息化發(fā)展狀況比較研究[J].現(xiàn)代遠程教育研究，2003（2）：12-18.

[3]顧海濱，陳小重.高校網(wǎng)站存在重官輕學(xué)現(xiàn)象——關(guān)于中國大學(xué)網(wǎng)站新聞的調(diào)查[N].中國改革報，2008.

（編輯：王曉明）