1 / 25

עיצוב אתרי קורסים מתוקשבים והנדסת אנוש של ממשקי אדם-מחשב

עיצוב אתרי קורסים מתוקשבים והנדסת אנוש של ממשקי אדם-מחשב. קורס פיתוח תכנים בסביבות למידה מתוקשבות מרצה: דודו רשתי מנהל משותף מערכת המידע סנונית האוניברסיטה העברית בירושלים.

enan
Download Presentation

עיצוב אתרי קורסים מתוקשבים והנדסת אנוש של ממשקי אדם-מחשב

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. עיצוב אתרי קורסים מתוקשביםוהנדסת אנוש של ממשקי אדם-מחשב קורס פיתוח תכנים בסביבות למידה מתוקשבות מרצה: דודו רשתי מנהל משותף מערכת המידע סנונית האוניברסיטה העברית בירושלים עיצוב ממשקי קורסים

  2. Designing an object to be simple and clear takes at least twice as long as the usual way. It requires concentration at the outset on how a clear and simple system would work, followed by the steps required to make it come out that way - steps which are often much harder and more complex than the ordinary ones. It also requires relentless pursuit of that simplicity even when obstacles apper which would seem to stand in the way of the simplicity. T. H. Nelson, The home computer Revolution, 1977 עיצוב ממשקי קורסים

  3. עיצוב ממשקי אדם-מחשב - טרמינולוגיה • CHI - Computer Human Interface • GUI - Graphical User Interface • CMI - Computer Machine Interface • Graphical Design • Screen Design • Design for Computer-Based Environments • UID - User Interface Design עיצוב ממשקי קורסים

  4. עיצוב ממשקי אדם-מחשב • פסיכולוגים • מעצבים גרפיים • כותבים טכניים (html) • מהנדסי תוכנה • מהנדסי ארגונומיקה (הנדסת אנוש) עיצוב ממשקי קורסים

  5. שלבים בתכנון • תכנון ראשוני ואיסוף מידע • תכנון מבנה פונקצויונלי • פיתוח • אינטגרציה • תפעול ופידבאק • הגדרת סוג הכלים והאינטרקציה הנדרשת בקורס עיצוב ממשקי קורסים

  6. תכנון ראשוני ואיסוף מידע • מטרות האתר / קורס • קהל היעד • סוג התכנים • חומרי גלם קיימים (ויזואליים, טקסטואליים) • תפעול ופידבאק • סטנדרטים קיימים / טמפלטים קיימים • תקציב ולוח זמנים • תאימות לאתרים / קורסים אחרים עיצוב ממשקי קורסים

  7. תכנון ראשוני ואיסוף מידע - הערכה • כמה זמן לוקח ללמוד את השימוש בממשק • מהי מהירות השימוש (בהתחשב במגבלות הקיימות) • כמה טעויות עושים המשתמשים בזמן השימוש • התיחסות סוביקטיבית של המשתמשים • שימוש חוזר לאורך זמן עיצוב ממשקי קורסים

  8. שלב תכנון מבנה פונקציונלי • שרטוט תרשים זרימה של מבנה הקורס • ארגון המידע באשכולות הקשורות לתהליך הקוגניטיבי של הלמידה • מתן כלים למשתמש לניווט ולאיתור מידע • התיחסות סוביקטיבית של המשתמשים לממשק הקורס • עד שלוש (ארבע) רמות של עומק עיצוב ממשקי קורסים

  9. שלב תכנון מבנה פונקציונלי מבנה שטוח ובעייתי - מעט תוכן פנימי מבנה רדוד עיצוב ממשקי קורסים

  10. שלב תכנון מבנה פונקציונלי קישוריות פגומה וחסרת היגיון מבנה עמוק מידי עיצוב ממשקי קורסים

  11. שלב תכנון מבנה פונקציונלי ירידה עד ארבע רמות וארגון באשכולות מבנה מעגלי של לומדה עיצוב ממשקי קורסים

  12. שלב תכנון מבנה פונקציונלי עיצוב ממשקי קורסים

  13. שלב הפיתוח • תכנון מבנה הקבצים • עיצוב תבנית דף המידע של הקורס • ביצוע מרכיבים גרפיים • ביצוע יישומי תוכנה או הכללת קיימים • בחירת מרכיבים תקשורתיים של סביבת הלמידה • הגדרת אופן דגימת הבקרה וההערכה בקורס עיצוב ממשקי קורסים

  14. שלב הפיתוח התאמה בין עץ היררכי לעץ התפריטים עיצוב ממשקי קורסים

  15. שלב הפיתוח - תבניות עיצוב ממשקי קורסים

  16. שלב האינטגרציה • קישור כל המרכיבים יחדיו ליצירת אתר הקורס • בדיקות איכות והגהות • מציאת דפים לא מעודכנים והצבעות מתות עיצוב ממשקי קורסים

  17. שלב התפעול השוטף והפידבאק • עידכון אתר הקורס • תיקון על סמך תגובות התלמידים • בדיקת קבצי לוג של האתר עיצוב ממשקי קורסים

  18. פידבאק - בדיקת קבצי לוג עיצוב ממשקי קורסים

  19. נקודות נוספות לדיון • תלמידים מעדיפים לא לקרוא מידע ממסך (צבע טקסט ורקע) • הצבעות (היפרלינק) עלולות להיות לעיתים כבדות • חשוב ליצור מבנה גרפי אחיד לדפי הקורס ולהבדילם מהשאר • יש להשתמש בגופן קריא עד כמה שאפשר וגודל טקסט סביר • סטודנטים רוצים עצי קורס לא עמוקים מידי • סטודנטים מעדיפים מסגרת ניווט קבועה • מסכי עזרה תמיד תורמים עיצוב ממשקי קורסים

  20. דוגמאות עיצוב ממשקי קורסים

  21. דוגמאות עיצוב ממשקי קורסים

  22. דוגמאות עיצוב ממשקי קורסים

  23. דוגמאות עיצוב ממשקי קורסים

  24. ביבליוגרפיה • Designing the User Interface , third edition, Ben Shneiderman (ISBN 0-201-69497-2); published by Addison Wesley Longman, Inc. http://www.aw.com/DTUI • HCIL Lab - http://www.cs.umd.edu/projects/hcil • הנדסת אנוש ותכנון אתרים / דודו רשתי) • User Interface Design for WWW-Based Courses • Design Methodology for A Web-Based Learning Environment • Yale C-AIM Web Style Guide עיצוב ממשקי קורסים

  25. There is a great satisfaction in building good tools for other people to use. Freeman Dyson, Disturbing the Universe, 1979 Through even the smallest window the eye can reach the most distant horizon. A. Bergman, Visual Realities, 1992 עיצוב ממשקי קורסים

More Related