王小妮 高喆

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

關(guān)鍵詞：應(yīng)用技術(shù)型高校;界面設(shè)計;功能設(shè)計;用戶體驗;二級網(wǎng)站

中圖分類號：TP393 文獻(xiàn)標(biāo)識碼：A

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

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

1 用戶體驗概述

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

IS0 9241-210標(biāo)準(zhǔn)將用戶體驗定義為“人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認(rèn)知印象和回應(yīng)”。通俗來講就是“這個東西好不好用，用起來方不方便”。因此，用戶體驗是主觀的，且其注重實際應(yīng)用時的產(chǎn)生的效果。

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

網(wǎng)站是一種提供特定服務(wù)的互聯(lián)網(wǎng)產(chǎn)品，用戶體驗對于網(wǎng)站比其他任何產(chǎn)品更為重要，因為網(wǎng)站是一個沒有說明書龐大的信息系統(tǒng)?，F(xiàn)在用戶體驗設(shè)計貫穿整個互聯(lián)網(wǎng)產(chǎn)品開發(fā)流程一從品牌定位到用戶研究，從內(nèi)容需求到信息架構(gòu)，從交互設(shè)計到視覺設(shè)計，設(shè)計師們需要模擬用戶的使用環(huán)境、揣摩用戶的使用心理，不斷調(diào)整與完善產(chǎn)品的開發(fā)，力求為用戶提供超出預(yù)期的完美體驗[3]。

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

2 網(wǎng)站建設(shè)問題分析

縱觀國內(nèi)應(yīng)用技術(shù)型高校網(wǎng)站設(shè)計，大多存在如下問題：

（1）界面設(shè)計上，色彩不協(xié)調(diào)，架構(gòu)陳舊;

（2）采用傳統(tǒng)的上中下或者左中右結(jié)構(gòu)，主要是以校內(nèi)新聞報道信息呈現(xiàn)，各部門業(yè)務(wù)展示為主要內(nèi)容，缺乏學(xué)校特色展示;

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

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

3 基于用戶體驗的高校二級網(wǎng)站建設(shè)研究

（1）色彩

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

（2）架構(gòu)

版面布局結(jié)構(gòu)是界面藝術(shù)設(shè)計的基礎(chǔ)框架，好的結(jié)構(gòu)可以方便用戶快速地獲取信息，體現(xiàn)網(wǎng)站的特色，目前高校網(wǎng)站大多采用五種版式布局結(jié)構(gòu)：上下（左右）T字結(jié)構(gòu)、上中下結(jié)構(gòu)、左中右結(jié)構(gòu)，POP布局結(jié)構(gòu)。

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

（3）導(dǎo)航欄設(shè)置

導(dǎo)航欄體現(xiàn)網(wǎng)站的思考和構(gòu)建方法，設(shè)計時同時考慮功能性和效率性，所以導(dǎo)航欄設(shè)計要合理，欄目設(shè)置要有歸納性：

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

（4）二級網(wǎng)站設(shè)立標(biāo)準(zhǔn)

二級網(wǎng)站的設(shè)立不是以各個職能部門劃分，應(yīng)該將各二級網(wǎng)站進(jìn)行重新進(jìn)行分類，將具有同一類似功能的網(wǎng)站進(jìn)行整合，在名稱上不再是各個職能部門名稱，而應(yīng)該是瀏覽用戶呈現(xiàn)的功能名稱，比如招生就業(yè)網(wǎng)、合作交流網(wǎng)，不應(yīng)該是教務(wù)處或者統(tǒng)戰(zhàn)部，宣傳部等。

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

（5）增加用戶權(quán)限管理

建議將二級網(wǎng)站按照關(guān)聯(lián)性進(jìn)行分類，學(xué)生，教職工，校友，都可以從不同入口訪問學(xué)校網(wǎng)站，針對自己所關(guān)心的內(nèi)容進(jìn)行快速瀏覽。

（6）增加其他語言版本

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

4 小結(jié)

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

參考文獻(xiàn)：

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

[2]李志義，義梅練.基于用戶體驗的網(wǎng)站優(yōu)化研究綜述[J].情報科學(xué)，2013，31（11）：150-154.

[3]單筱秋.淺議人機交互界面研發(fā)中的用戶體驗設(shè)計[J].南京藝術(shù)學(xué)院學(xué)報：美術(shù)與設(shè)計版，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]胡昌平，鄧勝利.基于用戶體驗的網(wǎng)站信息構(gòu)建要素與模型分析[J].情報科學(xué)，2006，24（3）：321-325.

【通聯(lián)編輯：光文玲】

收稿日期：2019-08-17

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