尹 雄 （武漢輕工大學(xué)藝術(shù)與傳媒學(xué)院 湖北武漢 430024）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

院長書記任組長，牽頭負(fù)責(zé)整體工作；副院長副書記以及“兩辦主任”（行政辦公室、學(xué)生工作辦公室）擔(dān)任主要成員，負(fù)責(zé)提供具體內(nèi)容；實驗技術(shù)人員提供技術(shù)支持。

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

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

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

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

2.部分二級欄目名稱與內(nèi)容不符，排序不當(dāng)，需按重要性或相關(guān)性先后排序。

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

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

5.有過多原人文系的內(nèi)容，需清理掉。

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

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

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

1.精簡欄目，準(zhǔn)確命名

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

2.增加圖文的可讀性

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

3.美化圖文排版布局

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

4.適度添加圖片

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

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

結(jié)語

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

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

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

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

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

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

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

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

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

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

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