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