教育網(wǎng)站作為教育信息化工作的重要組成部分，承載著信息發(fā)布、業(yè)務服務、用戶評價等功能。隨著移動互聯(lián)網(wǎng)的發(fā)展，移動端網(wǎng)站以其更加靈活便捷、不受時空限制等特點，成為用戶搜索信息、處理事務的主要方式。為了滿足用戶需求，更好地發(fā)揮網(wǎng)站功能，建設(shè)移動端網(wǎng)站成為教育機構(gòu)信息化工作的必選項。
本文提出了一種系統(tǒng)型用戶體驗設(shè)計方法，通過探究用戶體驗與視覺識別的內(nèi)在關(guān)系，結(jié)合移動端網(wǎng)站特點，融合交互設(shè)計、平面設(shè)計、界面設(shè)計，為教育機構(gòu)進行移動端網(wǎng)站設(shè)計提供了新的思路。
系統(tǒng)型用戶體驗設(shè)計方法概述
本文提出的系統(tǒng)型用戶體驗設(shè)計方法（SUED，SystematicUserExperienceDesign）是一種提升用戶體驗的新方案。系統(tǒng)型是指由用戶體驗要素、視覺識別要素、美學要素、內(nèi)容策劃要素等組成的有機整體，各要素間相互依存、相互轉(zhuǎn)化。該方法包括輕量化用戶體驗要素模型設(shè)計、導向化視覺識別系統(tǒng)設(shè)計和集成化交互界面設(shè)計三個階段。
第一階段通過用戶問卷、數(shù)據(jù)分析、召開專項論證會等手段確定網(wǎng)站設(shè)計方案，針對特定用戶的需求來設(shè)定網(wǎng)站的欄目內(nèi)容。第二階段短平快地找到交互界面設(shè)計階段的視覺識別重心，為第三階段交互界面設(shè)計打下基礎(chǔ)。第三階段把交互設(shè)計、界面設(shè)計兩項工作，通過用戶界面組件進行關(guān)聯(lián)集成，總結(jié)出用戶界面模板，將用戶界面組件的樣式在所有界面上實現(xiàn)同步，更易于擴展和維護，提升用戶體驗的統(tǒng)一性和完成度。
輕量化用戶體驗要素模型設(shè)計階段
本階段在進行用戶調(diào)研、自我篩查、召開專家論證會的基礎(chǔ)上，進行了輕量化用戶體驗要素模型設(shè)計。其中用戶需求方面的重點有：移動端網(wǎng)站需要精簡內(nèi)容，增加吸引用戶的“必選項”，提升用戶粘性；內(nèi)容上突出信息化人物與成果；突出移動端網(wǎng)站的會議與活動功能。用戶體驗方法有：設(shè)計移動端網(wǎng)站專用視覺識別系統(tǒng)體系；設(shè)計移動端網(wǎng)站統(tǒng)一的用戶界面組件；使用良好的交互細節(jié)以實現(xiàn)功能。提升用戶體驗的預期效果有：同步提升用戶體驗與網(wǎng)站形象；加強視覺識別度和美觀度；內(nèi)容閱讀體驗活潑友好，時效性強。
該階段確定了移動端網(wǎng)站的欄目結(jié)構(gòu)，以此為基礎(chǔ)開展后續(xù)的具體設(shè)計工作，并制作了相關(guān)的工作計劃與功能需求文檔。
導向化視覺識別系統(tǒng)設(shè)計階段
重新完成視覺識別系統(tǒng)的基礎(chǔ)要素設(shè)計，重繪矢量圖形文字標志，重新定義以基準色為主的色彩體系，強調(diào)辨識度與應用場景導向性，建立統(tǒng)一的視覺識別體系。
集成化交互界面設(shè)計階段
用戶界面組件設(shè)計環(huán)節(jié)是整個移動端設(shè)計的基石，也是體現(xiàn)集成化交互界面設(shè)計“統(tǒng)一、快速”優(yōu)點的所在。首先，以視覺識別系統(tǒng)為導向來設(shè)計更為詳細的用戶界面要素，包括通用界面字體、顏色、按鈕、圖標等具體的界面組件，這些組件構(gòu)成如首頁、正文頁、列表頁等更高層級的用戶界面模板。如果在這個過程中用戶體驗需求發(fā)生變化，則返回第一步進行組件樣式更新迭代。這一循環(huán)的設(shè)計過程使移動端網(wǎng)站的設(shè)計風格更加簡約、明快，通用性強。
移動端網(wǎng)站的交互和桌面端有很大差別，比如光標與手指的交互差異、橫向信息與縱向信息的轉(zhuǎn)換差異等。通常來說，移動端的交互熱區(qū)不能小于44px，所以在信息呈現(xiàn)方面，移動端網(wǎng)站的組件采用靈活的標簽卡片組合設(shè)計方式，能更方便用戶觸摸，使信息傳達更直接有效。在首頁每個欄目的呈現(xiàn)方面，使用符合用戶需求和模板規(guī)范的圖文卡片系統(tǒng)，還可以用不同的標簽來表示欄目的區(qū)別。
交互界面集成化設(shè)計有利于動態(tài)交互展示。通過新型集成化設(shè)計軟件，可以將每個獨立的頁面進行連接，實現(xiàn)界面和交互同時進行，相互驗證，高度還原用戶的真實操作過程；無代碼化的設(shè)計流程，降低了開發(fā)環(huán)節(jié)驗證用戶體驗的試錯成本。通過軟件云端服務，可以把高保真交互原型分享給團隊其他成員，一同展開測試。 |
您現(xiàn)在的位置： 
