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