网页设计原则网站学习效果评量

《网页设计原则网站学习效果评量》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、網頁設計原則網站學習效果評量陶幼慧、黃曉盈、戴佑珊、羅雅函、陳益能、李瑩貞義守大學資訊管理系E-mail:ytao@isu.edu.tw摘要面對著21世紀知識社會的來臨，是網際網路的普及化的時代，使得越來越多的使用者逐漸重視到網站網頁設計及使用的重要性，而網頁設計原則的應用是網頁設計者的重要工具之一。本專題前身已有一知識網站，蒐集各種不同種類的網頁設計原則，以系統化的方式產生一網頁設計原則知識分類架構出來，並從虛擬社群網站的角度，設計開發一個完整的網頁設計原則之知識網站，網站主要提供了知識之多形性、建立、查詢及傳播方面之技術應用。所以，本專題針對此網頁設計原則知識網站，充實文字

2、網頁設計原則之圖示範例，以期幫助網站網頁的開發者設計者，可以更有效的觀摩實用的網頁設計原則，最後再針對使用者的學習成效來進行一連串的評量，以驗證這樣設計的網站是否能確實地幫助網頁設計者學習網頁設計原則。關鍵字詞：知識社會、使用性、網頁設計原則、學習觀摩、學習評量壹、緣由與目的因為網際網路的越來越普及化，造成了製作網站網頁的工具越來越多，也越來越多元化，令人目不暇給。由於網頁製作工具的進展及普及，使得幾乎會上網的人幾乎通通會製作屬於自己的網站網頁的風氣及大環境大盛行；也由於國內的網頁設計的教學與書籍文獻多偏向程式技術層面，且系統分析與設計也偏重技術層次，造成的到處都是功能可能不弱

3、但是使用性較低的網頁充斥在網路上；在實務上軟體公司大多缺乏使用者參與的開發程序，而著重於事後的教育訓練，往往讓使用者在系統開發完成，才得以具體了解其功能與實際的介面操作模式，造成使用者的學習成效大為降低或不彰，並且也可能使得軟體公司必須不斷的作修改的的動作而造成麻煩。所以網頁設計原則是企業跨入資訊系統網際網路化，普遍需要但缺乏的一種知識。網頁設計原則並不是關於程式技術，而是在於系統與介面的設計層次。網頁設計屬於交談式(interactive)系統的一種，Norman(1986)指出促使使用者建立正確的心智模式(mentalmodel)，往往藉助於外在的系統形象(systemim

4、age)。換言之，也就是外在人機系統介面對使用者接受滿意程度的影響，遠勝隱藏於內部系統複雜的知識內涵與架構。當不瞭解概念性設計或並無適當的設計結果時，網頁的設計往往就傾向於一般性的經驗法則或是自行歸納出的原則（NewmanandLamming,1995），應用原則的最大問題在於如何選擇且如何實際發揮出原則的精神。狹義的設計原則在一般的人機介面書籍多少會記載著多年來的成果。所以本專題前身已製作了網頁設計原則的知識網站。本研究之目的主要著重於學習者的學習成效的評量，我們要評估使用者在使用了這個關於網頁設計原則的網站後，比未使用之前的學習成效上有何差異並且是否能讓使用者更快速的了解設

5、計原則的意義。另外，為了讓使用者能清楚的了解每一個設計原則所指的意義，我們在此計畫中也相當的著重於文字設計原則的圖示範例，希望能輔助使用者在學習原則時，能經由範例更加的了解如何的應用。貳、系統的建立一、網頁設計原則知識分類架構：本網頁設計原則知識分類架構主要分為四層，是由Johnson(2000)的原則說明、楊欣哲、王超弘(1999)的www網頁設計原則、NewmanandLamming(1995)的五大原則中，歸納出的網頁設計原則知識架構六大項原則（見下列圖1）：一般性原則、互動格式、介面實用性、畫面佈置、內容資訊及特別原則。圖1網頁設計原則知識架構二、雛形系統：網頁設計原則

6、網站的雛形系統架構中，除教學中心、管理者專區與會員專區，並包含知識種類、知識建立、知識查詢及知識傳播的功能。教學中心是連結到義守大學資管系陶幼慧老師的教學中心，我們可以透過他的網站學習到很多有關於網路設計與實務方面的教學與專業設計，並且還有許多人因工程的傳授與範例和許許多多的資源資訊提供使用者使用。知識種類則含網頁設計原則與分類，個案，最佳實務及主題論壇等四種，透過不同的知識表達形式，網頁設計原則可以多元化的方式，幫助使用者了解較偏向隱性知識的網頁設計原則。知識查詢含目錄索引、關鍵字查詢及原則總覽三種，是針對使用者的偏好讓使用者更方便快速的尋找相關之網頁設計原則，並透過簡易教學

7、方式了解該原則之定義說明及可能應用之圖示範例。知識之建立分享則是可由使用者自行提供網頁設計原則的內容，讓網站設計者參考且決定使用與否，達成使用者積極參與之目的。知識傳播以主動廣播之電子郵件與隨時更新之公佈欄、提供最新的知識內容或消息與使用者互相交流。三、系統示範畫面下圖2顯示網頁設計原則知識站之首頁，其中之功能按鈕可對應至系統架構之第一層。圖3為原則索引的部分圖示我們可以明顯看出網頁架構分為四層，網頁設計原則的教學表達則以圖4之分類及內容說明敘述，與圖5之圖示範例之畫面呈現給使用者。圖2網頁