基于用戶體驗的應用技術型高校二級網站改版研究

王小妮 高喆

摘要：高校網站作為校園信息化建設的重要組成部分，是學校進行面向社會推廣的媒介，師生互動交流的平臺，校外人士了解學校的窗口。具有清晰的網站界面設計、有序的功能內容組織、良好的用戶體驗的高校網站，有利于樹立良好的學校形象，向社會各界展示高校辦學特點，文化內涵，所以建立高品質的校園網站具有重要意義。應用技術型高校在我國數量龐大，但是大都服務于區域經濟，在社會上的知名度不高，學校校園網站建設陳舊，用戶體驗差，無法展示學校特色，迫切需要重新改版。

關鍵詞：應用技術型高校;界面設計;功能設計;用戶體驗;二級網站

中圖分類號：TP393 文獻標識碼：A

文章編號：1009-3044（2019）34-0037-02

高等職業教育是一個國家和地區經濟社會發展的基石，是其核心競爭力的體現，隨著國家和社會對高等職業教育發展的不斷重視，我國高等職業教育已經實現了辦學規模上的跨越式發展，截至2015年，高等職業院校的數量已經超過1300所，在校生數量超過3000萬，學校數量和在校生數量都已經占高等教育的一半以上，各高職院校都具有獨特的技能培養方向，有自己的特色專業，特色性強，但是高等職業院校同時具有區域性強的特點，在社會大眾中的知名度卻不高，這對學生和家長了解學校造成了一定困難，數字化時代，校園網站是社會各界了解學校的第一個窗口，所以建設具有學校特色，用戶體驗良好的校園網站，讓社會各界都能在瀏覽學校網站時，方便快捷的獲取到自己想要的信息，了解學校辦學特色。

1 用戶體驗概述

用戶體驗（User Experience，簡稱UX/UE）是20世紀90年代中期由唐納德·諾曼提出的概念，指用戶在使用產品或接受服務過程中的純主觀感受，涉及通過產品和服務提供給用戶的理性價值和感性體驗[1]。用戶體驗設計是一個范圍很廣的跨學科交叉概念，涉及心理學、社會學、計算機科學、人體工程學、美學等多個領域[2]。

IS0 9241-210標準將用戶體驗定義為“人們對于針對使用或期望使用的產品、系統或者服務的認知印象和回應”。通俗來講就是“這個東西好不好用，用起來方不方便”。因此，用戶體驗是主觀的，且其注重實際應用時的產生的效果。

ISO定義的補充說明有著如下解釋：用戶體驗，即用戶在使用一個產品或系統之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。該說明還列出三個影響用戶體驗的因素：系統、用戶和使用環境。

網站是一種提供特定服務的互聯網產品，用戶體驗對于網站比其他任何產品更為重要，因為網站是一個沒有說明書龐大的信息系統。現在用戶體驗設計貫穿整個互聯網產品開發流程一從品牌定位到用戶研究，從內容需求到信息架構，從交互設計到視覺設計，設計師們需要模擬用戶的使用環境、揣摩用戶的使用心理，不斷調整與完善產品的開發，力求為用戶提供超出預期的完美體驗[3]。

在用戶體驗方面，Mahlke認為，用戶在與網站交互過程中體驗與感知的系統有用性、易用性等技術因素和享受性、視覺美感性、內容吸引性等非技術因素會對信息效果產生影響[4]。Garrett在研究中指出，用戶在信息可用性、功能性、內容性等方面的體驗會影響對網站的評價[5]。胡昌平等提出，用戶體驗是用戶與信息服務互動的客觀反映，它要求網站要以用戶為中心進行組織設計和提供服務[6]。

2 網站建設問題分析

縱觀國內應用技術型高校網站設計，大多存在如下問題：

（1）界面設計上，色彩不協調，架構陳舊;

（2）采用傳統的上中下或者左中右結構，主要是以校內新聞報道信息呈現，各部門業務展示為主要內容，缺乏學校特色展示;

（3）容架構上，用戶獲取信息跳數太多，學校網站面向的服務對象（上級黨政機關，新聞媒體，合作企業，未來的學生家長等）沒有義務了解內部職能分工，自己從多個部門綜合查找匯總信息，而應該以功能為模塊為單位組織二級網站，用戶在三跳之內獲取到需要的信息，比如天津濱海新區“一個公章管審批”，浙江的“最多跑一趟”都秉承了這種“服務”理念;

（4）網站維護上，以職能單位組織二級網站，而不是以用戶功能需求為指導，各部門為了維護本部門的內部工作流程網頁花費了大量的人力和精力，還產生了安全隱患，工作流程內容放在互聯網上泄露了學校的核心競爭力，得不償失。

3 基于用戶體驗的高校二級網站建設研究

（1）色彩

界面色彩是樹立網站形象的關鍵之一，網頁的整體色彩由背景色、圖片顏色、文字顏色等各種形式原顏色搭配，共同構成了網頁的整體色彩，共同展示了網頁的主題和內涵，網頁的界面設計由主色、輔助色、背景色構成，他們共同作用于整個網頁形象，形成和諧統一的網頁視覺印象。大多數的高校都采用了主色，輔色，背景色的搭配使用，相互映襯，其中藍色為主色調的高校居多，也不乏很多高校使用了具有鮮明學校特征的校園色;比如北京大學的北大紅，清華的清華紫，都是具有深厚的文化內涵和學校特色，給人留下了深刻印象，網站設計應該跟學校文化相結合，展示學校的特色，具有學校特征的獨特色彩搭配才會給人留下深刻的印象。

（2）架構

版面布局結構是界面藝術設計的基礎框架，好的結構可以方便用戶快速地獲取信息，體現網站的特色，目前高校網站大多采用五種版式布局結構：上下（左右）T字結構、上中下結構、左中右結構，POP布局結構。

上中下的結構是應用最多的一種布局結構，大多數綜合類高校學科多，信息量復雜，都采用了這種結構，比如北大，清華，人大，天大，復旦等，POP布局結構相對其他版式結構新穎，人大，浙大采用了這種結構，版面布局像是一張宣傳海報;應用技術型高校信息量沒有綜合性高校多，但是具有更加豐富多彩辦學特色，非常適宜采用POP結構，版式清晰，又能突出學校特征。

（3）導航欄設置

導航欄體現網站的思考和構建方法，設計時同時考慮功能性和效率性，所以導航欄設計要合理，欄目設置要有歸納性：

大多數高校的一級導航欄內容過多，信息重復，建議將導航欄重新整合，將具有學校特色的主要支柱板塊，保留在一級導航欄中，并做單獨的門戶鏈接（二級網站），其他像信息公開類非用戶關心的欄目刪除，并將其他一級導航欄進行重新排列，新的一級導航欄保留項目：學校概況、師資隊伍、院系機構、科技服務、合作交流、招生就業、人才招聘、校園文化。

（4）二級網站設立標準

二級網站的設立不是以各個職能部門劃分，應該將各二級網站進行重新進行分類，將具有同一類似功能的網站進行整合，在名稱上不再是各個職能部門名稱，而應該是瀏覽用戶呈現的功能名稱，比如招生就業網、合作交流網，不應該是教務處或者統戰部，宣傳部等。

同理，外部用戶需要采集的信息，是功能性，獲取信息不能多于3跳，否則功能性信息要一次收集全，需要在各個二級網站分別獲取，因此網站設計不應該按照學校部門設置，建議按照功能屬性將二級網站重新歸類，形成獲取信息的“指路標”，其指向可以是二級網站，也可以是網站內的網頁，二者互補。

（5）增加用戶權限管理

建議將二級網站按照關聯性進行分類，學生，教職工，校友，都可以從不同入口訪問學校網站，針對自己所關心的內容進行快速瀏覽。

（6）增加其他語言版本

大部分高校網站都做了英文網站版本，建議增加具有自己特色的外語版本、如日語、德語、西班牙語等，體現學校國際化的辦學特色，同時為國外留學生了解學校提供語言支撐。

4 小結

本文對高校二級網站的建設方案進行了較為深入的研究，尤其是針對應用技術型高校的網站再建設提出改版建議，用戶體驗是一種追求舒服、簡潔、易用的美學的思維，同時又是一種互聯網的展現形式，盡管每個用戶的感受是不同的，但是大多數用戶的體驗是可以刻畫的，我們需要不斷提升改進，只要遵循以用戶的設計理念，對高校的網站設計，網頁設計，體系架構，形象風格進行不斷的提升和改造，相信一定可以設計出適合學校定位，發展的良好的網站，為學校師生、社會各界提供良好的服務。

參考文獻：

[1]吳江，黃晟青，蔡駿.互聯網購物網站用戶體驗設計研究[J].包裝工程，2012，33（8）：68-71.

[2]李志義，義梅練.基于用戶體驗的網站優化研究綜述[J].情報科學，2013，31（11）：150-154.

[3]單筱秋.淺議人機交互界面研發中的用戶體驗設計[J].南京藝術學院學報：美術與設計版，2013（6）：181183.

[4] Mahlke S.Factors influencing the experience of website usage[Cl.//CHI-02 Extented Abstracts.New York： ACM Press.2002：846-847.

[5] Garrett J J.The elements of user experience： user centered de-sign for the web[Ml.Berkeley： New Riders Publishing， 2003：13-20.

[6]胡昌平，鄧勝利.基于用戶體驗的網站信息構建要素與模型分析[J].情報科學，2006，24（3）：321-325.

【通聯編輯：光文玲】

收稿日期：2019-08-17

作者簡介：王小妮（1983-），女，高級工程師，主要研究方向為教育技術信息化;高喆（1974-），男，高級工程師，主要研究方向為教育技術信息化。