用戶體驗下高校網站界面優化設計

前言:尋找寫作靈感?中文期刊網用心挑選的用戶體驗下高校網站界面優化設計,希望能為您的閱讀和創作帶來靈感,歡迎大家閱讀并分享。

用戶體驗下高校網站界面優化設計

摘要:本文從用戶的視覺體驗、交互體驗、情感體驗3個方面分析九江學院和其他優秀高校門戶網站的設計和使用現狀,提出基于用戶體驗的高校門戶網站界面未來設計建議。首先,要充分滿足用戶對信息優先的需求,并且內容分類要精準;其次,在信息優先的前提下提升使用沉浸感,優化用戶的交互體驗,滿足用戶感官及交互方面的需求;最后,不斷迭代優化產品,滿足新用戶需求。

關鍵詞:高校門戶網站;用戶體驗;交互體驗

0引言

高校門戶網站是為師生提供資訊的重要渠道,是展示高校文化內涵的信息平臺,是體現高校信息化水平的重要指標,也是影響考生是否報考的重要因素[1-3]。高校作為高新知識和技術的傳播基地,面對的是高學歷、高素質的教師隊伍,以及年輕的學生群體,隨著5G大數據時代的到來,高速的信息傳輸方式給傳統的高校門戶網站設計提出新的挑戰。因此,如何不斷優化高校門戶網站界面,以滿足用戶需求是值得思考的問題。

1高校門戶網站的現狀

不少國內外知名高校門戶網站每年都會改版一次,試圖為用戶提供更便捷、個性化的服務。一個制作精美的門戶網站可以為高校塑造良好的形象,傳達出學校的辦學理念及學校特色,得到社會大眾的認可。筆者在調查中發現,與國外高校相比,國內高校的門戶網站設計還存在一定的差距,目前僅有部分高校的門戶網站設計可與國外一些高校的門戶網站相媲美[4-6]。本文試圖通過用戶體驗的3個要素對九江學院的門戶網站進行分析,并提出一些見解,試圖改善用戶的體驗和感受,努力提高九江學院門戶網站的影響力。

2用戶體驗概述

“用戶體驗”概念最早是由美國認知心理學家唐納德·諾曼(DonaldNorman)在20世紀90年代中期提出,指出用戶體驗涵蓋人對系統體驗的所有方面,包括工業設計、圖形、界面、物理交互等。約瑟夫·派因(B.JosephPine)與詹姆斯·吉莫爾(JamesH.Gilmore)在1998年的《哈佛商業評論》雜志上,首先提出“體驗經濟”的概念,進一步印證了“用戶體驗”的巨大影響力,并迅速被產業界接受與采用。營銷專家BerndH借助認知心理學與大腦功能化分區模型將體驗分為感官(Sense)、情感(Feel)、思考(Think)、行為(Act)和關聯(Relate)五大體驗體系。用戶體驗本質上是主觀的,因為它關乎個人對系統的表現、感受和想法;個性化、人性化的互聯網產品界面設計能大幅度提升用戶的使用體驗,有利于實現用戶體驗角度下的互聯網產品生命周期的良性循環。用戶體驗是動態的,是在一定情境中獲得的,因為它隨著環境的變化而變化,具有很大的不確定性,因此用戶體驗也會隨之經常變化。所以以用戶體驗為基礎的設計是在協調這些因素的同時,為用戶提供更好的交互體驗。

3基于用戶體驗的高校門戶網站界面設計分析——以九江學院為例

3.1視覺體驗。人們對網站的第一印象來自于視覺體驗,所以本文先從視覺進行探索。九江學院是一所二本院校,位于廬山之麓、長江之濱、鄱陽湖之畔,尤其是具有千年歷史、享有“天下書院之首”美譽的白鹿洞書院,更為九江學院賦予深厚的文化氣息和辦學氛圍,所以學校標志設計成“廬山、鄱陽湖和一只奔騰活躍的白鹿”,能夠體現學校的文化內涵。校園門戶首頁的眉頭由標志和校訓組合而成,并將墨綠色作為背景,能夠使用戶感受到該校的文化氣息,右側有搜索框,整體眉頭略顯擁擠。下方一排是下拉式菜單欄,以動態顏色切換形式呈現;菜單欄下方以大幅滾動的校園景觀橫幅圖片為主,用戶通過圖片能進一步了解學校的情況。再往下翻豎向被切割為圖片新聞、校園要聞和校園動態3個版塊,圖片新聞由滾動圖片加標題組成,校園要聞和校園動態均由文章標題加時間組成。網頁中下部為通知公告版塊,由橫三豎二的圓角方塊排列而成,但標題大部分顯示不全;再往下就是滾動的“專題網站”欄目,由各種相關專題圖片組成,下方由6個小標志加快捷菜單平均擺放一排,顏色也是標志色。網站底部由上淺下深的兩種不同灰度組成,上淺內容是校園聯系方式、友情鏈接和規定要擺放的網站標志,下深內容由版權、備案號和訪問統計數組成。整體網站給人統一和諧之感,也符合高校門戶網站設計的初衷,但網站色彩除了墨綠色之外只有黑白灰的搭配,顯得單調、沉悶。

3.2交互體驗。交互體驗是指體驗者使用服務的過程中所感受到的、所獲得的交互內容的總和,是一種主觀感覺。網站的交互體驗主要體現在用戶在操作上的可用性和易用性??捎眯泽w現在產品是否能夠滿足體驗者的需求,對于不同用戶群體都希望快速獲得所需要的信息,例如高考生需要快速了解學校的相關信息和招生資訊,教師需要快速進入相關辦公信息系統等,在九江學院網站為不同用戶提供了單獨的鏈接,點擊鏈接便可進入不同的界面,能夠滿足不同的資訊需求??捎眯詮娬{的是滿足用戶的主要需求,而易用性則是指在交互中縮短操作的時間。在九江學院的網頁上,從主頁菜單欄機構設置中點入后直接在原有框架不變的基礎上列出機構分類及二級菜單,再點單個二級菜單直接跳轉到另一個窗口,進入一個風格完全不同的界面。這種操作模式比較容易找到返回菜單,基本符合客戶需求,但用戶想立刻進入二級學院時,這個菜單并不好找,它隱藏在“教學機構”下“機構設置”下5個二級菜單中的第2個。

3.3情感體驗。從情感體驗來看,顏色帶給體驗者的心理感受會直接影響觀者的行為,不同類型的網站及其色彩搭配所傳遞的情感是不同的,所以通過合理搭配網站色彩有利于情感傳遞。交互過程中的情感體現在用戶實際操作網站時的心理安全感、方便性和合理性等方面。以九江學院為例,網站界面的主菜單設置雖然合理,但搜索欄設置得比較隱蔽,在點擊二級菜單時,等待時間較長,沒有設置等待進度條,界面不夠友好。

4基于用戶體驗的高校門戶網站界面設計建議——以九江學院為例

4.1信息優先。為滿足用戶的需求,信息優先就顯得非常重要,只有在網頁能提供相關信息時,用戶才會有進一步操作的可能;如果沒有發現相關有用信息,用戶就沒有興趣進行下一步操作,甚至會直接關閉網站。所以九江學院的網站布局應盡量滿足人們的心理預期,搜索欄可以放在畫面右上角,以避免畫面擁擠。同時,高??梢栽陂T戶網站中加入“內容推薦系統”,根據用戶瀏覽的歷史數據智能優先版面的信息內容,給用戶帶來更好的體驗感。

4.2沉浸式體驗。沉浸式體驗有助于用戶獲得更好的體驗,可以從交互體驗和視覺上進行優化。比如香港大學的門戶網站將鳥瞰校園風景動態視頻作為主導畫面,能夠給人一種強烈的沉浸式體驗;下方的引導箭頭“探索”二字更能吸引用戶點擊。九江學院的門戶網站也可以把校園風景視頻放在首頁,甚至可以加入AR(增強現實)、VR(虛擬現實)等技術,還可以增加一些引導標志,例如“進入探索校園”等字樣。在等待新頁面打開的過程中,可以增加等待進度條的趣味動畫設計,給用戶提示進度的同時又可以給用戶帶來良好的沉浸感。

4.3網站迭代設計。清華大學和北京大學的門戶網站都是國內體驗感較好的網站,以標志色彩作為網站主基調,菜單欄下采用滾動的校園活動圖片來吸引眼球,往下翻是不同的欄目模塊,均以圖片配文字標題呈現,只是圖文切換方式不同。色彩搭配始終以各高校的標志色為主搭配輔助色,使網站整體簡潔美觀和諧統一,用戶能很好地感知校園的文化氣息,其他一流高校網站都有向這兩所高校網站靠攏的趨勢。當今信息傳播迅速,高校門戶網站也要跟上時展的步伐,從而才能吸引更多的用戶訪問,尤其是高校每年都有新的學生群體進入,不同時代的年輕人有著不同的需求,從而對網站提出更多的要求,所以及時進行網站迭代設計也是非常有必要的。因此,九江學院網站也需要每年更新網站設計,以更好地服務于用戶群體。

5結語

隨著5G時代的到來,用戶的需求也日益多樣化,所以如何實現沉浸式交互體驗是當前研究的重點。本文針對九江學院的門戶網站進行分析,提出了基于用戶體驗的門戶網站設計建議,以供參考。

作者:高川 單位:九江學院

亚洲精品一二三区-久久