互动式网页设计之应用模式研究.doc

互動式網頁設計之應用模式研究 摘要 互動式網頁設計的結果受到網頁內容、程式技術能力及系統介面實用性的影響。其中實用性的考量牽涉到使用者，不確定因素高且開發者需要相關知識與經驗的長期累積才能應付自如，因此網頁開發人員正確觀念的養成及開發設計方法的應用是值得關切的。本研究旨在探討並建立互動式網頁設計的初學者應用模式，並著重於問題定義、設計原則與使用者研究方法選擇的應用。 關鍵詞：實用性、互動式系統、網頁設計、人機介面設計 A Study of the Application Model for Interactive Web Page Design Abstract The results of an interactive webdesign are affected by the web page content, programming technique and interface usability. Among these three factors, usability requires in-depth knowledge and accumulated experiences in order to conquer the high uncertainties carried by the users. Consequently, the training and development of correct mental concepts and system design methodology for the webdevelopers are important. This research explores the beginner’s model for building interactive web page design, and focuses on the applications of problem statement definition, design principles and user study methods. Key words: usability, interactive system, webdesign, man-machine interface design 壹、緒論 網際網路盛行後，因網頁製作工具的進展與普及，造就了上網者皆可輕易製作個人網頁的大環境，加上電子商務與遠距教學等應用領域的興盛，更使得專業資訊服務網站的製作需求大增。更甚者，許多企業的傳統資訊系統也逐漸轉向網際網路/企業內網路/跨企業組織網路的環境，使得網頁設計的範圍與績效要求超過了其原先的認知程度。 互動式網頁設計除了受到系統內容與程式技術能力的影響外，實用性(usability)的考量也是影響其整體品質的重要因素。因為實用性是以使用者為中心的設計考量，所以不確定因素高，開發者需要專業知識與經驗長期的累積才能應付自如。然而絕大多數設計個人網頁者皆未有實用性考量的訓練；而專業網頁設計者受到開發過程中時間與資源的限制，往往降低與使用者的溝通互動，採用自行認定的網頁系統與人機介面的設計，卻忽略了網頁整體成果取決於使用者的認知滿意度；實務上軟體公司亦大多缺乏使用者參與的開發程序，而著重於事後的教育訓練，往往造成使用者在系統開發完成，才得以具體了解其功能與實際的介面操作模式。從上述個人的訓練不足、專業人士的時間資源限制到網頁設計公司的運作制度不當，造成的結果是網路上充斥者功能可能不弱但實用性低的網頁。 軟體技術大環境愈成熟的區域，實用性考量愈成為系統開發的競爭優勢，所以瞭解學習者對於實用性的實際應用狀況有助於改善實用性觀念的建立及推廣，本研究旨在探索並建立初學者網頁設計之應用模式。本文後續的章節安排為第二部分的文獻探討、第三部分的研究方法及範圍、第四部分的研究分析與討論以及第五部分的結論與建議。 貳、文獻探討 Norman[9]提出設計者與系統開發的互動模式，其中目標達成與否的評估則是將預定目標與系統執行後的使用者感受做比較，因此設定目標為該互動模式中最重要的基礎步驟。Newman Lamming[8]強調以包含活動內容、解決型式、使用者以及支援程度的問題定義方式來設定目標，其中『支援程度』即所謂的實用性的目標。互動式系統的開發，從一開始的問題定義及實用性設計就需要使用者的參與；設計者亦可先描繪出標的使用者的輪廓(profile)以住後續設計決策的考量依據。 互動式系統的概念性設計的步驟[8]依序為確認適當使用者的操作思考模式(mental model)、隱藏該mental model而透過簡單的人機介面幫助使用者了解其複雜的架構與內涵、應用認知模擬(cognitive walkthrough)自我反