通過長時間組內討論,最終商榷了團隊的開發項目而且肯定了人員安排狀況。本組一致決定項目內容爲「圖書館的圖書檢索以及預定系統」,並由我執行界面設計安排。界面是使用者與系統之間進行信息傳遞和交流的窗口,使用者經過它進行信息查詢、數據提交以及操做控制,系統則經過它向使用者提供信息,以供閱讀、分析和判斷。使用者界面設計的優劣,將直接影響使用者的興趣和效率。安全
用戶界面的主要元素及功能簡介:
用戶界面一般採用圖形使用者界面(GUI),構成界面的元素主要有:
1.窗口(Window)
使用者界面呈現區域。窗口通常組成部分包括:標題欄、菜單欄、滾動條、狀態欄和工具欄。在課程頁面設計技術中,窗口設計很是靈活,實現的基本功能包括:指定窗口大小、位置和打開關閉方式;窗口內容的上下、左右滾動顯示;窗口的縮放以及指定顯示窗口(_blank、_self、_parent、_top)的方式。
2.菜單(Menu)
標準的圖形界面對象。操做項目以列表的方式顯示在屏幕上,在網絡多媒體系統中的菜單形式有:
(1)彈出式菜單。把菜單項放在窗口中(隱藏),須要時在屏幕指定位置彈出。
(2)下拉式菜單。適用於多級菜單,佔據空間小,容易清楚地顯示出層次。
(3)分佈式菜單。即分類導航欄,主要用於主題超連接的排列。是主頁經常使用的導航方式。
(4)圖像菜單。一種特殊的超連接形式。經過Image map 能夠創建多項熱區,直觀形象地實現超連接。
(5)圖標(Icon):多媒體系統經常使用的圖形界面對象。他的設計基於隱喻和模擬的思路。使學習者很容易產生聯想。如一個「喇叭」圖標,能夠實現聲音播放;一個「信封」圖標,能夠激活電子郵件。
2.3 表單(Form)
交互式界面的重要組成部分,是使用者輸入信息的區域。服務器接收並處理表單提供的信息再將結果返回給使用者。表單元素包括有:
(1)文本框。用來接收輸入的文本信息。在提交表單時,即把所輸入的文本交給服務器。有三種類型的文本框:單行文本框、多行文本框和密碼文本框。
(2)按鈕。激活事件動做的界面對象。在頁面中使用的按鈕有三種:提交按鈕—向服務器提交表單中的元素;重置按鈕—能夠把表單中的全部元素從新設置爲初始狀態;命令按鈕—與上兩種按鈕的功能由系統賦予的不一樣,命令按鈕須要本身編寫相應的腳本代碼。所以功能更強大,使用也更靈活。
(3)複選框。也稱檢查框或檢驗框,一般用於一組相互不排斥的選項。是一個小方框。
(4)單選框。又稱收音機按鈕。在某一時刻有且只有一個按鈕能被按下。它提供的是相互排斥的選擇。是一個空心圓。
(5)列表框和下拉式菜單。兩者是同一類元素,只是具備不一樣屬性。列表框和下拉菜單中是項目列表,可選擇其中一項或多項。
2.4 對話框(dailogbox)
一個彈出式窗口,在學習者瀏覽時,提供給使用者更詳細的信息,並實現使用者與系統的交互。有時是向使用者索取信息,有時是向使用者提出警示和引導。
3 網絡課程界面設計的基本原則
網絡課程用戶界面的設計是遠程教學系統開發設計的重要部分,直接影響到遠程教學的成敗,必須按照必定的原則進行設計開發,並不斷進行研究和探索。咱們認爲,基於Internet的網絡課程界面設計的主要有如下幾項基本原則:
3.1 一致性
界面設計首先要對使用者具備強大吸引力,要提供完善的學習導航系統,功能應多種多樣,但前提是要給用戶一個統一的界面,使使用者應能憑藉自身的體驗作出智能選擇,而不致於使用者感到不和諧或者產生失落與迷惑感。一致性包括使用規範的界面元素,也指使用相同的信息表現方式,如在字體、標籤風格、顏色、術語、顯示提示信息等等。但這並不所以限制設計者的創意,只是使用者但願在整個系統中獲得的所有體驗中是一致的。
3.2 清晰性
網絡課程的用戶界面是針對必定的使用羣體設計的,要根據其認知特徵來設計界面的複雜程度,分析使用者所具有的相關體驗。例如,面向中小學生的設計,要結構簡潔,畫面活潑,而不能過於複雜。對於使用的界面元素,學習者的體驗可否相同,是否須要標註,甚至進一步提供幫助信息,都應聽從已認同的規範。過密的選擇排列會使學習者難以辨認,在近似選項間要有明顯的區別,用詞要恰當精簡。
3.3 反饋性
在網絡課程用戶界面設計中,考慮使用者與系統間的交互和反饋是很是重要的。這些反饋信息也許只是警告聲或進度指示條等一些基本反映,但卻能使使用者感到在與系統進行着交流,進入到了爲之創設的使用情景中,而不是單純地盲目地瀏覽。提供反饋的手段包括對話框、狀態欄、聲音提示、錯誤提示頁等。
3.4 藝術性
設計的一半是創意,惟一的理想界面是不存在的,但做爲設計者,必須做出最佳選擇。用戶界面是內容與學習者產生最初和持續影響的地方,包括視覺和聽覺兩個方面。在Internet浩如煙海的信息中,內容充實但界面粗糙會對許多學習者失去吸引力。界面設計的藝術性能夠說是學習者的體驗中心。
網絡課程的界面設計,應作到佈局合理、整潔美觀、主動形象,符合教學須要。頁面設計中的DHTML、樣式表(CSS)、層(Layers)和時間軸(Timeline)等實用技術爲實現界面在排版中的準肯定位和靈活使用提供了很好的支持,也爲界面的藝術設計提供了基礎。
3.5 安全性
這裏所說的安全性主要是針對使用者的操做應用而言的。錯誤主要產生主要在於使用者無效的信息輸入和不經意的操做。
首先在提交表單前對學習者輸入的信息做約束檢查,避免一些可預料的錯誤對學習者思路形成中斷和從新登陸。而對於不可預料的錯誤,應力求在引導學習者正確操做外,對常見錯誤應具備必定的容錯性。另外對學習者作出的不易恢復的操做,事前應做出適當的提示或警告,使學習者在瀏覽新功能時沒有後顧之憂。服務器