Recommended
More Related Content
Similar to Session _8_互動設計原則
Similar to Session _8_互動設計原則 (20)
More from MAX WEI
Session _8_互動設計原則
- 1. 淡江大學教育科技學系 互動教材設計與實習 DESIGN AND PRACTICE OF INTERACTIVE COURSEWARE Session 8 :互動設計原則
- 3. 淡江大學教育科技學系
- 4. 淡江大學教育科技學系
- 5. 淡江大學教育科技學系
- 6. 淡江大學教育科技學系
- 7. 淡江大學教育科技學系
- 8. 淡江大學教育科技學系
- 9. 淡江大學教育科技學系
- 12. 淡江大學教育科技學系 12
- 13. 淡江大學教育科技學系
- 14. 淡江大學教育科技學系 基本模式 回饋 輸入系統輸出
- 15. 淡江大學教育科技學系 模式二 目標 需要什麼 執行 做了什麼 評鑑 與期望比較 外界 （系統）
- 16. 淡江大學教育科技學系 模式三 1.形成目標 2.形成意願 3.指定行動 4.執行行動 7.評鑑行動結果 6.詮釋外界(系統)狀 外界 （系統） 況 5.觀察外界(系統)狀 況 易視性 心理模式 回饋
- 17. 階段名稱使用者行為描述設計目標 1. 形成目標決定系統的功能設計必須讓使用者可以一眼看出系 淡江大學教育科技學系 統的主要功能 2. 形成意願思考可以在系統上進行那些動作系統的設計必須具有良好的心理模 式，讓使用者與確地決定行動的方 法及預測行動後的結果 3. 指定行動認定某些動作可以與達成使用目標有 關 4. 執行行動執行選定的動作系統必須有穩定的技術架構必，讓 使用者可以順利執行動作 5. 觀察外界( 系統) 狀況看看執行後系統的反應系統系統必須提供使用者完整、持 續、正確並容易判讀的回饋。 6. 詮釋外界( 系統) 狀況對系統反應進行解釋 7. 評鑑行動結果對行動結果作出結論
- 18. 淡江大學教育科技學系 易視性 介面設計必須讓使用者能一眼看出 使用方法
- 19. 淡江大學教育科技學系 19
- 20. 淡江大學教育科技學系 20
- 21. 淡江大學教育科技學系 21
- 22. 淡江大學教育科技學系 22
- 23. 淡江大學教育科技學系
- 24. 淡江大學教育科技學系 心理模式 在實際開始操作前，使用者會依其過去的經 驗、受過的教育或訓練來解釋介面的操作方 法，並預測操作後的結果
- 25. 淡江大學教育科技學系
- 26. 淡江大學教育科技學系
- 27. 淡江大學教育科技學系
- 28. 淡江大學教育科技學系 回饋(Feedback) 讓使用者隨時瞭解系統處理的進 度與當前的狀況
- 29. 淡江大學教育科技學系
- 30. 淡江大學教育科技學系
- 32. 淡江大學教育科技學系 功能愈多>優使性愈低 • 讓網站功能單純化，除非必要，否則不要新增功能 。 • 深入瞭解使用者需求，只提供與使用者主要工作任 務相關的功能。 32
- 33. 淡江大學教育科技學系 直接的設計較容易使用 • 能快就不要慢 • 能秀出來的就不要藏起來 • 能說清楚的就不要玩文字遊戲 • 使用者已經習慣就不要改變 33
- 34. 淡江大學教育科技學系 34 Ex. (╳) ◆網路報稅不用怕！（網路報稅資訊安全說明) (○) ◆網路報稅資訊安全說明 >> 直接的功能說明比較容易理解。
- 37. 淡江大學教育科技學系 37
- 39. 淡江大學教育科技學系 39
- 40. 淡江大學教育科技學系 圖像使用可以幫助理解 • 網頁中出現的圖像都必須有意義，不要只為了裝飾目的而使用一些與 內容無關的圖像。 • 圖像雖然能夠幫助記憶，但基本上文字才是主要的訊息傳播工具，因 為圖像的性質為感性、模糊且解釋的方式因人而異，而文字則為理性 、精確、解釋單一，因此，圖像必須配合文字，盡量不要單獨使用。 • 如果是圖片，那麼必須有圖片的說明，如果是圖示，就必須有圖例說 明。 • 使用圖示雖然能幫助使用者理解，但圖示應使用於一些簡單的狀態說 明，複雜的狀態還是以文字說明會比較好。 40
- 41. 淡江大學教育科技學系 41
- 42. 淡江大學教育科技學系 導覽設計要素 • 目前的位置? • 回去的路怎麼走? • 可以往那裡走，前方還有那些景點? • 迷路時可以問誰? 42
- 43. 淡江大學教育科技學系 43
- 47. 淡江大學教育科技學系
- 49. 淡江大學教育科技學系
- 52. 淡江大學教育科技學系