高校門戶網(wǎng)站界面交互設(shè)計研究

王聰

西北工業(yè)大學（西安　710000）

高校門戶網(wǎng)站界面交互設(shè)計研究

王聰

西北工業(yè)大學（西安710000）

信息時代里的高校發(fā)展必須加大信息化的建設(shè)，高校門戶網(wǎng)站作為外界了解高校教學、科研、文化、服務(wù)等多方面內(nèi)容的核心“窗口”，對提高高校的整體形象具有積極的作用。隨著信息化建設(shè)水平的不斷提高，以往的高校門戶網(wǎng)站界面設(shè)計已不能充分體現(xiàn)高校的特色和各項信息服務(wù)，交互式設(shè)計應(yīng)運而生?；诮换ナ皆O(shè)計的高校門戶網(wǎng)站界面設(shè)計優(yōu)化了界面結(jié)構(gòu)，提高了信息服務(wù)的效率和質(zhì)量，進一步促進了高校與社會各界間的交流與合作。本文具體分析了高校門戶網(wǎng)站界面交互設(shè)計，以供參考和借鑒。

高校；門戶網(wǎng)站；界面；交互設(shè)計

新媒體時代里的高校發(fā)展，需要以高校門戶網(wǎng)站為載體，將高校的工作狀態(tài)、形象等諸多方面及時的對外發(fā)布，以增強學校的影響力，強化高校與外界的交流合作。網(wǎng)絡(luò)信息傳播速度較快、互動性較強，使得高校門戶網(wǎng)站界面設(shè)計中存在的布局單一、友好性較差、用戶體驗與交互設(shè)計感不強等問題日益突出。為了使門戶網(wǎng)站的重要作用得到切實的發(fā)揮，需要采用交互式設(shè)計理念來完善門戶網(wǎng)站界面的設(shè)計。交互式設(shè)計的主體思想就是以用戶為中心，以新的視角體現(xiàn)了設(shè)計的本質(zhì)，進而得到了設(shè)計理論界與實踐界的高度關(guān)注?；诮换ナ皆O(shè)計理念的門戶網(wǎng)站體現(xiàn)出了體驗感以及平等、對話、交流平臺，平衡了設(shè)計的深度、廣度以及良好的容錯性與適時等內(nèi)容，提高了校園網(wǎng)站的建設(shè)水平，增強了校園網(wǎng)站的服務(wù)能力。

1　交互式設(shè)計理念的簡單介紹

交互設(shè)計技術(shù)反映在人們的思維層面就是交互設(shè)計理念，其革新了技術(shù)、生活與思維方式，轉(zhuǎn)變了人在設(shè)計中的被動局面，增強了使用者與設(shè)計師及產(chǎn)品間的交流。

整個設(shè)計環(huán)節(jié)體現(xiàn)的是一個完整的工作流程，包括分析、預測、定義、規(guī)劃、描述、探索等內(nèi)容，徹底改變了人與設(shè)計產(chǎn)品之間的冷漠關(guān)系交互式設(shè)計倡導的是體驗、溝通交流的思維方式，以用戶為中心，將用戶任務(wù)作為目標導向進行設(shè)計；以體驗為設(shè)計觀念，重視內(nèi)涵設(shè)計，拓展了設(shè)計對象，將人文關(guān)懷融入其中，探索設(shè)計產(chǎn)品、人與相關(guān)物質(zhì)、文化之間的交流。交互式設(shè)計涉及到的學科范圍廣泛，包含了管理學、心理學、圖像學、教育學、互聯(lián)網(wǎng)等，在人文、社會、經(jīng)濟等領(lǐng)域得到了廣泛的應(yīng)用。

2　基于交互設(shè)計的高校網(wǎng)站設(shè)計流程

認識用戶群體、提取交互設(shè)計元素、確定網(wǎng)站風格、版面設(shè)計、網(wǎng)站功能分區(qū)等是交互式校園門戶網(wǎng)站界面設(shè)計的主要步驟（詳見圖1）。

（1）認識用戶群體

各個用戶操作界面的體驗與交互設(shè)計感是存在差異且具有主觀性的，但高校門戶網(wǎng)站的用戶群體相對穩(wěn)定，可以實現(xiàn)認識用戶群體并挖掘其共性，共性的挖掘源于用戶對不同設(shè)計元素的滿意度調(diào)查。師生、家長以及相關(guān)教育組織機構(gòu)等是高校門戶網(wǎng)站的主要用戶群體，據(jù)調(diào)查數(shù)據(jù)顯示，其共性需求主要有完善界面?zhèn)鞑C制和信息傳達的有效性，使學校的信息或與自己相關(guān)的信息，可以通過更加快捷、簡便的方式來獲取。

（2）確定交互設(shè)計元素

網(wǎng)頁整體版面的主題思想就體現(xiàn)在設(shè)計元素中，線、形、色彩、紋理及空間安排等是網(wǎng)頁設(shè)計中的主要組成部分，體現(xiàn)在高校門戶網(wǎng)站界面設(shè)計中指的就是學校LOGO、各種圖片與文字信息、功能分布區(qū)符、色調(diào)等。交互設(shè)計元素的確定可以通過問卷調(diào)查的形式，明確元素的選取范圍，如字體、圖形大小等，進而將共性元素提取出來。

（3）形成主題風格

所謂的主題風格就是網(wǎng)站上能夠直觀表現(xiàn)高校各項內(nèi)容的代表性視覺印象，也可以是說就是網(wǎng)站的整體外在形象，可以為用戶提供最直觀的視覺體驗。學校的歷史、辦學及專業(yè)特色等綜合信息是校園門戶網(wǎng)站界面最基本的主題風格內(nèi)容，再將這些特色結(jié)合用戶滿意的設(shè)計元素，確定最理想狀態(tài)化的風格。

（4）版面設(shè)計

交互式設(shè)計的版面特點在于交互性較好的界面設(shè)計，可以為用戶群體提供多種方案，確保用戶能夠及時有效的得到與自己相關(guān)的校園重要信息。比如說，師生及家長用戶，學校概況、最新公告及校內(nèi)新聞等最有價值的學校信息是此類用戶關(guān)注的內(nèi)容，就應(yīng)以較為醒目的方式置頂；像登錄系統(tǒng)等次要的信息與功能就應(yīng)設(shè)置在次要的位置，以此類推。

（5）信息功能分區(qū)

信息的雙向傳遞是交互式網(wǎng)站界面設(shè)計的主要方式，所以必須確保信息功能分區(qū)的完善，明確呈現(xiàn)各項信息。交互式設(shè)計校園門戶網(wǎng)站的信息功能分區(qū)是在版面設(shè)計的基礎(chǔ)上將用戶興趣點深度開發(fā)，采用欄目或板塊的形式呈現(xiàn)給用戶，通過快速篩選獲取有用信息。基于交互式設(shè)計的高校門戶網(wǎng)站應(yīng)根據(jù)用戶需求的調(diào)查結(jié)果來進一步設(shè)置并調(diào)整優(yōu)化受訪版面分區(qū)，比如說增設(shè)“優(yōu)勢學科”等內(nèi)容，形成統(tǒng)一、快速瀏覽機制。

圖1　設(shè)計流程示意圖

3　基于交互式設(shè)計思想的校園門戶網(wǎng)站設(shè)計

3.1體驗感與創(chuàng)建平等、對話、交流的平臺設(shè)計理念

（1）體驗感的設(shè)計

現(xiàn)如今，人們的思想觀念逐步多元化，使得“體驗”逐步成為當下時代里一種常態(tài)化的生活方式。體驗的基本內(nèi)涵已在創(chuàng)新、適應(yīng)陌生性的基礎(chǔ)上成為一種知覺和心理的滿足，進一步落實為一種對新的事物、服務(wù)或觀念的實際行為和過程。用戶是發(fā)生體驗行為的主體，而產(chǎn)品，這里指的是網(wǎng)站是發(fā)生體驗行為的客體，用戶的心理預設(shè)、探索求新及其他心理，通過使用網(wǎng)站呈現(xiàn)出來從心理到行為的復雜活動就是我們所說的體驗。

在校園門戶網(wǎng)站界面設(shè)計中，適用是對用戶心理訴求的滿足，比如合適、高效、友好、滿意等，這種滿足除了界面美感設(shè)計，還體現(xiàn)在是否具有方便的導航策略，是否設(shè)計了合理的信息架構(gòu)，是否能實現(xiàn)豐富的功能，以及用戶需求的滿意度等方面。體驗感在校園門戶網(wǎng)站界面中的設(shè)計，除了用戶對網(wǎng)站的心理和行為的體驗，還包括網(wǎng)站與用戶的交流，即用戶通過網(wǎng)站進行探索和嘗試，在此過程中合理維持自然匹配和預設(shè)用途的心理比例。為了有效滿足用戶的使用習慣，設(shè)計時應(yīng)運用功能定制、界面定制、瀏覽記憶、服務(wù)定制等主動自適應(yīng)調(diào)整策略并適時提供有效的幫助信息。

（2）創(chuàng)建平等、對話、交流的平臺設(shè)計

基于交互式設(shè)計的校園門戶網(wǎng)站界面應(yīng)設(shè)置適度的對話交流版塊，承載交互功能的實現(xiàn)，此版塊也是實現(xiàn)網(wǎng)站與用戶平等、友好以及交流關(guān)系的重要媒介，更是用戶進行情感宣泄和發(fā)揮不滿情緒的重要渠道。從社區(qū)、評論等網(wǎng)站中的獨立版塊，到博客、微博、輕博、論壇等新興網(wǎng)站類型的對話交流版塊的設(shè)置上，足以說明各類網(wǎng)站高度重視與客戶間良好的對話交流。高校門戶網(wǎng)站界面設(shè)置可以增添“校園俱樂部”和“校園社區(qū)”兩個獨立的版塊來獲取用戶對校園的反饋信息。

3.2平衡深度、廣度，容錯性、適時幫助系統(tǒng)的設(shè)計理念

（1）深度、廣度的平衡設(shè)計

樹形結(jié)構(gòu)是網(wǎng)站信息架構(gòu)設(shè)計的主要形式，網(wǎng)站界面的深度指的是界面的級數(shù)，將網(wǎng)站首頁比作一棵樹的形態(tài)，樹干就是二級界面、樹枝就是三級界面、樹葉就是四級界面；網(wǎng)站界面的廣度就是網(wǎng)站首頁可達到的二級界面的數(shù)量。若網(wǎng)站界面的深度過大，就會出現(xiàn)經(jīng)多次點擊才會達到需求界面的情況，對于用戶來說費時費力，信息獲取不快速、便捷；若網(wǎng)站界面的廣度過大，就會出現(xiàn)首頁標題雜亂無章的現(xiàn)象，降低了互斥性，用戶經(jīng)驗中的分類標準與網(wǎng)站界面分類標準沖突，造成用戶盲目瀏覽信息，找不到重點。因此，完善的校園門戶網(wǎng)站界面設(shè)計，應(yīng)結(jié)合交互式思想平衡好網(wǎng)站界面的深度和廣度。同時，設(shè)置合理的控制按鈕，匹配信息的顯示，以便快速、準確、便捷的找到需求信息，提高信息檢索的有效性。此外，合理應(yīng)用TAG技術(shù)在校園門戶網(wǎng)站中設(shè)置有效的信息與服務(wù)搜索工具，有效降低誤差，快速、便捷的找到需求信息。

（2）容錯性設(shè)計

我們根據(jù)用戶對網(wǎng)絡(luò)的熟悉程度細分為新手、中間用戶及專家用戶3個層級，就算專家用戶在面對從未接觸過的網(wǎng)站時也會出現(xiàn)不同的錯誤。所以網(wǎng)站容錯性設(shè)計是重要的一環(huán)，一來允許用戶存在錯誤的操作，采用邏輯與文化常識等方面的限制性設(shè)計來引導用戶，減少用戶發(fā)生錯誤的可能性；二來設(shè)置防止用戶犯錯誤的預警提示和應(yīng)急解決機制。在用戶對網(wǎng)站的操作中出現(xiàn)執(zhí)行毀滅性操作時及時提醒用戶確認；在用戶錯誤操作網(wǎng)站時應(yīng)及時提醒用戶終止錯誤。對于錯誤的操作應(yīng)設(shè)置撤銷操作流程，或者提供糾正的機會、方法和正確步驟，而非被迫退出網(wǎng)站或滯留在網(wǎng)站中。

（3）適時幫助系統(tǒng)的設(shè)計

幫助系統(tǒng)的完善設(shè)計是體現(xiàn)一個網(wǎng)站是否優(yōu)秀的重要參數(shù)，幫助系統(tǒng)設(shè)計指的是在用戶進行網(wǎng)站操作時遇到無法解決的困難，可以根據(jù)幫助系統(tǒng)的正確指示，按圖索驥來尋求解決途徑。通常幫助系統(tǒng)涵蓋使用指南、參考手冊、疑難解答、術(shù)語解釋等部分，同時完善的幫助系統(tǒng)設(shè)計還要包括錯誤操作的修改建議、毀滅性操作的提醒等適時的預警機制；網(wǎng)站助手的功能設(shè)置等，為用戶在不知所措或操作錯誤的時候提供及時有效的顯性幫助；還應(yīng)包含信息介紹、觀念改變、知識拓展、快樂體驗等各類隱形幫助。高校門戶網(wǎng)站界面交互式設(shè)計應(yīng)采用“一對一”的模式，當用戶在進行校園網(wǎng)站操作時遇到上述問題，可以當場提問網(wǎng)站管理者，獲得即時反饋，提高了網(wǎng)站的針對性及工作效率，進而更好的為校園的發(fā)展服務(wù)。

4　結(jié)語

綜上所述，基于交互式思想的高校門戶網(wǎng)站界面設(shè)計能夠極大的提高網(wǎng)站的服務(wù)性能和工作效率，為高校的對外交流與合作奠定了基礎(chǔ)，強化了校園信息的服務(wù)，能夠更好的服務(wù)于學校的教學與科研工作。

［1］于振璽，齊江華.淺談高校門戶網(wǎng)站UI設(shè)計現(xiàn)狀及新表現(xiàn)［J］.戲劇之家，2014，07：266.

［2］許魯彥.基于交互設(shè)計的高校門戶網(wǎng)站設(shè)計［J］.軟件導刊，2014，11：87-89.

［3］肖海鵬.基于用戶體驗的高校門戶網(wǎng)站設(shè)計［J］.硅谷，2011，20：103+95.

［4］閔偉，丁耀.高校門戶網(wǎng)站人性化設(shè)計的調(diào)查研究——以閩江學院為例［J］.赤峰學院學報（自然科學版），2015，09：22-24.

［5］陳卓，杜學元，卜東東.從高校形象塑造談地方高校門戶網(wǎng)站建設(shè)［J］.成都中醫(yī)藥大學學報（教育科學版），2012，01：48-50.

［6］孫榮，王菊.高校門戶網(wǎng)站視覺界面色彩運用探析［J］.中國教育信息化，2012，19：27-30.

［7］陳祖琴.改進高校門戶網(wǎng)站可用性的建議［J］.電子商務(wù)，2013，08：77-78.

（責任編輯：興安）

P315.69

A

1003-3319（2016）03-00072-03

10.19469/j.cnki.1003-3319.2016.03.0072