基于用戶體驗理念的高校—站式網上服務大廳界面設計

王娟 向科峰

摘要：文章基于用戶體驗理論探究高校應該如何以用戶為中心建設一站式網上服務大廳界面。闡述了用戶體驗理論以及高校一站式網上服務大廳的概念，通過分析高校網上服務大廳現狀，了解到現存問題主要是由于缺乏相關設計理論作為支撐。研究闡述了界面設計的原則，建立了界面設計流程，再結合高校進行具體分析，使高校網上服務大廳更具人性化，以此提高網上辦事效率。既符合高校全心為師生服務的宗旨，又能推進高校信息化的建設，為其他高校網上服務大廳建設者提供新的參考。

關鍵詞：用戶體驗;一站式網上服務大廳;界面設計

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

文章編碼：1672-7053（2021）02-0073-03

隨著高校辦學規模不斷擴大，師生人數逐漸增長，學生日常需求多樣化，學生工作事務量也變大，傳統的線下辦理事務已經無法滿足師生的需求。為了響應政府推行的線上審批和服務的號召，諸多高校也在探索“互聯網+服務”，積極建立高校一站式網上服務大廳。由于高校網上服務大廳發展時間不長，建設網站時只注重技術因素而忽略了界面設計，造成了界面設計混亂、用戶體驗不佳等問題。本文基于用戶體驗理念，探索如何構建科學、高效、美觀的一站式網上服務大廳。

1 相關理論概述

1.1 用戶體驗

用戶體驗（User Experience）這一概念是從交互設計領域分離出來的，簡單來說用戶體驗是“用戶”的直觀感受，是用戶在使用某產品過程中包括使用前后產生的直觀感觸、心理和生理反應[1]。注重用戶的感受，建立用戶和產品之間和諧的關系，是獲得良好體驗的關鍵。

1.2 高校一站式網上服務大廳

高校一站式網上服務大廳是集網上辦事、業務管理、信息查詢、數據共享等為一體的網上服務平臺[2]，其主要是以師生服務、整合資源、優化管理為目標。高度集成服務門戶平臺、教務、本科生/研究生教育、科研、學工、OA等多個業務管理系統，全面解決師生在校的日常事項，達到事務流程一鍵式辦理、業務部門一鍵式審批、師生事務一鍵式辦結，真正實現“數據多跑路，師生少跑腿”吲的理念。一站式網上服務大廳帶動了高校的信息化建設，逐漸成為高校日常事務辦理和信息處理最重要的平臺之一。

2 高校一站式網上服務大廳現存問題

根據部分調研，四川省共有126所本專科院校，其中本科院校52所，專科院校74所。建設有網上服務大廳的本科院校33所，專科院校26所左右，一站式網上服務大廳在高校的覆蓋率還比較低。另外調查研究了37所高校的網上服務大廳界面，存在著一些共性問題，如內容不太完善、未做好內容分類，用戶不能快速找到自己需要的信息，色彩搭配混亂、頁面布局繁雜，導致用戶體驗較差，辦事效率低下。這主要是由于高校一站式網上服務大廳發展時間不長，網站開發者大多是計算機專業出身，一味地重視技術開發，設計界面時缺少專業的界面設計理論作指導，沒有將用戶體驗理念貫穿于整個設計過程之中。

3 基于用戶體驗理念的高校—站式網上服務大廳界面設計意義

高校一站式網上服務大廳作為老師和學生主要的辦事窗口，使用頻率非常高，建設一個基于用戶體驗的高效美觀的一站式網上服務大廳不僅可以吸引師生的使用興趣，還可以展示信息化建設的各個方面，提高各職能部門的辦事效率，促進學校和師生之間的溝通。所以，在用戶體驗理念的指導下設計一個好的服務大廳不管是對便捷辦理事務方面，還是對于學校信息化推進方面，都有非常重要的實用價值。

4 基于用戶體驗理念的高校—站式網上服務大廳界面設計原則

為了給全校師生提供一個綜合辦理事務平臺、營造更便捷高效的辦理事務環境，基于用戶體驗理念，總結出高校一站式網上服務大廳界面設計的原則。

4.1 以用戶為中心原則

以用戶為中心原則就是在基于用戶體驗理念設計一站式網上服務大廳界面時，要充分考慮老師和學生在使用網站時的使用感受，站在用戶的角度以他們的思維去設計網站[4]，并研究師生的使用興趣和習慣，了解師生真正的需求，做好網站角色和內容分類，再根據不同的角色制定不同的頁面。

4.2 簡潔性原則

簡潔性原則即頁面簡潔不簡單，做好分類，突出重點，旨在使用戶在短時間內快速瀏覽到需要的信息，提高工作效率[5]。著名的二八定律[6]，又稱80/20法則，意思是在任何一件事中，重要的東西只占20%，其余的80%都是次要的。將網站內容最重要的20%放在首頁，其余80%隱藏起來，這樣既可以保持頁面簡潔，又可以讓用戶快速找到重點，降低用戶負擔。基于用戶體驗理念的高校一站式服務大廳界面設計在保持簡潔性的同時，應注意的是隱藏的信息內容也要具有一定的指引性，使用戶找到目標的步驟不能太多。

4.3 統—性原則

基于用戶體驗理念設計一站式網上服務大廳界面時要注重界面的統一性，統一性原則除了要保持色彩[7]、圖形圖標、視覺尺寸的統一之外，目前很多高校為了統一網站界面設計風格，都設置了自己學校的視覺標識系統，該系統統一定義了學校的校名、校徽、文字、色彩等，使高校網站界面的設計更加標準化和系統化。

4.4 適用性原則

適用性原則是針對不同類型的網站，考慮其獨特的適用性而進行的設計。高校一站式網上服務大廳與門戶網站最大的區別之處在于門戶網站更注重展示學校信息，如學校概況、師資情況、部門機構以及一些校內新聞動態等信息，所以網站內幾乎是以文本鏈接的方式提供信息;而一站式網上服務大廳是聚合服務，將部門整合、內容融合為一體，主要意圖在于為在校師生快捷辦理事務，網站內打開后更多的是流程指引類和填表類。用戶點擊流程類鏈接后，最好以彈窗的形式出現，為了使用戶知道自己所處位置，彈窗應出現在內容區，且不要覆蓋頁眉和頁腳，這樣用戶的連貫性更好。填表類鏈接可用新開窗口的形式出現，因為使用彈窗可能會導致用戶填一半返回頁面后，需要進入重新填寫，為用戶帶來不便。

5 基于用戶體驗理念的高校一站式網上服務大廳界面設計流程

5.1 高校一站式網上服務大廳用戶需求分析

建設高校網上服務大廳的核心工作，也是第一步工作，就是對用戶需求進行分析。設計者可以通過多種方法調查用戶兩個問題“用戶是誰？”和“用戶想要在網站上找到什么內容？”只有充分了解用戶是誰和用戶需要什么，界面所展示出來的內容才是有針對性、有價值的。

5.2 高校一站式網上服務大廳數據信息架構

基于用戶體驗理念的高校一站式網上服務大廳數據信息架構主要由數據源層、數據平臺層和應用服務層三部分構成，見圖1。

數據源層包含教務、學工、網絡、科研、后勤等應用系統;數據平臺層包含兩個部分，一是由集成平臺、整理平臺、質量管理平臺組成的數據治理平臺，二是由師生肖像庫、教學評估庫、貧困補助庫、學業預警庫等組成的校園大數據倉庫;應用服務層包含師生肖像、教師主頁、教學質量評估、學業預警、教師職稱評審等。應用服務層是基于數據源層和數據平臺層的數據和服務應用，按照高校的規定進行類別的劃分，最終形成覆蓋全校師生的一站式網上服務大廳。

5.3 高校一站式網上服務大廳原型設計

原型設計就是設計師把網頁界面的布局和構思大致表現出來，快速表達自己的想法，同時使別人快速理解。原型設計非常重要，它初步的展示頁面布局，根據用戶需求和用戶反饋，快速更改原型，達到要求后就可以實施方案，這樣不僅可以提高用戶體驗，還可以大大節省成本。

5.4 高校一站式網上服務大廳界面設計表達

高校一站式網上服務大廳與用戶直接接觸的是網站交互界面，界面設計的優劣直接決定服務大廳的用戶體驗好壞。網站界面交互設計是在界面布局的基礎之上，加以圖形、文字、色彩、表格等元素，通過網頁與用戶實現交流和互動[8]。良好的網頁交互界面能夠幫助用戶更好地體驗自己在虛擬空間中的存在感[5]。

5.4.1頁面布局

頁面布局就是對網站界面上的文字、圖形、色彩、表格等內容進行合理地格式設置，使用戶能清晰地了解網站信息的大致結構。網頁上的頁面布局排版是否合理，頁面風格是否符合用戶的心意，這些都會影響到用戶在使用該網頁時是否感受到便捷易用、賞心悅目等心情[9]。高校網上服務大廳在頁面布局上要具備條理性、簡潔性、美觀性，充分考慮用戶使用習慣，梳理好信息，突出重要信息板塊，使用戶尋找信息時能夠一目了然。

5.4.2色彩

合理的色彩搭配能迅速吸引用戶的眼球，增強注意力，讓初次訪問的用戶對網站產生良好的第一印象[10]。不同于其他網站界面那樣繽紛多彩，高校網站色彩搭配還應該結合自己學校的文化特色，使師生用戶進入網站就有一種親切感和歸屬感。

5.4.3 圖標

圖標是一類特殊的圖形符號，它可以快速傳遞圖形表達的信息，便于識別和記憶[11]。好的圖標能讓用戶快速精確地識別信息，提高效率，使界面簡潔美觀，在網站界面設計，圖標應該包括以下特點：易識別性，首先要考慮的原則是易識別性，它是圖標的靈魂，能準確地讓用戶理解到它所想表達的意思[12]。統一性，高校網站圖標的設計風格應該與整個界面的風格（色彩、圖形等）保持高度一致。

6 基于用戶體驗理念的高校—站式網上服務大廳界面設計實踐

基于上文中所闡述的高校一站式網上服務大廳界面設計的四

個原則，以及設計流程，本文以西南科技大學一站式網上服務大廳為例，進行改版設計實踐。

6.1 網上服務大廳用戶需求分析

西南科技大學網上服務大廳主要面向在校師生，經過調查發現教師和學生對于業務需求不同，見表1。為了讓師生更方便快捷地辦理業務，在建設大廳時需要將頁面分為教師版和學生版，分角色為師生提供服務。針對不同的需求提供不同的服務，推送與個人相關的信息，突出重點，減少無關信息，加快效率，提升辦事體驗。

6.2 網上服務大廳界面設計

6.2.1 原型設計

在了解用戶具體需求之后，利用計算機輔助系統建立界面原型，經過小組討論和用戶的再次溝通與測試，反復修改原型，原型設計能夠快速地展示服務大廳的整體結構和初步界面。圖2是西南科技大學服務大廳改版的原型圖，2 （a）和2（b）分別代表教師版、學生版原型圖。

6.2.2界面設計

西南科技大學網上服務大廳按照用戶需求設計為兩個版本，加入了事項流程跟蹤，既可以明細流程，從而提高服務質量。圖3服務大廳最終界面，3 （a）和3（b）分別代表學生版和教師版。界面色彩結合學校文化特色，以藍色為主色調，藍色冷靜、深邃、有科技感，與學校科技特色相符[13];藍色給人淵博、寧靜和崇高的感受，符合學校科學研究的氛圍;同時藍色莊重、簡潔、大氣，又符合學校的校訓。而輔色中橙色、綠色取自校標的色彩，金色、銀色取自學校建筑外墻的色彩，給師生一種親切感。在設計圖標時遵循易識別性和統一性原則。

6.2.3用戶體驗評價

為了驗證本次改版設計實踐是否滿足了用戶需求，提升了用戶體驗，利用問卷調查方式分別調研本校師生對西南科技大學舊版、新版一站式網上服務大廳界面的滿意度，進行用戶體驗評價。本次問卷調查使用李克特五星量表，讓用戶從（1非常不滿意）-（5非常滿意）對問卷進行量化打分。問卷調查師生對登錄過程、頁面布局、色彩搭配、信息分類、圖標文字、整體滿意度等十個方面的滿意度。如圖4 （a）和4（b）分別表示教工、學生對新舊兩版網上服務大廳的滿意度對比雷達圖。根據圖像清楚地顯示改版后的各方面用戶體驗明顯得到提升，證明研究理論是合理的，設計實踐也是有效的。

7 結語

在互聯網時代，高校積極響應國家信息化建設的號召，加大建設一站式網上服務大廳，著力設計高效、美觀的服務大廳界面，提高各職能部門的辦事效率，增加辦事的透明度，提高師生使用體驗，促進學校與師生之間的溝通。本文基于用戶體驗理念研究高校一站式網上服務大廳界面設計，闡述了高校建設網上服務大廳遵循的四個設計原則：以用戶為中心原則、簡潔性原則、統一性原則和適用性原則;為高校建設網上服務大廳提供具有理論參考的設計流程：理清總體架構、分析用戶需求、界面設計表達。未來，高校應將始終以大廳人性化的設計、便捷性的服務、高效性的事務處理、專業化的師生服務作為服務大廳的建設方向，以給用戶帶來更加個性化和智能化的辦事體驗作為服務大廳的建設目標。

參考文獻

[1]顧振宇.交互設計原理與方法[M]北京：清華大學出版社，2016.

[2]劉一，基于流程再造的高校網上辦事大廳的設計與實現[D].天津大學，2016.

[3]范少芬，賀宗平.基于流程管理的高校信息化一站式服務的研究[J]智能計算機與應用，2018，8 （06）：168-170.

[4]陳晶，肖麗萍產品中交互設計的用戶體驗研究綜述[J]設計，2014 （06）：13—14.

[5]馮志兵，基于用戶體驗的網頁界面交互設計研究[D].湖南工業大學，2018.

[6]張志軍，設計服務移動信息平臺的理論與實踐研究[D].南京藝術學院，2018

[7]李奕飛，何人可，基于用戶體驗的洗衣機軟界面設計原則研究[J].包裝工程，2019，40（10）：196-202

[8]劉春強，視覺選擇性注意在網頁交互界面設計中的應用研究[D].江南大學，2014.

[9]陳昱甫，陳穎祺，舒葉，網頁設計中的頁面布局之分析[J].工業設計，2018 （12）：79-80

[10]許宏年，地方工科類院校門戶網站界面設計研究[D].長春工業大學，2017.

[11]張朦朦.淺析類扁平化設計在國標設計中的應用[J].大眾文藝，2015 （24）：124-125

[12]劉偉元，用戶界面中的圖標設計原則[J].包裝工程，2013，34 （08）：94-97.

[13]韓婷婷，色彩情感在平面廣告設計中的應用[J]，工業設計，2019 （12）：69-70