‫ארכיטקטורת מידע‬
    ‫והנדסת אנוש של ממשקי אדם-מחשב‬



                                      ‫מרצה: דודו רשתי‬




‫1‬  ...
‫מבנה הקורס‬
           ‫(מבוא לארכיטקטורת מידע )הרצאה ראשונה •‬
             ‫(עיצוב ממשקי אדם מחשב )הרצאה שנייה •‬
    ‫...
‫‪Web‬נושאים מרכזיים במערכות‬
                          ‫‪Web‬נושאים מרכזיים בבניה של מערכות‬
        ‫קישור למערכות ,‪- C...
Information Architect:
    2) The individual who organizes the patterns
       inherent in data, making the complex clear....
‫ארכיטקט מידע לעומת ארכיטקט בתים‬

         ‫נדרש לתחקר ולהתאים את‬   ‫נדרש לתחקר ולהתאים את‬
    ‫המערכת לקהל היעד שישתמש...
‫‪Web‬בעיות במערכות‬
                                                 ‫קושי באיתור מידע •‬
                         ‫קבצים...
‫השינוי שיצר האינטרנט‬
     ‫מערכות אינטרנט‬                 ‫מערכות מידע‬                   ‫הארגון‬
      ‫חיצוניים / בי...
‫‪Web‬יתרונות במערכות‬
                                                     ‫אסטטיקה •‬
    ‫רעיונות גדולים המשנים את דרכי...
‫תפקיד ארכיטקט מידע‬
                                                  ‫הגדרת החזון והמטרה •‬
    ‫מציאת האיזון בין המשתמש...
‫ידע נדרש מארכיטקט מידע‬
                            • ‫(עיצוב גרפי‬Graphic Design)
                        • ‫(מידענות‬In...
‫בסיס הידע‬
                                 ‫הבנת המשתמש‬
                       ‫הנדסת אנוש • ארגונומיה •‬
             ...
‫עבודת צוות‬
                                                                                     ‫צוות גרפי וקריאטיבי‬
  ...
‫תהליך עבודה‬

                ‫?איך‬                                ‫?מה‬                         ‫?למה‬
     ‫‪Productio...
‫?תהליך עבודה – למה‬
                     ‫ראיונות עם היזמים •‬
                                                          ...
‫כלי א' -טבלת הערכת מטרות והזדמנויות‬
     ‫דירוג 4-1‬                                                    ‫מטרות והזדמנויו...
‫כלי ב' - טבלת הגדרת סוגי המשתמשים‬
     ‫דירוג 4-1 שלושת הצרכים העיקריים של המשתמשים‬                           ‫סוג המשת...
‫‪Wish-List‬כלי ג' - טבלת דרוג‬
          ‫תאור הפריט, חשיבותו, סוגי המידע‬                     ‫דירוג‬        ‫שם פריט המ...
‫כלי ד' - שאלון‬




18   Information Architecture - ‫ארכיטקטורת מידע‬
‫כלי ה' – סקירה השוואתית של אתרים מתחרים‬




‫91‬              ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫?תהליך עבודה – מה‬

        ‫חיפוש אחר מטפורות )ארגוניות, •‬                                  ‫?מה‬
                     ...
‫חיפוש אחר מטפורות‬
     ‫מידת ההתאמה‬                ‫תגובת המשתמשים‬            ‫הכוונה‬   ‫איור‬
                      ...
2– ‫חיפוש אחר מטפורות‬

                                  www.monkey.com




22   Information Architecture - ‫ארכיטקטורת מ...
‫מבנה פונקציונלי‬




‫32‬   ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫סקיצה גרפית‬




‫42‬   ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫תרשים זרימה‬




‫52‬   ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫?תהליך עבודה – איך‬
                                 ‫תכנון מפורט •‬
             ‫סקירת חלופות טכנולוגיות •‬            ...
‫סקירת חלופות טכנולוגיות‬




‫72‬      ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫מפת אתר תלת ממדית‬




‫82‬    ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫ניתוח קובץ לוג-1‬




‫92‬   ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫ניתוח קובץ לוג -2‬




‫03‬   ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
Designing an object to be simple and clear takes
     at least twice as long as the usual way. It requires
     concentrat...
‫ביבליוגרפיה‬
     • Designing the User Interface , third edition, Ben Shneiderman
     (ISBN 0-201-69497-2); published by...
‫ארגון מידע ובדיקות שימושיות‬
       The beginning of all understanding is
       classification.
                        ...
‫בעיות ארגון מידע באתרי מידע‬

            ‫)‪(Ambiguity‬עמימות במשמעות של מילים •‬
               ‫)‪(Heterogeneity‬הטרוג...
‫צורות ארגון מידע‬

                         ‫)‪(Exact Schemes‬ארגון מדויק •‬
                   ‫• אלפבית )ספר טלפונים, ל...
‫צורות ארגון מידע‬

             ‫)‪(Ambiguous Schemes‬ארגון מעורפל •‬
                                    ‫• לפי נושא )דפ...
‫צורות ארגון מידע - דוגמאות‬

     ‫מבנה כרונולוגי‬                                 ‫מבנה גיאוגרפי‬




‫73‬     ‫ארכיטקטו...
‫צורות ארגון מידע - דוגמאות‬
     ‫ארגון לפי משימה‬



                                                         ‫לפי מטפור...
‫צורות ארגון מידע - דוגמאות‬
                            ‫ארגון לפי קהל יעד‬




‫93‬    ‫ארכיטקטורת מידע - ‪Information A...
‫ניווט באתרי מידע - עקרונות‬

           ‫שמירה על זהות ויזואלית לאורך כל דפי האתר •‬
            ‫זהירות בשימוש בקישורים ...
‫ניווט באתרי מידע - סוגים‬

                                            ‫(ניווט היררכי )גופר •‬
                          ...
‫ניווט באתרי מידע – כלים להתמצאות‬

                                              ‫(חיפוש )פשוט ומורכב •‬
                ...
‫ניווט באתרי מידע – כלי עזר‬

                                                        ‫אינדקס •‬
                         ...
‫ניווט באתרי מידע – עזרי נווט‬
                               ‫והתמצאות‬
‫‪www.finance.gov.il‬‬




    ‫44‬              ...
‫ניווט באתרי מידע – עזרי נווט‬
                             ‫והתמצאות‬
     ‫‪www.sun.com‬‬




‫54‬                   ‫אר...
‫ניווט באתרי מידע – אינדקס נושאים‬
     ‫‪www.itpolicy.gov.il‬‬




‫64‬                              ‫ארכיטקטורת מידע - ‪...
‫ניווט באתרי מידע – מפת אתר‬
     www.itpolicy.gov.il




47                           Information Architecture - ‫ארכיטקט...
‫ניווט באתרי מידע – זהות ויזואלית 1‬
     ‫‪www.bodyshop.com‬‬




‫84‬                           ‫ארכיטקטורת מידע - ‪Info...
‫ניווט באתרי מידע – זהות ויזואלית 2‬
     ‫‪www.bodyshop.com‬‬




‫94‬                           ‫ארכיטקטורת מידע - ‪Info...
‫תיוג – חשיבות ובעיות‬

                               ‫שהייה באתר לא מתיוג נכון היא קצרה •‬
                          ‫תי...
‫תיוג – שתי דוגמאות‬

                   ‫:תיוג לא מאורגן‬                                ‫:תיוג מאורגן‬

     ‫המשרד של ה...
‫תיוג – השוואה‬

     monkey.com             agency.com                         lara.com




52                Information...
‫תיוג – השוואה‬
     huji.ac.il   technion.ac.il                     web.mit.edu




53                Information Archite...
‫תיוג – תגיות מקובלות‬

     • Main, Main Page, Home, Home Page, Start
     • Search, Find, Browse, Search/Browse, Site Ma...
‫תיוג – טיפים‬

                                  ‫רצוי לסדר את התגיות בסדר אלפבית •‬
     ‫רצוי לשמור על מראה זהה )גופן, ...
‫תוצאות של ארגון לקוי‬

     ‫במחקר שנעשה נמצא שמשתמשים מצאו רק ב-%24 מהמקרים •‬
          ‫(את המידע הנדרש )גם כשהובאו לע...
‫סיבות ותוצאות‬




‫75‬   ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
‫)‪(Usability Testing‬בדיקת שימושיות‬

                       ‫הגדר מטרות לפעולת האתר ובחן אותם •‬
                      ‫...
‫.. בדיקת שימושיות אינה‬

                      ‫בדיקת קוד או בדיקת לינקים באתר •‬
     ‫חברים שמסתכלים על האתר ומביעים את...
‫בדיקת שימושיות – מי וכמה‬

            ‫קיימים מספר סטנדרטים בעולם ומספר מבחנים כתובים •‬
                            ‫קי...
‫בדיקת שימושיות – טיפים‬

                      ‫הדפסת צילומי מסך ורישום עליהם •‬
                    ‫צילום בוידיאו של פע...
‫בדיקת שימושיות – טיפים 2‬

                                                  ‫כדאי לבצע לאתר קיים •‬
                    ...
‫ביבליוגרפיה‬

     • http://zing.ncsl.nist.gov/webmet/index.html - Web Metrics (NIST)
     • http://instone.org/howtotest...
The beginning of all understanding is
     classification.
                                                            Hay...
Upcoming SlideShare
Loading in …5
×

ארכיטקטורת מידע, מאת דודו רשתי

1,814 views

Published on

Published in: Education, News & Politics
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,814
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
17
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

ארכיטקטורת מידע, מאת דודו רשתי

  1. 1. ‫ארכיטקטורת מידע‬ ‫והנדסת אנוש של ממשקי אדם-מחשב‬ ‫מרצה: דודו רשתי‬ ‫1‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  2. 2. ‫מבנה הקורס‬ ‫(מבוא לארכיטקטורת מידע )הרצאה ראשונה •‬ ‫(עיצוב ממשקי אדם מחשב )הרצאה שנייה •‬ ‫(דגשים נוספים בארכיטקטורת מידע )הרצאה שלישית •‬ ‫2‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  3. 3. ‫‪Web‬נושאים מרכזיים במערכות‬ ‫‪Web‬נושאים מרכזיים בבניה של מערכות‬ ‫קישור למערכות ,‪- CMS, Band-Width, ISP‬טכנולוגיה •‬ ‫אסטטיקה, פונקציונליות, עריכת מידע – )‪(Look & Feel‬מראה •‬ ‫ארכיטקטורת מידע •‬ ‫3‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  4. 4. Information Architect: 2) The individual who organizes the patterns inherent in data, making the complex clear. 3) A person who creates the structure map of information which allows other to find their personal paths to knowledge. 4) The emerging 21th century professional occupation addressing the needs of the age focused upon clarity, human understanding and the science of the organization of information. Richard Saul Wurman 4 Information Architecture - ‫ארכיטקטורת מידע‬
  5. 5. ‫ארכיטקט מידע לעומת ארכיטקט בתים‬ ‫נדרש לתחקר ולהתאים את‬ ‫נדרש לתחקר ולהתאים את‬ ‫המערכת לקהל היעד שישתמש המבנה לקהל היעד שיבקר/יגור‬ ‫בו‬ ‫בה‬ ‫מתכנן את המבנה ויוצר‬ ‫מתכנן את המערכת ויוצר בכך‬ ‫תחושה ויחס בין המבקר‬ ‫תחושה ויחס של המשתמש‬ ‫למבנה‬ ‫כלפי מערכת‬ ‫נדרש לתוספות ושינויים‬ ‫נדרש לתחזוקה שוטפת‬ ‫במבנה‬ ‫ותוספות למערכת‬ ‫5‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  6. 6. ‫‪Web‬בעיות במערכות‬ ‫קושי באיתור מידע •‬ ‫קבצים גרפים כבדים ולא מותאמים •‬ ‫דפים ארוכים ומיגעים •‬ ‫עומס בגרפיקה, צבעים, אנימציות •‬ ‫,‪(Java, Frames‬שימוש מופרז ביכולות טכנולוגיות •‬ ‫)‪DHTML‬‬ ‫לא מותאמים למגוון סוגי משתמשים •‬ ‫‪• Under Construction‬‬ ‫שימוש שגוי ולא מותאם בשפה •‬ ‫6‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬ ‫מהיר מאוד ‪• Zapping‬‬
  7. 7. ‫השינוי שיצר האינטרנט‬ ‫מערכות אינטרנט‬ ‫מערכות מידע‬ ‫הארגון‬ ‫חיצוניים / בין ארגוניים‬ ‫פנים ארגוניים‬ ‫המשתמשים‬ ‫משתמשים אם המערכת •‬ ‫נדרשים ללמוד •‬ ‫מועילה להם‬ ‫ולהשתמש במערכת‬ ‫רבים, מזדמנים ומגוונים •‬ ‫מעטים, קבועים ודומים •‬ ‫שיפור הביצוע החיצוני‬ ‫הגדלת יעילות פנימית‬ ‫מטרה עיקרית‬ ‫והפנימי‬ ‫הכרות כללית‬ ‫משתמשים מומחים‬ ‫הגדרת הצרכים‬ ‫ניתוח מאפייני שימוש‬ ‫תשאול ומשוב‬ ‫מהיר, מתמשך‬ ‫איטי, פרויקטלי‬ ‫מימוש‬ ‫מיצוב, רמת שרות, חווית‬ ‫עלות / תועלת‬ ‫מדד‬ ‫7‬ ‫ארכיטקטורת מידע - ‪... Architecture‬שימוש, תחרות‬ ‫‪Information‬‬
  8. 8. ‫‪Web‬יתרונות במערכות‬ ‫אסטטיקה •‬ ‫רעיונות גדולים המשנים את דרכי וצורת החשיבה •‬ ‫שימושיות •‬ ‫בעלי יכולת להתאמה אישית •‬ ‫גמישים לשינויים ותוספות •‬ ‫בינלאומיים •‬ ‫שילוב מידע ממקורות שונים •‬ ‫8‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  9. 9. ‫תפקיד ארכיטקט מידע‬ ‫הגדרת החזון והמטרה •‬ ‫מציאת האיזון בין המשתמשים )סוגי משתמשים( ליוצרים •‬ ‫הגדרת סוגי המידע והפונקציונליות במערכת •‬ ‫(הגדרת צורת איתור המידע )ארגון, ניווט, חיפוש, כותרות •‬ ‫הגדרת האופן בו ניתן יהיה להרחיב ולהוסיף מידע •‬ ‫עבודה תחת מגבלות זמן, תקציב •‬ ‫9‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  10. 10. ‫ידע נדרש מארכיטקט מידע‬ • ‫(עיצוב גרפי‬Graphic Design) • ‫(מידענות‬Information Science) • ‫כתיבה‬ • ‫(הנדסת אנוש‬Usability Engineering) • ‫(שיווק‬Marketing) • ‫(מדעי המחשב‬Computer Science) • ‫פסיכולוגיה‬ 10 Information Architecture - ‫ארכיטקטורת מידע‬
  11. 11. ‫בסיס הידע‬ ‫הבנת המשתמש‬ ‫הנדסת אנוש • ארגונומיה •‬ ‫פסיכולוגיה • מידענות •‬ ‫הבנת הטכנולוגיה‬ ‫אסתטיקה •‬ ‫הבנת הארגון‬ ‫חומרה •‬ ‫ניהול •‬ ‫תוכנה •‬ ‫שיווק •‬ ‫תקשורת •‬ ‫ארכיטקט‬ ‫תכנון אסטרטגי •‬ ‫אבטחת מידע •‬ ‫מידע‬ ‫התנהגות ארגונית •‬ ‫שפות תכנות •‬ ‫ניתוח מערכות •‬ ‫בסיסי נתונים •‬ ‫מודיעין עסקי•‬ ‫פרוטוקולים •‬ ‫הבנת השוק‬ ‫מגמות •‬ ‫חברות •‬ ‫סטנדרטים •‬ ‫מוצרים •‬ ‫תשתיות •‬ ‫11‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  12. 12. ‫עבודת צוות‬ ‫צוות גרפי וקריאטיבי‬ ‫צוות שיווק‬ ‫ארכיטקט מידע מנהל פרויקט‬ ‫צוות טכנולוגי‬ ‫מערכת תכנים‬ ‫מומחה שיווקמומחה טכנולוגי‬ ‫קבלנים‬ ‫זיהוי צרכים ויעדים‬ ‫יזמים‬ ‫משתמשים‬ ‫‪Usability‬‬ ‫‪Studies‬‬ ‫21‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  13. 13. ‫תהליך עבודה‬ ‫?איך‬ ‫?מה‬ ‫?למה‬ ‫‪Production & Operation‬‬ ‫‪Conceptual Design‬‬ ‫‪Research & Goals‬‬ ‫משתמשים‬ ‫משתמשים‬ ‫משתמשים‬ ‫יזמים‬ ‫יזמים‬ ‫יזמים‬ ‫ארכיטקט מידע‬ ‫ארכיטקט מידע‬ ‫ארכיטקט מידע‬ ‫תוצרים‬ ‫תוצרים‬ ‫תוצרים‬ ‫31‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  14. 14. ‫?תהליך עבודה – למה‬ ‫ראיונות עם היזמים •‬ ‫?למה‬ ‫סקירת אתרים •‬ ‫‪Research & Goals‬‬ ‫איסוף מידע עסקי •‬ ‫משתמשים‬ ‫יזמים‬ ‫הגדרת מטרות לטווח קצר וארוך •‬ ‫לימוד קהל היעד •‬ ‫הכרות חומרים, כלים, אתר מידע •‬ ‫ארכיטקט מידע‬ ‫קיים‬ ‫)‪(Wish List‬איסוף רשימת רצונות •‬ ‫תוצרים‬ ‫41‬ ‫‪Likes & Dislikes‬איסוף •‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  15. 15. ‫כלי א' -טבלת הערכת מטרות והזדמנויות‬ ‫דירוג 4-1‬ ‫מטרות והזדמנויות‬ ‫הקטנת עלויות הפקת חומרים שיווקיים‬ ‫איסוף לידים מקהל יעד קיים‬ ‫איסוף לידים מקהל יעד חדש‬ ‫שיפור השירות למשתמשים באמצעות תמיכה בדואר-אלקטרוני‬ ‫קבלת תגובות והצעות לשיפור מהמשתמשים‬ ‫פרסום האתר בכלי התקשורת‬ ‫גידול מתמשך במספר המבקרים של האתר לאורך זמן‬ ‫51‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  16. 16. ‫כלי ב' - טבלת הגדרת סוגי המשתמשים‬ ‫דירוג 4-1 שלושת הצרכים העיקריים של המשתמשים‬ ‫סוג המשתמשים‬ ‫רשימת משדרים 2( תקצירי סדרות 3( חדשות )1‬ ‫3‬ ‫אנשים במקום עבודתם‬ ‫משחקים 2( תוכניות ילדים 3( חידונים )1‬ ‫4‬ ‫תלמידים‬ ‫61‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  17. 17. ‫‪Wish-List‬כלי ג' - טבלת דרוג‬ ‫תאור הפריט, חשיבותו, סוגי המידע‬ ‫דירוג‬ ‫שם פריט המידע‬ ‫4-1‬ ‫מידע הכולל תמונות, איורים‬ ‫3‬ ‫מידע על האתר‬ ‫בסיס מידע טבלאי המתעדכן מידי יום ובו רשימה‬ ‫4‬ ‫רשימת מתקינים‬ ‫מעודכנת של המתקינים‬ ‫3‬ ‫ציוד נלווה‬ ‫2‬ ‫רשימת נקודות מכירה‬ ‫מידע על סוגי השירותים 5‬ ‫71‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  18. 18. ‫כלי ד' - שאלון‬ 18 Information Architecture - ‫ארכיטקטורת מידע‬
  19. 19. ‫כלי ה' – סקירה השוואתית של אתרים מתחרים‬ ‫91‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  20. 20. ‫?תהליך עבודה – מה‬ ‫חיפוש אחר מטפורות )ארגוניות, •‬ ‫?מה‬ ‫‪Conceptual Design‬‬ ‫(פונקציונליות, גרפיות‬ ‫בדיקת תרחישים אפשריים •‬ ‫משתמשים‬ ‫יזמים‬ ‫)‪(Scenarios‬‬ ‫)‪ (Labeling‬תיוג של אלמנטים שונים •‬ ‫תרשים זרימה •‬ ‫ארכיטקט מידע‬ ‫מבנה פונקציונלי •‬ ‫סקיצות עיצוביות •‬ ‫תוצרים‬ ‫02‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  21. 21. ‫חיפוש אחר מטפורות‬ ‫מידת ההתאמה‬ ‫תגובת המשתמשים‬ ‫הכוונה‬ ‫איור‬ ‫הייתה‬ ‫12‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  22. 22. 2– ‫חיפוש אחר מטפורות‬ www.monkey.com 22 Information Architecture - ‫ארכיטקטורת מידע‬
  23. 23. ‫מבנה פונקציונלי‬ ‫32‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  24. 24. ‫סקיצה גרפית‬ ‫42‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  25. 25. ‫תרשים זרימה‬ ‫52‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  26. 26. ‫?תהליך עבודה – איך‬ ‫תכנון מפורט •‬ ‫סקירת חלופות טכנולוגיות •‬ ‫?איך‬ ‫‪Production & Operation‬‬ ‫ממשקים למערכות חיצוניות •‬ ‫משתמשים‬ ‫מיפוי מידע קיים ועיבודו •‬ ‫יזמים‬ ‫יצירת מידע ייחודי •‬ ‫‪Style Guides‬יצירת •‬ ‫ארכיטקט מידע‬ ‫יצירת כלים לבקרה ומעקב •‬ ‫)‪(Usability Study‬בדיקת שימושיות •‬ ‫תוצרים‬ ‫62‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  27. 27. ‫סקירת חלופות טכנולוגיות‬ ‫72‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  28. 28. ‫מפת אתר תלת ממדית‬ ‫82‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  29. 29. ‫ניתוח קובץ לוג-1‬ ‫92‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  30. 30. ‫ניתוח קובץ לוג -2‬ ‫03‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  31. 31. 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 appear which would seem to stand in the way of the simplicity. T. H. Nelson, The home computer Revolution, 1977 31 Information Architecture - ‫ארכיטקטורת מידע‬
  32. 32. ‫ביבליוגרפיה‬ • 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 •Yale C-AIM Web Style Guide - http://info.med.yale.edu/caim/manual/contents.html 32 Information Architecture - ‫ארכיטקטורת מידע‬
  33. 33. ‫ארגון מידע ובדיקות שימושיות‬ The beginning of all understanding is classification. Hayden White 33 Information Architecture - ‫ארכיטקטורת מידע‬
  34. 34. ‫בעיות ארגון מידע באתרי מידע‬ ‫)‪(Ambiguity‬עמימות במשמעות של מילים •‬ ‫)‪(Heterogeneity‬הטרוגניות בסוגי המידע •‬ ‫)‪(Perspectives‬הבדלים בקונוטציות ופרספקטיבה •‬ ‫פוליטיקה ארגונית •‬ ‫43‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  35. 35. ‫צורות ארגון מידע‬ ‫)‪(Exact Schemes‬ארגון מדויק •‬ ‫• אלפבית )ספר טלפונים, לקסיקון(‬ ‫• כרונולוגי )הודעות דובר(‬ ‫• גיאוגרפי )מפה(‬ ‫53‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  36. 36. ‫צורות ארגון מידע‬ ‫)‪(Ambiguous Schemes‬ארגון מעורפל •‬ ‫• לפי נושא )דפי זהב(‬ ‫• לפי משימה )לוח משימות(‬ ‫• לפי קהל היעד )אתרי אינטראנט(‬ ‫• לפי מטפורות )מקינטוש(‬ ‫)‪(Hybrid Schemes‬היברידים •‬ ‫63‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  37. 37. ‫צורות ארגון מידע - דוגמאות‬ ‫מבנה כרונולוגי‬ ‫מבנה גיאוגרפי‬ ‫73‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  38. 38. ‫צורות ארגון מידע - דוגמאות‬ ‫ארגון לפי משימה‬ ‫לפי מטפורה‬ ‫83‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  39. 39. ‫צורות ארגון מידע - דוגמאות‬ ‫ארגון לפי קהל יעד‬ ‫93‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  40. 40. ‫ניווט באתרי מידע - עקרונות‬ ‫שמירה על זהות ויזואלית לאורך כל דפי האתר •‬ ‫זהירות בשימוש בקישורים מעגליים ומסובכים •‬ ‫ליווי דפי האתר בכותרות, בתוך הטקסט ובחלון היישום •‬ ‫הימנעות מיותר מידי רמות )4+( •‬ ‫04‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  41. 41. ‫ניווט באתרי מידע - סוגים‬ ‫(ניווט היררכי )גופר •‬ ‫(ניווט גלובלי )ווב •‬ ‫quot;(ניווט לוקאלי )quot;תת-אתר •‬ ‫(ניווט אד-הוק )משולב מול מודגש •‬ ‫14‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  42. 42. ‫ניווט באתרי מידע – כלים להתמצאות‬ ‫(חיפוש )פשוט ומורכב •‬ ‫קפוץ אל •‬ ‫חזרה לדף הראשי •‬ ‫סרגל התמצאות וניווט •‬ ‫24‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  43. 43. ‫ניווט באתרי מידע – כלי עזר‬ ‫אינדקס •‬ ‫מפת אתר •‬ ‫תוכן עניינים •‬ ‫סיור מודרך •‬ ‫34‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  44. 44. ‫ניווט באתרי מידע – עזרי נווט‬ ‫והתמצאות‬ ‫‪www.finance.gov.il‬‬ ‫44‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  45. 45. ‫ניווט באתרי מידע – עזרי נווט‬ ‫והתמצאות‬ ‫‪www.sun.com‬‬ ‫54‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  46. 46. ‫ניווט באתרי מידע – אינדקס נושאים‬ ‫‪www.itpolicy.gov.il‬‬ ‫64‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  47. 47. ‫ניווט באתרי מידע – מפת אתר‬ www.itpolicy.gov.il 47 Information Architecture - ‫ארכיטקטורת מידע‬
  48. 48. ‫ניווט באתרי מידע – זהות ויזואלית 1‬ ‫‪www.bodyshop.com‬‬ ‫84‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  49. 49. ‫ניווט באתרי מידע – זהות ויזואלית 2‬ ‫‪www.bodyshop.com‬‬ ‫94‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  50. 50. ‫תיוג – חשיבות ובעיות‬ ‫שהייה באתר לא מתיוג נכון היא קצרה •‬ ‫תיוג לא מקצועי יוצר רושם רע ולא אמין •‬ ‫תיוג רע חושף גם חוסר הבנה של צורכי המשתמש •‬ ‫‪Successful labeling systems mirror the thinking‬‬ ‫.‪and language of the site’s users, not its owners‬‬ ‫05‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  51. 51. ‫תיוג – שתי דוגמאות‬ ‫:תיוג לא מאורגן‬ ‫:תיוג מאורגן‬ ‫המשרד של המכון לטכנולוגיה •‬ ‫אומנות •‬ ‫דפים של החוג לחינוך •‬ ‫איכות סביבה •‬ ‫פרויקט 9991 •‬ ‫הנדסה •‬ ‫לוח מודעות בנושאים שונים •‬ ‫חינוך •‬ ‫המרכז לטלוויזיה וקולנוע •‬ ‫מנהל עסקים •‬ ‫החוג ללימודי צרפתית, אנגלית •‬ ‫מקומות ואנשים •‬ ‫ושפות זרות‬ ‫פנאי •‬ ‫תקשורת •‬ ‫15‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  52. 52. ‫תיוג – השוואה‬ monkey.com agency.com lara.com 52 Information Architecture - ‫ארכיטקטורת מידע‬
  53. 53. ‫תיוג – השוואה‬ huji.ac.il technion.ac.il web.mit.edu 53 Information Architecture - ‫ארכיטקטורת מידע‬
  54. 54. ‫תיוג – תגיות מקובלות‬ • Main, Main Page, Home, Home Page, Start • Search, Find, Browse, Search/Browse, Site Map, Contents, Index • Contact, Contact Us, Feedback • Help, FAQ, News, What’s New • About, About Us, About Company, Who We Are • Showcase, Our Work, Work, Clients • ‫ראשי, דף הבית, חזרה, להתחלה‬ • ‫עזרה, מפת האתר, אינדקס, חיפוש, הדרכה‬ • ‫אודות, מי אנחנו‬ 54 Information Architecture - ‫ארכיטקטורת מידע‬
  55. 55. ‫תיוג – טיפים‬ ‫רצוי לסדר את התגיות בסדר אלפבית •‬ ‫רצוי לשמור על מראה זהה )גופן, גודל, אותיות תחיליות, נקודה •‬ ‫(בסוף תגית‬ ‫יש לשמור על כתיבה בגוף זהה )רבים, יחיד, שלישי, זכר, פעיל, •‬ ‫'(סביל וכו‬ ‫באותו עמוד רצוי שהתגיות יהיו עם שונות גדולה ביותר •‬ ‫במשמעות‬ ‫באתרים גדולים רצוי לבחור מערכת תגיות היררכית )גם •‬ ‫.במשמעות(, ניתן להיעזר במילון או תזארוס לצורך העניין‬ ‫55‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  56. 56. ‫תוצאות של ארגון לקוי‬ ‫במחקר שנעשה נמצא שמשתמשים מצאו רק ב-%24 מהמקרים •‬ ‫(את המידע הנדרש )גם כשהובאו לעמוד הראשי של האתר‬ ‫מהקונים בחנויות וירטואליות לא מצאו את מה שרצו %26 •‬ ‫מחקר של פורסטר העלה ש-%15 מהאתרים אינם מאורגנים •‬ ‫(לפי עקרונות פשוטים )למשל לא מאורגנים לפי צורכי המשתמש‬ ‫(מהאתרים אינם מאורגנים נכון )נילסן %09 •‬ ‫רוב האתרים מפסידים קרוב ל%05 מהכנסותיהם בגלל ארגון •‬ ‫גרוע )פורסטר(, ו%04 מהמשתמשים אינם חוזרים יותר לחנות‬ ‫65‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  57. 57. ‫סיבות ותוצאות‬ ‫75‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  58. 58. ‫)‪(Usability Testing‬בדיקת שימושיות‬ ‫הגדר מטרות לפעולת האתר ובחן אותם •‬ ‫אתר קבוצה של משתמשים פוטנציאלים •‬ ‫הסתכל על צורת עבודתם עם האתר •‬ ‫רשום את פעולותיהם על האתר ושאל שאלות מנחות •‬ ‫עבד את הנתונים וארגן מחדש את האתר •‬ ‫85‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  59. 59. ‫.. בדיקת שימושיות אינה‬ ‫בדיקת קוד או בדיקת לינקים באתר •‬ ‫חברים שמסתכלים על האתר ומביעים את דעתם •‬ ‫שאלונים אינטרקטיביים •‬ ‫95‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  60. 60. ‫בדיקת שימושיות – מי וכמה‬ ‫קיימים מספר סטנדרטים בעולם ומספר מבחנים כתובים •‬ ‫קיימים מומחים ומכונים לביצוע בדיקות •‬ ‫כדאי לשלב בתהליך פיתוח אתר על מנת לחסוך עלויות בהמשך •‬ ‫עלות בין 0 - $$$$ •‬ ‫06‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  61. 61. ‫בדיקת שימושיות – טיפים‬ ‫הדפסת צילומי מסך ורישום עליהם •‬ ‫צילום בוידיאו של פעולת המשתמש •‬ ‫אל תנסה לתקן את המשתמשים בזמן הבדיקה •‬ ‫ניתן גם לבצע מרחוק אך עדיף להיות נוכח •‬ ‫16‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  62. 62. ‫בדיקת שימושיות – טיפים 2‬ ‫כדאי לבצע לאתר קיים •‬ ‫כדאי גם לבצע לאתרים של מתחרים •‬ ‫כדאי לבצע אפילו במצב של פרוטוטייפ של אתר או טמפלט •‬ ‫לבסוף תחסוך הרבה כסף •‬ ‫26‬ ‫ארכיטקטורת מידע - ‪Information Architecture‬‬
  63. 63. ‫ביבליוגרפיה‬ • http://zing.ncsl.nist.gov/webmet/index.html - Web Metrics (NIST) • http://instone.org/howtotest/index.html - How to Test Usability • http://usableweb.com/ - links about web usability •http://www.useit.com/ - Jakob Nielsen's Website 63 Information Architecture - ‫ארכיטקטורת מידע‬
  64. 64. The beginning of all understanding is classification. Hayden White 64 Information Architecture - ‫ארכיטקטורת מידע‬

×