基于用戶體驗的精品課程靜態(tài)網頁設計研究

張書茂

（安徽城市管理職業(yè)學院信息工程系 安徽·合肥 230000）

隨著教育的不斷發(fā)展，國家對于精品課程建設加強重視，積極推動高校與精品課程產生更加緊密的聯系。在當前，國家精品課程的有關教學資源已經全面向師生開放。真正實現了優(yōu)質教學資源的共享，大大促進了高校在人才培養(yǎng)方面的發(fā)展。但在當前精品課程網站設計規(guī)劃中，還有著許多的問題影響著精品課程功能的發(fā)揮。通過深入分析靜態(tài)網站設計中存在的問題，來尋找網站設計的優(yōu)化策略意義深遠。

一、精品課程概述

精品課程是在教育發(fā)展過程中將具有一流教師隊伍、教學內容、教學方法、教材、教學管理體系等特點進行有機結合的示范性課程。在教育發(fā)展過程中，精品課程大大推動教育的改革與創(chuàng)新，實現高校人才培養(yǎng)的深化改革。同時精品課程也積極融入現代信息技術，新技術有效實現更大范圍內的教學資源共享，優(yōu)秀教學資源的分享能切實推動人才的創(chuàng)新與發(fā)展。在當前，精品課程在功能效用上的發(fā)展受到越來越多的人的重視，尤其是國家對于精品課程在全國范圍內的進一步推廣。

二、現階段精品課程發(fā)展現狀

至2003年，教育部進行精品課程體系構建以來，隨著“十二五”規(guī)劃對于教育的推動作用，使得在當前精品課程發(fā)展已經有著極其豐富的課程資源。對推動教育的改革，提供了巨大的支持。到目前為止，教育部領導下的國家精品課程體系構建內容已經涵蓋了理、工、農、醫(yī)等等學科，并實現向高校和社會的全面免費開放。在精品課程發(fā)展已經推動數千萬專業(yè)人才的綜合素質的提高，大大提升了教育質量和人才支持下的國際競爭能力。但目前，為進一步推動國家精品課程在全國范圍內的發(fā)展，解決精品課程網站設計的問題有著極其重要的意義。

通過對現有高校在精品課程應用方面的問卷調查，調查結果顯示2/3的被調查者所在高校在進行國家級精品課程使用過程中，只使用與本校相關的精品課程，對于其他高校精品課程使用較少，20%的高校在教學當中雖然經常使用其他高校精品課程，但對課程內容的重視程度并不高，另外有14.26%的高校，根本不使用精品課程。在國家精品課程社會教育使用方面可以看出，課程推廣尚存在著許多問題。構建更精致的精品課程網站界面，對于推動精品課程的發(fā)展有著極其重要的意義，但在當前進行課程網站界面設計時還缺乏許多細節(jié)設計，影響精品課程網站作用的發(fā)揮。

三、精品課程靜態(tài)網站設計思路

對于精品課程網站進行設計時，首先要確定網站的主題?，F階段教育部推廣下的精品課程網站，是進一步推動精品課程在高校中進行更廣泛應用的課程平臺，所以在進行網站設計時，要在實用性方面投入更多的重視。好的主題能夠奠定整體的用戶體驗基調。精品課程是展示更新教學理念和更新課程設計的分享平臺，要結合精品課程的實際內容來擬定網站主題。設計中要切實表現出精品課程所有的中心思想，并依據教育類網站設計方法進行風格設計。切實考慮用戶對于主題的主觀感受，通過主題的科學確定來從根本上提升用戶的體驗。與一般的靜態(tài)網站設計不同的是，精品課程進行網站設計要更加注重現代和實用的風格，依據精品課程的內容對網站添加合理的、足夠的功能模塊，包括電子教案講義、實踐教學課程、網絡課程、試卷、問題圖片、素材等等方面。

（一）網站風格設計

在現代信息技術發(fā)展的推動下，互聯網成為各個方面展示自己特色的平臺，當前網站按照自身性質可以劃分為政府網站、企業(yè)網站、商業(yè)網站、教育科研機構網站、個人網站等等盈利或者非盈利的類型。不同組織不同機構在進行網站設計時由于自身目標主題和內容的不同，使得網站風格也大大不同。不同的風格會讓用戶在使用網站的過程中產生不同的感受。對于精品課程網站設計來說，由于精品課程網站是一種教育科研性質的機構網站，所以在設計上要注重風格的不張揚，盡量體現出一種莊重簡約的設計風格。色彩的選擇是網頁制作中非常重要的方面，色彩的合理搭配會讓用戶對網站產生更多的興趣。另外，合理的色彩搭配，也會讓人對于網站過目不忘。在進行精品課程網站風格設計時色彩應用是否恰當，將大大影響靜態(tài)網站的設計效果，筆者認為對網站進行設計時，應以灰色為主色調，紫色或藍色進行點綴搭配來整體凸顯網站的沉穩(wěn)氣息。

（二）網站結構設計

網站結構設計的好壞，可以充分體現出網站內容的層次關系，所以應按照邏輯結構和物理結構進行分別設計。在進行結構設計過程中，可以使用樹形結構進行邏輯結構設計，這樣各個頁面之間的關聯更為緊密，用戶在進行內容尋找時將會有著更直觀，更簡單的路徑搜索，有助于用戶快速獲取信息。在確定邏輯結構后，就要對網站進行物理結構的分析設計，物理結構設計要充分考慮當前技術解決方案與靜態(tài)網站設計原則。物理結構設計要本著易于維護優(yōu)化的原則進行設計。在結構設計時，可以按照以下三個方面來進行，首先是網站首頁信息展示，功能模塊設計與功能模塊。主要包括課程概況、教學視頻教學效果、教學方法、實踐教學、教學隊伍教學資源、申報表、意見反饋等等作為第一層次的結構設計。在這一層次的基礎上，再針對各功能模塊進行延伸設計，諸如對課程概況，進行下一層次設計可以設計課程簡介、課程思路、課程特色、課程設計概念。樹形結構的設置能夠有效的提升需要信息的檢索效率，能夠推動網站功能以及精品課程功能的實現。

（三）網頁布局設計

合理的網頁布局，對于凸顯網站內容重點和引導瀏覽者進行閱讀有著重要的意義。優(yōu)秀的網頁布局設計會大大影響到網站對用戶的整體良好印象。在進行靜態(tài)網站設計的眾多環(huán)節(jié)中，頁面布局可以說是極其重要的環(huán)節(jié)之一，在進行常規(guī)靜態(tài)網站頁面布局設計中，首先要遵循以下幾個要點：一是平衡性，頁面布局時文字與圖像等要素在空間分布中要均勻合理協(xié)調，在色彩選擇上一定要均衡，突出網站的特性；二是對稱性，對稱設計是所有設計中的一種共同遵守的原則，在日常生活中，有著對稱性的物體，總是有一種恰當的美感，使得很多事物都變得非常的協(xié)調優(yōu)雅。但在進行網頁設計遵循對稱原則的時候，不可以過度對稱，不可以表現出一種死氣沉沉的感覺。精品課程設計不僅凸顯出莊重，還要凸顯出一些生動，所以在對稱性設計過程中要加入一些變化；接下來是對比性設計，不同的形態(tài)色彩圖案元素之間的對比會形成鮮明的對比效果，這種對比效果對于凸顯重點來說有著巨大的幫助，諸如方形圓形的對比和黑色與白色的對比，恰當的對比變化能夠表現出精品課程靜態(tài)網站設計中精品課程的重點內容；最后則是疏密度的設計，精品課程靜態(tài)頁面設計中，疏密一定要做到合理有度，網頁不能遵循同一種樣式，適當留白的地方應該進行留白，適當調整字距的地方應該進行字距調整，使得整個布局做到比例協(xié)調。整體來說，在進行靜態(tài)網頁設計要著重考慮對象之間的影響關系，表格與文字之間的合理搭配等等問題。如果一個靜態(tài)頁面中有著太多的表格或者過多的文字，都會使得頁面的整體美觀程度受到影響，另外頁面中添加太多的表格，也會使得頁面的下載速度受到影響。精品課程網頁制作，在開發(fā)技術的基礎上，更要注重對于網頁的設計安排，以此來有效的提升用戶在瀏覽網頁時的體驗。包括對圖文的混合編排，超鏈接的恰當放置，表格布局框架設計，還有其他設計方法的使用等等突出精品課程網站應有的特點，在莊重，協(xié)調的基礎上凸顯出整體的實用性。

（三）網頁設計的綜合考量

在進行網頁設計時要綜合考慮以下幾種因素：首先是精品課程的建設，要以精品課程團隊與高校教育技術部門聯合制作為主。進而充分發(fā)揮出高效率的教育部門的技術協(xié)同作用，實現優(yōu)勢互補，提高整體開發(fā)效率。在前臺頁面設計 中，要增加校際交流以及課程應用與共享的功能模塊。在當前精品課程推廣過程中，推動高校精品課程應用是目前一個需要克服的問題。所以在靜態(tài)頁面設計過程中，要加入與之相關的功能模塊來推動精品課程的高校共享利用。網頁設計的綜合考量既是為了提升網頁在功能上的提高也是為了進一步的推動用戶體驗的提升。

結 語：

在進行精品課程網頁設計過程中，一切的設計元素都是基于用戶體驗來進行的，各種設計研究都是為了提升用戶的體驗性，以此來加強高校和其他教育組織對于精品課程的共享使用，在進行網頁設計時要合理考慮網頁的風格結構，以及各個元素之間的互相影響關系，借此來綜合提升用戶在使用精品課程網頁時的體驗。用戶體驗性的提高，有助于通過窗口效應實現精品課程的在更大范圍內的應用推廣。

參考文獻：

[1]馮燕.《靜態(tài)網頁設計》精品課程建設與研究[J].中小企業(yè)管理與科技（中旬刊）,2015,（08）:12-14.

[2]陳思維.淺談我國精品課程網建設[J].電腦知識與技術,2013,（04）:16-18.

[3]周志紅.精品課程網絡環(huán)境設計研究[J].孝感學院學報,2005,（04）:17-19.