基于用戶體驗的高校門戶網站建設研究

李盈頡

摘 要：文章基于高校門戶網站的用戶體驗，從網站建設出發，以東華大學校園網主站為例，探討了高校門戶網站內容規劃和網頁界面設計等方面的問題。

關鍵詞：高校門戶網站；用戶體驗；網站內容規劃；網頁界面設計

近年來，隨著高等教育信息化的飛速發展，作為學校對外形象展示的重要工具及校內信息化管理的主要載體，高校門戶網站的建設在校園文化建設中占據了更加舉足輕重的位置。高校門戶網站的建設除遵循一般網站建設的基本流程外，還需結合高校具體特點及用戶使用需求進行優化，從設計到功能均應充分考慮用戶體驗以滿足實際需要。

一、用戶體驗對高校門戶網站建設的制約

用戶體驗（User Experience，簡稱UE），是指人們在與產品、服務或品牌交互過程中的道德印象總和，是人與機器通過輸入和反饋形成的抽象關系。網站作為新媒體的核心，最大的特點在于用戶交互。用戶體驗是使用者的心里感受，屬于用戶的純主觀感受，通常情況下無法完全模擬或在線，在網站的瀏覽過程中，內容規劃、界面設計、響應時間等都將直接影響到用戶體驗，用戶體驗設計正成為網站建設的新的核心和出發點。美國印第安納州的政務網站經過重新設計之后，用戶能夠找到所需信息和數據的成功率由72%提高到95%，用戶搜索所用的時間也減少了62%，由此對用戶訪問質量的提高是非常顯著的。因此，基于用戶體驗的高校門戶網站建設，對于提升用戶訪問效率，甚至是其對網站的綜合印象有著顯著且本質的影響。

二、基于用戶體驗的高校門戶網站內容規劃

高校門戶網站的內容規劃是指在建設前期，結合已有內容和用戶需求，對網站的整體邏輯進行梳理。內容規劃是校園網建設的基礎。

（一）網站首頁主體板塊規劃

通過對現今國內大多數高校門戶網站的主流板塊規劃方式的調研，綜合考慮東華大學舊版網站用戶的使用習慣及需求，在新版校園網首頁中，菜單欄（顯示網站主要框架內容）、新聞（包括文字及圖片新聞）、公告及活動通知等板塊仍需保留，以保證網站改版后首頁各板塊內容的延續性。調研顯示，大多數國內外高校門戶網站的主頁除了展示學校重大事件、發布校園重要通知之外，也非常注重學校學術氛圍的營造，而東華大學舊版網站的學術信息發布功能并沒有滿足用戶的需求，因此在新版網站的主體板塊中，學術信息的相關內容應當有所體現，經過整理，網站首頁的主體板塊應當包括：菜單欄、大圖、新聞、學術信息、公告、活動等板塊。

（二）網站首頁快速鏈接分類

調研顯示，互聯網用戶的信息獲取方式逐漸由被動接受向主動查詢轉變，越來越多的高校也將用戶體驗放在網站建設的首位。在對本校師生的問卷調研中，有53.1%的受訪者認為門戶網站應當適當增加服務性內容。因此，為了提高用戶的信息獲取速度，網站的首頁除了主體板塊部分，還應為站點內常用頁面設置快速鏈接。

1.不同用戶身份的快速鏈接劃分

問卷顯示，45.5%的受訪者希望新版網站根據不同群體設置分類內容，國內外大多數高校網站的快速鏈接的設置也是采用這種方式。通常情況，高校門戶網站的主要用戶有在校生、教職工、校友、考生、家長、媒體、招聘單位等多種類型，根據用戶對信息需求差異，可分為在校生、教職工、校友、考生及訪客四個大類。在此分類的基礎上，需要結合東華大學現有信息化服務，對大類的需求進行詳細梳理，得出東華大學校園網用戶身份鏈接內容分類表，如下表所示。

2.校園信息化應用功能集成

隨著校內信息化管理在高校的普及，很多高校都有一些針對本校人員工作、學習需求特殊定制的信息系統及應用，如校園郵箱、財務系統等。經過整理，東華大學針對在校師生定制了如下應用：校園郵箱、信息門戶、教務系統、圖書系統、財務系統、就業系統、新聞系統，以上七項應用在舊版網站中分屬不同部門，但使用頻率較高，尋找起來并不方便。在本次網站改版工作中，我們將這些常用應用在網站首頁集成了一個“快捷方式”，用戶可以一鍵訪問相關頁面，減少了用戶的點擊障礙。

3.其他常用快速鏈接

除了以上兩種類型的快速鏈接，另有一些不適合劃入分類，或者由于訪問需求大等原因需要在首頁直接顯示的鏈接，如圖書館、基金會、本站地圖、電話黃頁、黨務公開、信息公開等，對于這類鏈接，也應當在首頁設置合適的位置進行排列。

三、高校門戶網站的網頁界面設計

網站的建設，不僅要對網站的內容進行規劃，網頁的界面設計也是影響用戶體驗的重要因素，界面美觀的網站會大大提高用戶訪問的舒適度。

（一）網頁設計中的色彩應用

網頁的色彩應用首先應當確定該網站的主體色。通常情況下，主體色應當與學校的VI標識色或學校LOGO標準色統一，如果VI標識色不適合大面積使用，則應選擇與標識色能夠搭配的顏色作為主體色。東華大學的LOGO標準色為吉祥紅，色彩的明度、純度都比較高，如果大面積使用會加速用戶的視覺疲勞，因此并不適合用作網站主體色。經過對在校師生的調研，綜合考慮學校老版網站以及校徽、建筑等方面的用色，最終選取比吉祥紅明度降低一度的深紅色作為網站的主體色。

除了主體色之外，頁面上還需要有與之搭配的輔助色?？紤]到單個頁面上顏色不宜過多，而我們網站的首頁已有大圖板塊的規劃，未來會有各色各樣的照片、圖片在此呈現，因此，輔助色不適合選用與深紅色由相似色彩飽和度的其他色彩。而灰色是一種基本不受限制、可與任何色彩進行搭配的顏色，最終我們選定灰色為網站的輔助色。

（二）網頁設計中的文字應用

縱觀近幾年改版的高校網站可以發現，大多數的網頁設計更加趨于扁平化，想要使頁面的視覺效果足夠扁平，除了要減少高光、陰影等立體效果設計元素的應用之外，字體的選擇也很重要。另一方面，如果僅僅是考慮設計風格，而選擇較為生僻的字體，在大多數用戶的電腦上并未安裝該字體的情況下，系統會使用默認字體對生僻字體進行替換，如在頁面中內嵌字體，則會大大影響網站的訪問速度。因此，網頁設計中的文字應當在常用字體中進行選擇，以求在絕大多數用戶的電腦上都可正常顯示。而針對應用較少的文字，如菜單欄、板塊標簽等，可以選用更有設計感的字體，采用圖片切片的形式在網頁中實現，因其體量較少，對網站的訪問速度不會產生明顯影響。

除了字體，字號也是影響網頁視覺效果因素之一。網頁中的字號選擇應當根據文字功能，如菜單欄、板塊標簽等位置的文字需要使用稍大一些的字號，而一般文字則選用常用字號即可。目前國內高校網站一般文字所采用的大約為12～14號字，該范圍內的文字大小在視覺上較為舒適，基本可以保證閱讀需求，且不影響頁面美觀。

（三）網頁設計中的板塊布局

根據前文中梳理的主頁板塊，綜合調研顯示的用戶使用習慣和近年來國內外高校網站的設計趨勢，我們認為學校LOGO及菜單欄、大圖板塊應當放在頁面的主要位置。各類快速鏈接可合理分布在頁面的頂部和底部，并且在二、三級頁面保持統一。

作為學校重大事件宣傳和校園學術氛圍營造的重要陣地，首頁的新聞及學術信息版塊都應放在醒目位置。在設計過程中，我們減少了頭部的空間留白，讓用戶打開網站后在第一屏頁面即可看到新聞和學術信息的板塊，提高了用戶獲取信息的速度。

在新聞、學術信息的下方，設有公告/活動、專題以及新媒體訪問圖標。其中公告/活動由于性質相似，設計過程中將這兩個板塊設置在同一位置，通過鼠標懸停書簽來滿足瀏覽需求。專題板塊的內容則主要是學校針對思想宣傳、重大活動等事件制作的專題網站的圖標鏈接。近年來新媒體成為學校宣傳及形象塑造的重要工具和陣地，設計中，我們在頁面的右下方給新媒體工具預留了圖標鏈接位置。

（四）網站二、三級頁面設計

網站的二、三級頁面作為站點的子頁面，在設計風格上跟主頁不應有太大的差異，因此頁面仍以暗紅色為主體色、灰色為輔助色。此外，根據使用習慣，子頁面的頂部、菜單欄、底部都應與首頁保持一致，其內容的具體布局則由各頁面內容及展示形式需求決定，本文不做詳細贅述。

四、結語

高校門戶網站既要實用又要美觀，其建設過程應當不斷完善，需要綜合學校的發展方向、未來的設計趨勢、用戶的使用需求持續更新和改善，才能帶來更好的用戶體驗。

參考文獻：

[1][美]Janice Redish.勝于言傳：Web內容創作與設計的藝術[M].北京：機械工業出版社，2013.

[2]肖海鵬.高校網站設計初探[J].電腦知識與技術，2008（11）：1084-1085.

[3]趙侃.用戶體驗設計——網頁界面設計的重中之重[J].藝術與設計（理論），2010（9）：55-57.