用戶體驗視角下淺談高校門戶網(wǎng)站現(xiàn)狀與改版方案
——以上海第二工業(yè)大學(xué)中文門戶網(wǎng)站為例

耿萍萍

(上海第二工業(yè)大學(xué) 信息化辦公室,上海201209)

0 引言

高校門戶網(wǎng)站作為服務(wù)于內(nèi)外部用戶的重要信息平臺,其核心宗旨為方便快捷、準確高效的用戶體驗[1]。在當下的信息化時代,其重要性不言而喻。于內(nèi)而言,隨著我校信息化建設(shè)的不斷推進,門戶網(wǎng)站已然成為學(xué)校信息發(fā)布的主要陣地,是師生獲取信息、傳遞知識以及進行學(xué)術(shù)研究等最為主要、便捷的渠道;于外而言,高校信息化水平建設(shè)的高低,最直觀的展現(xiàn)便是門戶網(wǎng)站的設(shè)計,其信息服務(wù)質(zhì)量是影響用戶滿意度和考生報考決策行為的重要因素。此外,網(wǎng)站作為一個龐大的信息系統(tǒng),沒有使用說明書,訪問用戶往往具有一定的目的性,并且停留時間不會太長,因此如何使用戶在訪問過程中方便快捷地獲取所需信息,并能獲得良好的交互體驗與視覺美感,是網(wǎng)站設(shè)計的核心追求。

近年來,國內(nèi)外關(guān)于高校網(wǎng)站建設(shè)的研究方向越來越傾向于根據(jù)不同訪問用戶的需求指向來分析網(wǎng)站的設(shè)計要素,例如2019年5月News Rx Health&Science發(fā)表的文章中介紹了華盛頓大學(xué)健康科學(xué)網(wǎng)站提供何種類型的設(shè)計方式以及內(nèi)容安排可以更好地幫助那些有自殺傾向的患者[2]。澳門科技大學(xué)樊亞男[3]通過對國內(nèi)外民辦私立高校門戶網(wǎng)站首頁頁面視覺呈現(xiàn)部分的設(shè)計要素進行分析,闡明網(wǎng)頁如何利用視覺設(shè)計元素向利益相關(guān)方傳遞實時資訊與學(xué)院品牌性格,嘗試為國內(nèi)民辦私立高校官方門戶網(wǎng)站界面設(shè)計提供建議。王傳松[4]認為,隨著經(jīng)濟時代的來臨以及高等院校教育信息化進程的快速發(fā)展,不管是高校網(wǎng)站管理者還是用戶都對用戶體驗高度重視,因此從用戶體驗的角度來評價并改進大學(xué)門戶網(wǎng)站的建設(shè)與應(yīng)用情況具有現(xiàn)實意義。通過以上中外相關(guān)文獻的研讀發(fā)現(xiàn),以網(wǎng)站主要使用用戶的需求作為設(shè)計出發(fā)點、注重用戶感受的設(shè)計趨勢愈加明顯?？梢哉f,一個設(shè)計符合用戶審美需求、給用戶提供良好主觀體驗的大學(xué)門戶網(wǎng)站對于高等院校整體形象和軟實力的提升有重要的推動作用。門戶網(wǎng)站設(shè)計是一個集藝術(shù)與技術(shù)完美統(tǒng)一的整體,既包含頁面設(shè)計等美學(xué)設(shè)計因素,也包含Java、Html等編程語言方面的知識[5]。本文將在兼顧以上設(shè)計元素的基礎(chǔ)上,充分調(diào)研師生、學(xué)校管理部門的使用需求,參考華語圈知名高校網(wǎng)站設(shè)計元素,提出符合我校校情并兼顧技術(shù)先進、視覺精美的網(wǎng)站改版方案。

門戶網(wǎng)站改版是一個漸進的過程,很多國內(nèi)外知名高?；久磕甓家陌嬉淮?。如今,門戶網(wǎng)站變革趨勢正在逐步形成,用戶對信息獲取的便捷性、個性化、社交分享等有了更高的要求,因此對門戶網(wǎng)站的傳統(tǒng)運營方式提出挑戰(zhàn),門戶網(wǎng)站改版勢在必行[6]。高校作為產(chǎn)生新技術(shù)、新知識的前沿陣地,面對的是高學(xué)歷高素質(zhì)的教師隊伍,以及喜歡嘗試新鮮事物的學(xué)生群體,因此,如何在慣例與創(chuàng)新之間尋求平衡,如何不斷改進網(wǎng)站展現(xiàn)形式以迎合師生的需求,以及如何建設(shè)富有大學(xué)文化內(nèi)涵的優(yōu)秀網(wǎng)站門戶是值得思考的問題。

1 我校門戶網(wǎng)站建設(shè)的現(xiàn)狀

伴隨高等教育信息化的快速發(fā)展,我校及大部分二級單位均已建設(shè)了對應(yīng)的門戶網(wǎng)站平臺。目前我校門戶網(wǎng)站主要包含學(xué)校中英文主站,黨群、行政、直屬部門網(wǎng)站,學(xué)院(系)、科研機構(gòu)網(wǎng)站及各類專題會議網(wǎng)站等。中英文主站由專門部門負責,職責清晰,運行尚佳。各二級部門網(wǎng)站由于沒有專門的管理團隊,運行狀況欠佳,主要存在以下問題：內(nèi)容更新不及時,信息滯后,維護缺失,信息重復(fù)現(xiàn)象嚴重(見表1)。此外,網(wǎng)站正常運行需要大量的日常維護工作,各部門門戶網(wǎng)站兼職維護人員往往難以兼顧。

通過表1可以發(fā)現(xiàn),2018年除了教務(wù)處、研究生部等少數(shù)部門外,大部分二級職能部門網(wǎng)站信息發(fā)布數(shù)量以及用戶訪問數(shù)量都非常少。暴露的問題也是顯而易見,如已有網(wǎng)站資源利用不充分、信息發(fā)布不夠及時高效等。根據(jù)日常工作調(diào)研發(fā)現(xiàn),我校網(wǎng)站的用戶主體主要有：學(xué)生、專職教師、信息發(fā)布員、宣傳管理單位以及學(xué)校管理層。不同群體對于網(wǎng)站的布局建設(shè)有不同的要求,主要概括為以下幾點：①信息確保及時、準確;②信息分類更加清晰明朗;③信息檢索更加智能;④后臺管理更加方便簡潔;⑤頁面設(shè)計更加時尚前衛(wèi)。從學(xué)校管理層角度而言,領(lǐng)導(dǎo)者主要希望可以加強學(xué)校網(wǎng)站整體規(guī)劃,提高網(wǎng)站服務(wù)質(zhì)量。此外,通過訪談部分專職教師和學(xué)生,他們普遍認為,目前網(wǎng)站信息量很大,內(nèi)容涉及教學(xué)、科研、管理等各類信息,缺少必要的分類,導(dǎo)致搜索目標內(nèi)容非常困難。因此,從整體上看,學(xué)校中文主頁門戶網(wǎng)站可以更加優(yōu)化,二級部門網(wǎng)站需進行重新規(guī)劃與調(diào)整。

表1 2018年職能部門網(wǎng)站更新與訪問量統(tǒng)計Tab.1 The update and the visit statisticsof the departments’website in 2018

2 我校門戶網(wǎng)站改版方案探析

從當下的互聯(lián)網(wǎng)環(huán)境來看,影響高校門戶網(wǎng)站用戶體驗的要素主要有4個,分別為用戶身份類別多樣,終端瀏覽環(huán)境復(fù)雜,視覺界面同質(zhì)化,導(dǎo)航形式單一[7]。通過對國內(nèi)外知名院校門戶網(wǎng)站分析研究,發(fā)現(xiàn)被調(diào)查網(wǎng)站均具備頁面信息簡潔化、服務(wù)集約化、應(yīng)用智能化的特點,能夠在較大程度上滿足用戶的體驗感受。近年來,我校門戶網(wǎng)站也經(jīng)歷了重大的調(diào)整和改版,從最初的簡單羅列到現(xiàn)在的美觀、智能、高效,從手工到谷歌移動服務(wù)(google mobile service,GMS)系統(tǒng)建設(shè)模式確立,信息及時性、準確性、有效性大大提升。本次網(wǎng)站改版經(jīng)過前期眾多的范例參考及精心規(guī)劃設(shè)計,對原有欄目進行了梳理和歸并,并從整體框架,欄目板塊、圖片展示等方面做了新的設(shè)計和調(diào)整。設(shè)計理念思考及最終設(shè)計稿展示如下：

(1)新版網(wǎng)站在色彩運用上采用“工業(yè)藍”作為主題色調(diào)。我校是一所工科見長的應(yīng)用型高等學(xué)校,堅持“職業(yè)導(dǎo)向的高等教育”,為上海現(xiàn)代化建設(shè)輸送了數(shù)以萬計的各類技術(shù)與應(yīng)用人才,被譽為中國職業(yè)教育標桿和“勞模搖籃”。藍色屬于冷色系,給人沉穩(wěn)、智慧的感受,一般代表科技、高端的品質(zhì),故被稱為“工業(yè)藍”。選用“工業(yè)藍”作為學(xué)校官方網(wǎng)站的主色調(diào)可以更好的突出我校的辦學(xué)定位。因此,網(wǎng)站改版中藍色主色調(diào)保持不變,尋求在細微的局部加入其他配色巧思,堅持總體遵循協(xié)調(diào)均衡,局部采用對比著重的設(shè)計原則。

(2)版面設(shè)計采用中庸正式與技術(shù)、藝術(shù)設(shè)計完美融合的版式。一方面,高校作為高等學(xué)府,學(xué)術(shù)氛圍嚴謹,因此版面劃分宜模塊清晰,文字編輯整齊規(guī)范。另一方面,高校匯集了最青春、最活力的弄潮兒,因此新版網(wǎng)站設(shè)計中宜融入更多的藝術(shù)設(shè)計元素,以凸顯高校時尚前衛(wèi)的特點,迎合師生的心理期待,獲得愉悅的心理感受。本次改版在參考國內(nèi)外知名高校網(wǎng)站布局設(shè)計的基礎(chǔ)上,結(jié)合我校大圖供稿體系尚不完善、素材緊缺的實際情況,將高質(zhì)量圖片用于首頁輪播圖全屏展示,其他動態(tài)新聞采用小分辨率圖片加摘要的形式展示,同時排版布局中著重突出師生更加關(guān)注的通知公告分類。

(3)服務(wù)個性化。高校網(wǎng)站訪問用戶相對來說比較固定,一般分為考生、在校學(xué)生、教職工、校友、學(xué)生家長以及關(guān)心學(xué)校發(fā)展的社會人士等。不同類型的訪問用戶有不同的訪問需求,因此可以根據(jù)以上不同類型的訪問用戶進行個性化定制服務(wù)信息,對其關(guān)注的信息進行整合分類。以科研處網(wǎng)站為例(見圖1),從2018年7月1日—2019年7月3日網(wǎng)站訪問量統(tǒng)計數(shù)據(jù)來看(數(shù)據(jù)來自于學(xué)校目前使用的門戶網(wǎng)站管理系統(tǒng)),師生普遍關(guān)注的主要集中在科研公告、信息公開、圖片新聞、表格下載、管理文件、科研信息及核心期刊等。因此,新版網(wǎng)站可在統(tǒng)計所有部門網(wǎng)站內(nèi)容訪問量的基礎(chǔ)上,將師生主要關(guān)注信息進行匯總分類,最終實現(xiàn)根據(jù)不同訪問對象,提供個性化服務(wù)。

圖1 科研處網(wǎng)站訪問量統(tǒng)計Fig.1 The site visits statistics of the research administration office

(4)采用響應(yīng)式Web設(shè)計。近年來,隨著移動互聯(lián)網(wǎng)的興起,用戶的終端瀏覽環(huán)境越來越復(fù)雜,通過小屏幕移動設(shè)備訪問網(wǎng)站的用戶不斷增加。目前我校門戶網(wǎng)站的分辨率是1 000像素,無法自適應(yīng)手機、ipad等不同規(guī)格的移動互聯(lián)網(wǎng)設(shè)備,給師生的工作、學(xué)習(xí)、信息瀏覽帶來了極大的不便。響應(yīng)式Web功能的開發(fā),可以使門戶網(wǎng)站兼容多種終端環(huán)境,為師生提供良好的視覺效果,而且其開發(fā)、運行成本較低,不會產(chǎn)生較大的運行維護成本。

(5)增加網(wǎng)站交互功能使用范圍。網(wǎng)站交互功能的廣泛使用可以大大提升學(xué)生與老師、領(lǐng)導(dǎo)與教師以及部門之間的溝通交流,促進信息溝通更加高效便捷。目前我校已經(jīng)開通的具有交互功能的模塊有校長信箱、信息公開網(wǎng)站的網(wǎng)上咨詢、網(wǎng)上信訪、網(wǎng)上公示、網(wǎng)上征求意見等。新版網(wǎng)站可在便民服務(wù)、學(xué)生通知等模塊增加交互功能的使用,為訪問用戶提供便捷、權(quán)威的互動反饋。

(6)精簡整合導(dǎo)航欄,加強信息檢索功能開發(fā)。導(dǎo)航欄是一個門戶網(wǎng)站的靈魂,也是其功能實現(xiàn)的主要途徑。導(dǎo)航欄設(shè)計宜簡單直接,一目了然。根據(jù)國內(nèi)外網(wǎng)站的最新建設(shè)模式,我校目前的導(dǎo)航欄相對涵蓋廣泛,建議對其進行精簡。例如中國人民大學(xué)網(wǎng)站導(dǎo)航欄只有3個欄目,分別是概況、院系、服務(wù)。從用戶使用的角度來看,實現(xiàn)導(dǎo)航欄精簡,可以促使網(wǎng)站使用者按照用戶分類或者尋求的服務(wù)類型進行查找,從而大大提高同類信息的橫向?qū)Ρ群秃Y選。此外,智能搜索功能可大大提高檢索的精度和效果,不僅可以提供傳統(tǒng)的快速檢索、相關(guān)度排序等功能,還可以根據(jù)用戶的身份、興趣等進行信息過濾和推送,但根據(jù)目前的市場狀況,功能強大的智能檢索開發(fā)價格往往較高。本次改版可在目前的檢索功能基礎(chǔ)上進行優(yōu)化升級,實現(xiàn)傳統(tǒng)意義上全面、快速、相關(guān)度排序等基本功能即可。

(7)原則上取消二級職能部門網(wǎng)站(黨群網(wǎng)站除外),實現(xiàn)校內(nèi)資源整合,增加學(xué)校辦事流程入口,最大限度解決信息分類不清、查找困難的問題。二級職能部門主要作為學(xué)校的服務(wù)部門存在,為廣大師生提供各種學(xué)習(xí)、工作和生活服務(wù)。目前幾乎各二級職能部門均建設(shè)了自己的部門網(wǎng)站來進行信息發(fā)布。但網(wǎng)站的實際運行狀況欠佳,主要表現(xiàn)在以下幾個方面：①部門新聞通知等內(nèi)容較少,存在信息不足、內(nèi)容滯后的問題,無法很好地撐起一個網(wǎng)站的框架;②部門中重要的活動成果一般會報送至學(xué)校校園門戶網(wǎng)站進行宣傳,主站和部門網(wǎng)站同時發(fā)布相同信息,信息重復(fù)現(xiàn)象突出,在一定程度上造成學(xué)校資源浪費;③沒有專門的網(wǎng)站維護人員。因此,在新的網(wǎng)站改版中建議取消二級職能部門網(wǎng)站。那二級職能部門網(wǎng)站作為學(xué)校重要的組成部分,該如何展示呢？其原有網(wǎng)站上的重要的服務(wù)信息該如何更加方便快捷地為師生服務(wù)呢？本文主要參考了以下三所大學(xué)的建設(shè)模式,如圖2所示。

圖2 國內(nèi)知名大學(xué)網(wǎng)站Fig.2 The website of some famous universities in China

通過國內(nèi)部分知名高校網(wǎng)站建設(shè)的分析考察(見圖2)可以發(fā)現(xiàn),很多國內(nèi)知名高校已經(jīng)采用了新型的職能部門介紹形式,并可以做到根據(jù)不同的訪客分類展示出不同的服務(wù)內(nèi)容,使得頁面布局更加簡潔明了,服務(wù)更加集約,職能部門的服務(wù)屬性更加明晰?；谖倚５幕厩闆r,二級職能部門可以采用網(wǎng)頁列舉的方式,如按照職能定位、主要職責、部門工作(服務(wù))流程、部門負責人、聯(lián)系方式等進行展示,如圖3所示。其中,各部門的工作(服務(wù))流程及內(nèi)容可按照學(xué)生、教職工、訪客、考生進行分類展示。

(7)豐富網(wǎng)站首頁新聞及通知公告呈現(xiàn)方式。相對于一般的商業(yè)類網(wǎng)站,高校網(wǎng)站因其特殊型,其內(nèi)容的重要性尤其突出,對于信息的準確、權(quán)威、時效性有更高的要求。因此從用戶體驗的角度出發(fā),如何將信息類型單一但信息量巨大的網(wǎng)站優(yōu)化布局,是高校網(wǎng)站建設(shè)需重點關(guān)注的問題。二級職能部門網(wǎng)站取消后,學(xué)校門戶網(wǎng)站主站中新聞與通知板塊的功能將被大大整合與激發(fā)。因此,建議改版過程中將主站的新聞以文摘形式展示,即將圖片與文字結(jié)合,分為上方圖片,下方大標題和小字摘要的形式,增強信息的易讀性,保證用戶的注意力不被分散。通知公告采用分類呈現(xiàn)的形式,按照教學(xué)、科研、行政管理、校園服務(wù)四大類(見圖4)。

圖3 信息化辦公室網(wǎng)頁展示內(nèi)容Fig.3 The web page content of information offi ce

圖4 上海第二工業(yè)大學(xué)門戶網(wǎng)站中文主站改版草擬設(shè)計稿Fig.4 Therevised draft design for the Chinesemain portal siteof Shanghai Polytechnic University

3 結(jié) 語

門戶網(wǎng)站是高校展現(xiàn)自我的唯一官方平臺,如何清晰地展示學(xué)校的辦學(xué)特色及師生所需信息,并輔之以藝術(shù)美感,是網(wǎng)站設(shè)計建設(shè)的基本原則;如何用信息化的手段服務(wù)好師生,讓他們的工作和學(xué)習(xí)更便捷、更高效是信息化建設(shè)的初衷。

本文將工作中收集到的不同用戶對于我校門戶網(wǎng)站的反饋意見及期待作為出發(fā)點,依據(jù)目前正在使用的門戶網(wǎng)站管理系統(tǒng)后臺統(tǒng)計數(shù)據(jù),參考國內(nèi)外知名高校網(wǎng)站優(yōu)秀案例,并輔之個人工作中的思考和感悟,對我校目前正在運行的網(wǎng)站進行了系統(tǒng)全面的分析并提出了具體的改版建議。改版建議包括視覺界面重新設(shè)計;根據(jù)不同用戶屬性進行信息分類;采用響應(yīng)式Web設(shè)計;增加交互功能使用;精簡導(dǎo)航欄;重新規(guī)劃布局二級職能部門網(wǎng)站等,以期初步解決師生的主要訴求,同時在一定程度上重新優(yōu)化學(xué)校的網(wǎng)站資源布局。

改版方案注重不同用戶的使用感受,標志著網(wǎng)站建設(shè)者開始從以產(chǎn)品為中心轉(zhuǎn)為以用戶為中心進行構(gòu)建網(wǎng)站。網(wǎng)站改版是一個龐大復(fù)雜的信息系統(tǒng)改造的過程,涉及到學(xué)校眾多部門的信息整合與優(yōu)化,希望本文可以為我校門戶網(wǎng)站改版工作提供一些思路和可行方法。