交互式學(xué)習網(wǎng)站的界面設(shè)計研究

苗麗娟 李銀鈴 孟慶紅

摘要本文首先闡述和分析了界面設(shè)計的含義及其重要性,然后界定了什么是交互式學(xué)習網(wǎng)站及其特點,最后嘗試提出一個有效的交互式網(wǎng)站界面設(shè)計思路或者理論模型。

關(guān)鍵詞界面設(shè)計交互式網(wǎng)站結(jié)構(gòu)設(shè)計交互設(shè)計

中圖分類號:TP393.02文獻標識碼:A

網(wǎng)絡(luò)信息技術(shù)的發(fā)展使得人們越來越緊密地同網(wǎng)絡(luò)進行接觸,各色網(wǎng)站是人們與網(wǎng)絡(luò)進行親密接觸的門戶,而網(wǎng)站界面是實現(xiàn)“人機交互”的第一站,良好的界面設(shè)計將是為用戶營造良好“第一印象”的第一重要工作。網(wǎng)站不再是將所有內(nèi)容平鋪在電腦屏幕上,而是將復(fù)雜的內(nèi)容以簡單方式呈現(xiàn)在用戶的面前,讓用戶選擇自己感興趣的方面進行深入的學(xué)習和了解。

1 網(wǎng)站界面設(shè)計及含義

網(wǎng)站的界面是網(wǎng)站與用戶交互的最直接的層,網(wǎng)站的形態(tài)就是從界面上體現(xiàn)出來的,因此網(wǎng)站的形態(tài)設(shè)計的關(guān)鍵就是界面設(shè)計。以往的界面設(shè)計大都從設(shè)計者的角度出發(fā),以設(shè)計者的技術(shù)水平和審美來規(guī)劃網(wǎng)站,而忽視了用戶對網(wǎng)站的要求,沒有這個好的界面作為切入點,就不能很好的實現(xiàn)網(wǎng)站的價值。這里筆者從形態(tài)設(shè)計理念出發(fā),給界面設(shè)計下一個定義:界面設(shè)計是為了方便用戶獲取信息以及吸引用戶的持續(xù)關(guān)注而對界面的結(jié)構(gòu)布局、交互形式和整體風格進行的設(shè)計。未來成功的學(xué)習網(wǎng)站,重要的是讓學(xué)習者體驗到學(xué)習的樂趣和滿足,而不是從內(nèi)容上告訴他所學(xué)習的內(nèi)容是如何的有價值,學(xué)習后會考很高的分數(shù)等。很明顯,教育網(wǎng)站的“提高分數(shù)”功能已經(jīng)被放到了相對次要的位置,怎樣吸引學(xué)習者的關(guān)注,怎樣迎合學(xué)習者的學(xué)習興趣等等成了網(wǎng)站設(shè)計者首要關(guān)注的內(nèi)容。

2 交互式學(xué)習網(wǎng)站的界面設(shè)計

2.1交互式學(xué)習網(wǎng)站及其特點

交互式學(xué)習網(wǎng)站是以學(xué)習者為中心,依據(jù)一定的教學(xué)思想、教學(xué)理論和學(xué)習理論,以網(wǎng)站平臺為依托,提供豐富而生動的學(xué)習內(nèi)容,促進學(xué)習者有效的學(xué)習,并且學(xué)習者、教師、網(wǎng)站開發(fā)人員之間保持實時的和非實時的信息交流和信息反饋,以幫助完善網(wǎng)站的學(xué)習功能。交互式學(xué)習網(wǎng)站不僅是對傳統(tǒng)的課堂教學(xué)的補充,還可以作為一個交流的平臺,強化學(xué)習者之間、學(xué)習者與教師之間的溝通,通過各種交互手段,學(xué)習者不再只是學(xué)習內(nèi)容的接受者,而是積極的參與到學(xué)習中來,脫離了課堂學(xué)習中的約束和緊張的氛圍,將自己完全融入這個環(huán)境里感受學(xué)習的滿足感和成就感。這些都是交互式學(xué)習網(wǎng)站所具有的特點和功能。

2.2交互式學(xué)習網(wǎng)站的界面設(shè)計

在進行界面設(shè)計時必須明確學(xué)習者即網(wǎng)站的適用人群,進行界面設(shè)計之前必須要明確學(xué)習者是誰。界面設(shè)計應(yīng)該遵循整體到局部的順序,先制定出頁面的整體布局和結(jié)構(gòu),確定導(dǎo)航類型和位置,再確定整體的風格和顏色的變換。

(1)結(jié)構(gòu)設(shè)計。結(jié)構(gòu)設(shè)計是界面設(shè)計的骨架,通過對內(nèi)容分析和用戶分析,制定出產(chǎn)品的整體架構(gòu),需要對整體布局有一個清晰的輪廓。界面的結(jié)構(gòu)一般分為多窗體、單窗體以及資源管理器等多種風格。根據(jù)內(nèi)容的組合和設(shè)計要求及設(shè)計者的審美觀點來進行選擇。資源管理器的窗體設(shè)計清新明朗,最上邊的橫向?qū)Ш綏l將網(wǎng)站的內(nèi)容分為幾個大類型,左側(cè)則是所選類型的細化分類,客戶可根據(jù)自己的需要來選擇閱讀和了解自己感興趣的文章或模塊。用戶可以很快選擇自己喜歡的內(nèi)容進行學(xué)習,其他的內(nèi)容不會占用僅有的屏幕和頁面空間,影響學(xué)習的心情。

(2)交互設(shè)計。交互設(shè)計的目的是使網(wǎng)站讓用戶能簡單的使用。 任何網(wǎng)站功能的實現(xiàn)都是通過人和機器的交互來完成的。因此,用戶的因素應(yīng)作為設(shè)計的核心被體現(xiàn)出來,使得用戶在使用產(chǎn)品時愉悅、符合自己的邏輯、有效完成并且是高效使用產(chǎn)品。用于交互功能的主要有導(dǎo)航條、選擇按鈕、出錯提示,兼用鼠標鍵盤,當前位置報告等等,總之交互的目的就是讓學(xué)生在網(wǎng)站里來去自由,盡快達到自己的目的。在所有交互的設(shè)計中,導(dǎo)航條的設(shè)計尤為重要。同樣使用了導(dǎo)航條,網(wǎng)頁給人的感覺就有很大的差別,同樣是內(nèi)容很多的分類,豎向排列就要比橫向排列更有層次性和條理性。

(3)視覺設(shè)計。視覺設(shè)計首先要確立網(wǎng)站的整體風格,是明快鮮艷型的、是古典樸素型的、還是清新素雅型的,確立整體風格后可以依據(jù)風格進行色彩的選擇和搭配,二者是相互融合的。此外,文字的字體、大小、顏色等樣式也要配合整體的顏色和風格,圖像和動畫雖可以增加注意力,但要控制圖文比例,不能給人以眼花繚亂的感覺,而且太多了會大大降低網(wǎng)頁的瀏覽速度。

做好以上設(shè)計工作,一個網(wǎng)站的基本結(jié)構(gòu)和格調(diào)就已經(jīng)確立了,即確立了大方向后還要對界面的東西進行細化的調(diào)整和修改。網(wǎng)站的設(shè)計不是一個一蹴而就的任務(wù),需要在進行網(wǎng)站建設(shè)時不斷的改進和創(chuàng)新,本文探討了有關(guān)交互式學(xué)習網(wǎng)站的界面設(shè)計的一些問題,并對具體的界面設(shè)計提出了一些流程和規(guī)劃,相信會對進行交互式學(xué)習網(wǎng)站的界面設(shè)計的教師和開發(fā)者有些幫助。