Post on 17-Jun-2015
Information Architecture 1 - ארכיטקטורת מידע
ארכיטקטורת מידעוהנדסת אנוש של ממשקי אדם-מחשב
מרצה: דודו רשתי
Information Architecture 2 - ארכיטקטורת מידע
מבנה הקורס
מבוא לארכיטקטורת מידע )הרצאה ראשונה(•
עיצוב ממשקי אדם מחשב )הרצאה שנייה(•
דגשים נוספים בארכיטקטורת מידע )הרצאה •שלישית(
Information Architecture 3 - ארכיטקטורת מידע
Webנושאים מרכזיים במערכות
Web נושאים מרכזיים בבניה של מערכות
, קישור CMS, Band-Width, ISP טכנולוגיה - •למערכות
( – אסטטיקה, פונקציונליות, Look & Feel מראה )•עריכת מידע
ארכיטקטורת מידע•
Information Architecture 4 - ארכיטקטורת מידע
Information Architect:
1) The individual who organizes the patterns inherent in data, making the complex clear.
2) A person who creates the structure map of information which allows other to find their personal paths to knowledge.
3) 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
Information Architecture 5 - ארכיטקטורת מידע
ארכיטקט לעומת ארכיטקט מידעבתים
נדרש לתחקר ולהתאים את
המבנה לקהל היעד שיבקר/יגור בו
נדרש לתחקר ולהתאים את המערכת לקהל היעד
שישתמש בה
מתכנן את המבנה ויוצר תחושה ויחס בין המבקר
למבנה
מתכנן את המערכת ויוצר בכך תחושה ויחס של
המשתמש כלפי מערכת
נדרש לתוספות ושינויים במבנה
נדרש לתחזוקה שוטפת ותוספות למערכת
Information Architecture 6 - ארכיטקטורת מידע
Webבעיות במערכות
קושי באיתור מידע•
קבצים גרפים כבדים ולא מותאמים•
דפים ארוכים ומיגעים•
עומס בגרפיקה, צבעים, אנימציות•
,Java, Frames שימוש מופרז ביכולות טכנולוגיות )•DHTML)
לא מותאמים למגוון סוגי משתמשים •
• Under Construction
שימוש שגוי ולא מותאם בשפה •
• Zappingמהיר מאוד
Information Architecture 7 - ארכיטקטורת מידע
השינוי שיצר האינטרנטהארגוןמערכות מידעמערכות אינטרנטחיצוניים / בין ארגוניים
משתמשים אם •המערכת מועילה להם
רבים, מזדמנים •ומגוונים
פנים ארגוניים
נדרשים ללמוד •ולהשתמש במערכת
מעטים, קבועים •ודומים
המשתמשים
שיפור הביצוע החיצוני והפנימי
מטרה עיקריתהגדלת יעילות פנימית
הכרות כללית
ניתוח מאפייני שימוש
משתמשים מומחים
תשאול ומשובהגדרת הצרכים
מימושאיטי, פרויקטלימהיר, מתמשךמיצוב, רמת שרות, חווית
שימוש, תחרות...מדדעלות / תועלת
Information Architecture 8 - ארכיטקטורת מידע
Webיתרונות במערכות
אסטטיקה•
רעיונות גדולים המשנים את דרכי וצורת החשיבה•
שימושיות•
בעלי יכולת להתאמה אישית•
גמישים לשינויים ותוספות•
בינלאומיים •
שילוב מידע ממקורות שונים•
Information Architecture 9 - ארכיטקטורת מידע
תפקיד ארכיטקט מידע
הגדרת החזון והמטרה•
מציאת האיזון בין המשתמשים )סוגי משתמשים( •ליוצרים
הגדרת סוגי המידע והפונקציונליות במערכת•
הגדרת צורת איתור המידע )ארגון, ניווט, חיפוש, •כותרות(
הגדרת האופן בו ניתן יהיה להרחיב ולהוסיף מידע•
עבודה תחת מגבלות זמן, תקציב•
Information Architecture 10 - ארכיטקטורת מידע
ידע נדרש מארכיטקט מידע
(Graphic Design עיצוב גרפי )•
(Information Science מידענות )•
כתיבה•
(Usability Engineering הנדסת אנוש )•
(Marketing שיווק )•
(Computer Science מדעי המחשב )•
פסיכולוגיה •
Information Architecture 11 - ארכיטקטורת מידע
בסיס הידע
הבנת השוק חברות• מוצרים• תשתיות•
מגמות• סטנדרטים•
חומרה• תוכנה• תקשורת• אבטחת מידע• שפות תכנות• בסיסי נתונים• פרוטוקולים•
הבנת הטכנולוגיה
ארכיטקטמידע
ניהול• שיווק• תכנון אסטרטגי• התנהגות ארגונית• ניתוח מערכות•מודיעין עסקי•
הבנת הארגון
הבנת המשתמש
הנדסת אנוש• פסיכולוגיה• אסתטיקה•
ארגונומיה• מידענות•
Information Architecture 12 - ארכיטקטורת מידע
עבודת צוות
מומחה טכנולוגי
מנהל פרויקטארכיטקט מידע
מומחה שיווק
צוות שיווקצוות גרפי וקריאטיבי
צוות טכנולוגימערכת תכנים
יזמיםמשתמשים
קבלניםזיהוי צרכים ויעדים
Usability Studies
Information Architecture 13 - ארכיטקטורת מידע
תהליך עבודה
למה ? Research & Goals
מה ?Conceptual Design
איך ?Production & Operation
םמי
יז
שימ
תש
מם
תוצרים
ארכיטקט מידע
םמי
יז
שימ
תש
מם
תוצרים
ארכיטקט מידע
םמי
יז
שימ
תש
מם
תוצרים
ארכיטקט מידע
Information Architecture 14 - ארכיטקטורת מידע
תהליך עבודה – למה ?
למה ? Research & Goals
םמי
יז
שימ
תש
מם
תוצרים
ארכיטקט מידע
ראיונות עם היזמים•
סקירת אתרים•
איסוף מידע עסקי•
הגדרת מטרות לטווח קצר וארוך•
לימוד קהל היעד•
הכרות חומרים, כלים, אתר מידע •קיים
(Wish List איסוף רשימת רצונות )•
Likes & Dislikes איסוף •
Information Architecture 15 - ארכיטקטורת מידע
כלי א' -טבלת הערכת מטרות והזדמנויות
מטרות והזדמנויות1-4דירוג הקטנת עלויות הפקת חומרים שיווקיים
איסוף לידים מקהל יעד קיים
איסוף לידים מקהל יעד חדש
שיפור השירות למשתמשים באמצעות תמיכה בדואר-אלקטרוני
קבלת תגובות והצעות לשיפור מהמשתמשים
פרסום האתר בכלי התקשורת
גידול מתמשך במספר המבקרים של האתר לאורך זמן
Information Architecture 16 - ארכיטקטורת מידע
כלי ב' - טבלת הגדרת סוגי המשתמשים
שלושת הצרכים העיקריים של המשתמשים
סוג המשתמשים1-4דירוג
אנשים במקום 3( חדשות3( תקצירי סדרות 2( רשימת משדרים 1עבודתם
תלמידים4( חידונים3( תוכניות ילדים 2( משחקים 1
Information Architecture 17 - ארכיטקטורת מידע
Wish-Listכלי ג' - טבלת דרוג
-1דירוג תאור הפריט, חשיבותו, סוגי המידע
4שם פריט המידע
מידע על האתר3מידע הכולל תמונות, איורים
בסיס מידע טבלאי המתעדכן מידי יום ובו רשימה מעודכנת של המתקינים
רשימת מתקינים4
ציוד נלווה3
רשימת נקודות מכירה2
מידע על סוגי 5השירותים
Information Architecture 18 - ארכיטקטורת מידע
כלי ד' - שאלון
Information Architecture 19 - ארכיטקטורת מידע
כלי ה' – סקירה השוואתית של אתרים מתחרים
Information Architecture 20 - ארכיטקטורת מידע
תהליך עבודה – מה ?
מה ? Conceptual Design
םמי
יז
שימ
תש
מם
תוצרים
ארכיטקט מידע
חיפוש אחר מטפורות )ארגוניות, •פונקציונליות, גרפיות(
בדיקת תרחישים אפשריים •(Scenarios)
תיוג של אלמנטים שונים•(Labeling)
תרשים זרימה•
מבנה פונקציונלי•
סקיצות עיצוביות•
Information Architecture 21 - ארכיטקטורת מידע
חיפוש אחר מטפורות
הכוונה תגובת המשתמשיםמידת ההתאמההייתה
איור
Information Architecture 22 - ארכיטקטורת מידע
2חיפוש אחר מטפורות –
www.monkey.com
Information Architecture 23 - ארכיטקטורת מידע
מבנה פונקציונלי
Information Architecture 24 - ארכיטקטורת מידע
סקיצה גרפית
Information Architecture 25 - ארכיטקטורת מידע
תרשים זרימה
Information Architecture 26 - ארכיטקטורת מידע
תהליך עבודה – איך ?
איך ? Production & Operation
םמי
יז
שימ
תש
מם
תוצרים
ארכיטקט מידע
תכנון מפורט •
סקירת חלופות טכנולוגיות•
ממשקים למערכות חיצוניות•
מיפוי מידע קיים ועיבודו•
יצירת מידע ייחודי •
Style Guides יצירת •
יצירת כלים לבקרה ומעקב •
(Usability Studyבדיקת שימושיות ) •
Information Architecture 27 - ארכיטקטורת מידע
סקירת חלופות טכנולוגיות
Information Architecture 28 - ארכיטקטורת מידע
מפת אתר תלת ממדית
Information Architecture 29 - ארכיטקטורת מידע
1ניתוח קובץ לוג-
Information Architecture 30 - ארכיטקטורת מידע
2ניתוח קובץ לוג -
Information Architecture 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
Information Architecture 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
Information Architecture 33 - ארכיטקטורת מידע
ארגון מידע ובדיקות שימושיות
The beginning of all understanding is classification.
Hayden White
Information Architecture 34 - ארכיטקטורת מידע
בעיות ארגון מידע באתרי מידע
(Ambiguity עמימות במשמעות של מילים )•
(Heterogeneity הטרוגניות בסוגי המידע )•
(Perspectives הבדלים בקונוטציות ופרספקטיבה )•
פוליטיקה ארגונית•
Information Architecture 35 - ארכיטקטורת מידע
צורות ארגון מידע
(Exact Schemes ארגון מדויק )•
אלפבית )ספר טלפונים, לקסיקון(•
כרונולוגי )הודעות דובר(•
גיאוגרפי )מפה(•
Information Architecture 36 - ארכיטקטורת מידע
צורות ארגון מידע
(Ambiguous Schemesארגון מעורפל )•
לפי נושא )דפי זהב(•
לפי משימה )לוח משימות(•
לפי קהל היעד )אתרי אינטראנט(•
לפי מטפורות )מקינטוש(•
(Hybrid Schemes היברידים )•
Information Architecture 37 - ארכיטקטורת מידע
צורות ארגון מידע - דוגמאות
מבנה כרונולוגי מבנה גיאוגרפי
Information Architecture 38 - ארכיטקטורת מידע
צורות ארגון מידע - דוגמאות
ארגון לפי משימה
לפי מטפורה
Information Architecture 39 - ארכיטקטורת מידע
צורות ארגון מידע - דוגמאות
ארגון לפי קהל יעד
Information Architecture 40 - ארכיטקטורת מידע
ניווט באתרי מידע - עקרונות
שמירה על זהות ויזואלית לאורך כל דפי האתר•
זהירות בשימוש בקישורים מעגליים ומסובכים•
ליווי דפי האתר בכותרות, בתוך הטקסט ובחלון •היישום
+(4 הימנעות מיותר מידי רמות )•
Information Architecture 41 - ארכיטקטורת מידע
ניווט באתרי מידע - סוגים
ניווט היררכי )גופר(•
ניווט גלובלי )ווב(•
ניווט לוקאלי )"תת-אתר"(•
ניווט אד-הוק )משולב מול מודגש(•
Information Architecture 42 - ארכיטקטורת מידע
ניווט באתרי מידע – כלים להתמצאות
חיפוש )פשוט ומורכב(•
קפוץ אל •
חזרה לדף הראשי•
סרגל התמצאות וניווט•
Information Architecture 43 - ארכיטקטורת מידע
ניווט באתרי מידע – כלי עזר
אינדקס•
מפת אתר•
תוכן עניינים•
סיור מודרך•
Information Architecture 44 - ארכיטקטורת מידע
ניווט באתרי מידע – עזרי נווט והתמצאות
ww
w.fi
nan
ce.g
ov.i
l
Information Architecture 45 - ארכיטקטורת מידע
ניווט באתרי מידע – עזרי נווט והתמצאות
ww
w.s
un
.com
Information Architecture 46 - ארכיטקטורת מידע
ניווט באתרי מידע – אינדקס נושאים
ww
w.itp
olic
y.g
ov.i
l
Information Architecture 47 - ארכיטקטורת מידע
ניווט באתרי מידע – מפת אתר
ww
w.itp
olic
y.g
ov.i
l
Information Architecture 48 - ארכיטקטורת מידע
ניווט באתרי מידע – זהות ויזואלית 1
ww
w.b
od
ysh
op
.co
m
Information Architecture 49 - ארכיטקטורת מידע
ניווט באתרי מידע – זהות ויזואלית 2
ww
w.b
od
ysh
op
.co
m
Information Architecture 50 - ארכיטקטורת מידע
תיוג – חשיבות ובעיות
שהייה באתר לא מתיוג נכון היא קצרה•
תיוג לא מקצועי יוצר רושם רע ולא אמין•
תיוג רע חושף גם חוסר הבנה של צורכי המשתמש•
Successful labeling systems mirror the thinking and language of the site’s users, not its owners.
Information Architecture 51 - ארכיטקטורת מידע
תיוג – שתי דוגמאות
תיוג לא מאורגן:
המשרד של המכון לטכנולוגיה•
דפים של החוג לחינוך•
1999 פרויקט •
לוח מודעות בנושאים שונים•
המרכז לטלוויזיה וקולנוע•
החוג ללימודי צרפתית, אנגלית •ושפות זרות
תיוג מאורגן:
אומנות•
איכות סביבה•
הנדסה•
חינוך•
מנהל עסקים•
מקומות ואנשים•
פנאי•
תקשורת•
Information Architecture 52 - ארכיטקטורת מידע
תיוג – השוואה
monkey.com agency.com lara.com
Information Architecture 53 - ארכיטקטורת מידע
תיוג – השוואה
huji.ac.il technion.ac.il web.mit.edu
Information Architecture 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
ראשי, דף הבית, חזרה, להתחלה •
עזרה, מפת האתר, אינדקס, חיפוש, הדרכה•
אודות, מי אנחנו•
Information Architecture 55 - ארכיטקטורת מידע
תיוג – טיפים
רצוי לסדר את התגיות בסדר אלפבית•
רצוי לשמור על מראה זהה )גופן, גודל, אותיות •תחיליות, נקודה בסוף תגית(
יש לשמור על כתיבה בגוף זהה )רבים, יחיד, שלישי, •זכר, פעיל, סביל וכו'(
באותו עמוד רצוי שהתגיות יהיו עם שונות גדולה •ביותר במשמעות
באתרים גדולים רצוי לבחור מערכת תגיות היררכית •)גם במשמעות(, ניתן להיעזר במילון או תזארוס
לצורך העניין.
Information Architecture 56 - ארכיטקטורת מידע
תוצאות של ארגון לקוי
במחקר שנעשה נמצא שמשתמשים מצאו רק • מהמקרים את המידע הנדרש )גם כשהובאו 42%ב-
לעמוד הראשי של האתר(
מהקונים בחנויות וירטואליות לא מצאו את 62% •מה שרצו
מהאתרים אינם 51% מחקר של פורסטר העלה ש-•מאורגנים לפי עקרונות פשוטים )למשל לא מאורגנים
לפי צורכי המשתמש(
מהאתרים אינם מאורגנים נכון )נילסן(90% •
מהכנסותיהם 50% רוב האתרים מפסידים קרוב ל• מהמשתמשים 40%בגלל ארגון גרוע )פורסטר(, ו
אינם חוזרים יותר לחנות
Information Architecture 57 - ארכיטקטורת מידע
סיבות ותוצאות
Information Architecture 58 - ארכיטקטורת מידע
Usabilityבדיקת שימושיות )Testing )
הגדר מטרות לפעולת האתר ובחן אותם•
אתר קבוצה של משתמשים פוטנציאלים•
הסתכל על צורת עבודתם עם האתר•
רשום את פעולותיהם על האתר ושאל שאלות •מנחות
עבד את הנתונים וארגן מחדש את האתר•
Information Architecture 59 - ארכיטקטורת מידע
בדיקת שימושיות אינה..
בדיקת קוד או בדיקת לינקים באתר•
חברים שמסתכלים על האתר ומביעים את דעתם •
שאלונים אינטרקטיביים•
Information Architecture 60 - ארכיטקטורת מידע
בדיקת שימושיות – מי וכמה
קיימים מספר סטנדרטים בעולם ומספר מבחנים • כתובים
קיימים מומחים ומכונים לביצוע בדיקות•
כדאי לשלב בתהליך פיתוח אתר על מנת לחסוך •עלויות בהמשך
- 0$$$$ עלות בין •
Information Architecture 61 - ארכיטקטורת מידע
בדיקת שימושיות – טיפים
הדפסת צילומי מסך ורישום עליהם•
צילום בוידיאו של פעולת המשתמש•
אל תנסה לתקן את המשתמשים בזמן הבדיקה•
ניתן גם לבצע מרחוק אך עדיף להיות נוכח•
Information Architecture 62 - ארכיטקטורת מידע
2בדיקת שימושיות – טיפים
כדאי לבצע לאתר קיים•
כדאי גם לבצע לאתרים של מתחרים•
כדאי לבצע אפילו במצב של פרוטוטייפ של אתר או •טמפלט
לבסוף תחסוך הרבה כסף•
Information Architecture 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
Information Architecture 64 - ארכיטקטורת מידע
The beginning of all understanding is classification.
Hayden White