高校院系網(wǎng)站的優(yōu)化設計——以武漢輕工大學藝術與傳媒學院為例

尹 雄 （武漢輕工大學藝術與傳媒學院 湖北武漢 430024）

一、高校院系網(wǎng)站概述

高校網(wǎng)站指高等學校的網(wǎng)站，涵蓋普通高等學校網(wǎng)站和成人高等學校網(wǎng)站，是高校利用網(wǎng)絡信息平臺，實現(xiàn)校內的信息交流、發(fā)布和管理的工具。具有學習性、交流性、傳播性和互動性等特點，是高校品牌文化發(fā)展的有力支撐。其子系統(tǒng)眾多，包括學校網(wǎng)站、下屬職能部門網(wǎng)站、各種教學、資產、科研管理系統(tǒng)、高校論壇（BBS）以及下屬院系網(wǎng)站等。

本文以高校院系網(wǎng)站的用戶需求分析為切入點，圍繞“以用戶為中心”的設計思想，結合高校院系網(wǎng)站的自身特點，分析了目前高校院系網(wǎng)站存在的問題，以武漢輕工大學藝術與傳媒學院為例（以下簡稱為“藝傳學院”），重點從信息架構和界面設計兩個方面探討了應該如何對高校院系網(wǎng)站進行整體的優(yōu)化設計，并提出了優(yōu)化的具體措施和實現(xiàn)方法。

二、高校院系網(wǎng)站的用戶需求分析

高校院系網(wǎng)站規(guī)劃與設計的優(yōu)化，首先要以高校院系的用戶需求分析作為切入點，圍繞“以用戶為中心”的設計思想來進行?！耙杂脩魹橹行牡脑O計”的設計思想，要求網(wǎng)站設計者更應該關注“用戶需求”，需要在“設計者需求”“客戶需求”和“用戶需求”三者中找到合適的平衡點，構建出“良好可用性”“有效易用性”“友好交互性”為一體的人性化網(wǎng)站。

高校院系網(wǎng)站有著相對固定的用戶群，用戶需求也相對明確。其主要用戶分為兩大類：學院師生和非學院師生。學院師生訪問頻繁，經常瀏覽，主要關注學院的新聞動態(tài)、公告通知、教學科研、實踐實驗、黨政建設等情況，用于學習和工作。非學院師生較少訪問，在特定時期瀏覽，主要關注學院環(huán)境、師資情況、專業(yè)建設等情況，用于了解和熟悉學院整體概況或者某一專業(yè)建設情況。

三、高校院系網(wǎng)站的特點、存在的問題以及優(yōu)化建議

高校院系網(wǎng)站是高校下屬院系的網(wǎng)站，是向外界提供信息服務的重要手段，也是用戶了解學院教學和科研等最為直接、最為信任的途徑。

（一）其特點主要有以下幾點：

1.學科性質明顯，不同的院系分屬于不同的學科，院系網(wǎng)站的內容和頁面設計上會體現(xiàn)一定的學科性。

2.欄目眾多，欄目之間重疊部分較多，欄目相對固定，與其他部門鏈接緊密。

3.以展示和查詢信息為主。相較于高校其他的職能部門網(wǎng)站以及各種管理系統(tǒng)、和論壇來說，其承擔的更多的是信息展示以及宣傳的功能。

4.內容更新快，主要是指學院的新聞、動態(tài)以及通知。5.可信度高，用戶相對固定，訪問頻率高。

（二）目前存在的問題主要有以下幾點：1.信息更新不夠及時。特別是有些新聞幾經轉手，才能掛上網(wǎng)站，時效性以及信息的透明度都有待加強。

2.管理人員配置不合理，管理維護成本高。院系網(wǎng)站一般由院系的辦公室人員或者實驗技術人員負責，大部分的辦公室人員和實驗人員都沒有或者缺少必備的網(wǎng)站建設知識，當網(wǎng)站需要更新維護時，只能尋求專業(yè)人員幫助，會產生一定的費用，并且溝通時間長，交接過程復雜。

3.導航欄目與內容不一致。導航欄目在設置時，可能過度求全，求細，導致有些欄目內容偏少，就只能填充非欄目內充數(shù)，導致欄目與內容表里不一。

4.界面設計有待進一步完善，主要指頁面的可讀性、美觀性和易用性，縱觀高校院系網(wǎng)站，一些院系的網(wǎng)站過多注重內容，界面設計粗糙，缺少細節(jié)。

（三）針對以上主要問題，高校院系網(wǎng)站的優(yōu)化主要有以下幾點建議：

1.責任到人：院系領導主持召開網(wǎng)站優(yōu)化專題會議，成立網(wǎng)站優(yōu)化小組，部署工作，責任到人。

2.更良好的信息架構：立足于高校院系用戶分析，參考同類院系網(wǎng)站，全面清查院系網(wǎng)站欄目設置是否合理全面。

3.更合理的網(wǎng)站界面設計：從頁面的藝術性、交互性、可用性三方面逐一優(yōu)化網(wǎng)站頁面，需體現(xiàn)一定的學科性質。

四、高校院系網(wǎng)站優(yōu)化實例

時值武漢工業(yè)學院更名為武漢輕工大學之際，學校要求各學院同步更新優(yōu)化院系網(wǎng)站。藝術與傳媒學院領導召開專題會議，成立網(wǎng)站優(yōu)化專題小組，部署工作，提出優(yōu)化的硬性指標，分析目前網(wǎng)站存在的主要問題，確定優(yōu)化的具體的方案，著手進行詳細優(yōu)化，具體如下：

（一）成立網(wǎng)站優(yōu)化專題小組

院長書記任組長，牽頭負責整體工作；副院長副書記以及“兩辦主任”（行政辦公室、學生工作辦公室）擔任主要成員，負責提供具體內容；實驗技術人員提供技術支持。

（二）提出優(yōu)化的硬性指標

（三）目前存在的主要問題

經過討論分析，目前藝術與傳媒學院網(wǎng)站的欄目設置基本合理，首頁較為美觀，有一定的交互性。但在信息架構和頁面設計兩方面也存在不少問題，主要有以下幾點：

1.部分二級欄目設置過多過細，導致與其他二級欄目重復，或者沒有足夠的內容支撐。比如“新聞中心”的二級欄目多達5個（學院動態(tài)、學工動態(tài)、科研動態(tài)、學術講座、媒體聚集），本身的二級欄目間有重復（學院動態(tài)、學工動態(tài)、媒體聚集），且與其他欄目（學術研究）有兩個二級欄目（科研動態(tài)、學術講座）重復。

2.部分二級欄目名稱與內容不符，排序不當，需按重要性或相關性先后排序。

3.頁面細節(jié)有待調整，比如圖文排版，標題文字和正文文字的顏色、大小、樣式、留白的統(tǒng)一規(guī)范。

4.部分內容更新不夠及時，有些欄目內容過少，存在部分死鏈。

5.有過多原人文系的內容，需清理掉。

（四）優(yōu)化方案

因時間急，經費緊張，“網(wǎng)站后臺”程序無法徹底更換，只能通過操作“網(wǎng)站前臺”進行優(yōu)化操作，使用網(wǎng)站管理后臺結合頁面html和css文件，必要時使用ftp工具下載操作數(shù)據(jù)庫。

（五）優(yōu)化的具體內容和方法

1.精簡欄目，準確命名

去掉重復冗余的欄目，同時準確命名各個欄目名稱。需要特別注意的是，欄目最好在網(wǎng)站管理后臺增加，在數(shù)據(jù)庫里刪減。即網(wǎng)站管理后臺結合頁面html文件，通過添加或修改新聞分類實現(xiàn)欄目的增加和修改，用ftp工具下載數(shù)據(jù)庫，直接進行刪減欄目操作后，上傳覆蓋即可。

2.增加圖文的可讀性

增大新聞頁面列表字體為14號；統(tǒng)一全站內容正文字體為小四號（14pt），黑色，間距為1.5倍行距，段落之間回車鍵手動空行（如圖1-1所示）；圖片寬度不超過600px（像素），大小不超過100K，居中顯示，與段落文字間空行顯示。

3.美化圖文排版布局

如圖1-1所示，弱化“面包屑”樣式，由16號綠色黑體優(yōu)化為12號綠色宋體，去掉醒目的綠色橫線；美化內容標題，內容標題文字由16號黑色宋體，變?yōu)?6號綠色宋體，增大行間距（margin-top），底部添加灰色橫線。

4.適度添加圖片

如圖1-1所示為“教學團隊”、“教授風采”欄目添加教師照片，一方面活躍美化頁面，另一方面方便用戶更直觀的了解教師，乃至整個教學團隊。教學團隊照片尺寸統(tǒng)一為60*75 px（像素），教授風采統(tǒng)一為120*150 px（像素）

圖1-1 優(yōu)化后的界面顯示

結語

優(yōu)化高校院系網(wǎng)站是一個系統(tǒng)工程，合理的網(wǎng)站優(yōu)化有助于提高高校院系對內對外服務水平、樹立高校品牌文化形象和提升院系的競爭潛力。筆者通過對武漢輕工大學藝術與傳媒學院網(wǎng)站規(guī)劃與設計的優(yōu)化實例，在實踐中探討了高校院系網(wǎng)站優(yōu)化的具體措施和方法，推進了高校院系品牌文化的建設，也為其他高校院系網(wǎng)站平臺的優(yōu)化設計提供了借鑒。

[1]童彥婷; 陸江艷.高校品牌文化的網(wǎng)絡傳播平臺構建與設計研究—以武漢理工大學國際交流網(wǎng)站設計為例[J].設計藝術研究，2011(04)：64-67，75

[2]郭澤德; 孫苗; 李晶晶 中國高校網(wǎng)站交互探析[J]唐山師范學院學報，2011(05)：58-60

[3]李葳以用戶為中心的高校網(wǎng)站界面設計[J]中國教育信息化，2012(08)：51-53

[4]賀延輝 我國高校信息公開制度建設——基于高校網(wǎng)站的調查與分析[J]現(xiàn)代情報，2012(04)：25-30

[5]許興，王琪全，楊秀梅. 高校網(wǎng)站建設對大學排名的影響研究[J]實驗技術與管理，2011(05)： 116-118，121

[6]陳紅紅 高校網(wǎng)站管理問題分析及解決方案[N]西北成人教育學報，2012(02)：42-43

[7]榮毅虹; 王彩霞戰(zhàn)略管理視角下的高校網(wǎng)站評價[J]情報理論與實踐，2011(09)：95-99

[8]員勃 網(wǎng)頁設計中GUI視覺系統(tǒng)元素的解讀[J]包裝工程，2012（04）：38-40

[9]李曉寧 網(wǎng)頁設計中的視覺要素分析[J]大舞臺2011（08）：141-143

[10]趙志云 以用戶體驗為中心的品牌傳播網(wǎng)站設計[J]設計藝術研究，2012(10)：68-70