אינפוגרפיקה אינטראקטיבית: הצד הסקסי של עולם המספרים

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

הפוסט נכתב על ידי מרטין פרידמן, מאפיין חווית משתמש בחברת יוניק יו איי.

מקור: facebookstories.com

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

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

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

הכוח שיש לדיאגרמות כאלה, מעבר לאפקט ה”wow” שנלווה להן, הוא אדיר:

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

ההיסטוריה של המידע החזותי (Visual Data)

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

מידע חזותי מודרני התפתח מ-1960 ואילך. ב-1967, הקרטוגרף Jacques Bertin כתב את הספר Semiologie Graphique, הנחשב הבסיס התיאורטי למידע חזותי מודרני. הוא הגדיר 6 משתנים לייצוג ויזואלי של מידע כמותי ואיכותני בצורה אפקטיבית. משתנים אלו סוכמו באינפוגרפיקה ע”י John Krygier and Denis Wood בספר Making Maps: A Visual Guide to Map Design for GIS.

אחד הכותבים היותר מוכרים בתחום הזה ב-20 שנה האחרונות הוא Edward E. Tufte, שכתב בין השאר את The Visual Display of Quantitative Information וגם את Envisioning Information.

בשנות ה-80 של המאה הקודמת, אינפוגרפיקות כמו שאנחנו מכירים היום החלו לצוץ בעיתונים כאילוסטרציה לכתבות. בשנות ה-2000 נכנסו גם לאינטרנט, כולל אינטראקציות ואנימציות. כיום ניתן למצוא ברשת הרבה צורות של מידע חזותי (החל מטבלאות השוואה, עבור באינפורגרפיקות וכלה ב-Dashboards), באתרים כמו גם באפליקציות ווב.

דוגמאות

בחלק הבא אציג מספר דוגמאות טובות לאינפוגרפיקות אינטראקטיביות.

מה עושים אמריקאים עם הזמן שלהם?

מקור: ניו יורק טיימס

מה שמתחיל כדיאגרמה שמלווה כתבה בעיתון, יכול בקלות להיות הידיעה עצמה. הכפתורים בפינה הימנית מזמינים את הקורא “לשחק” עם הנתונים ולגלות מסקנות שאולי לא צוינו בכתבה המקורית. שימו לב, למשל, כמה קל לראות – באמצעות לחיצה על כפתור Men ואח”כ על כפתור Women לסירוגין – שגברים משקיעים יותר זמן בעבודה ופחות זמן במטלות הבית מאשר נשים. השטח הצהוב קטן והירוק גדל בהתאמה במעבר בין גברים לנשים.

השינוי במדיניות הפרטיות של פייסבוק בשנים 2005-2010

מקור: מאט מקאון

באמצעות מעבר על השנים מצד ימין למעלה, ניתן לראות בבירור שככל שעוברות השנים, הגדרות ברירת המחדל של פייסבוק מאפשרות לעוד ועוד מהמידע האישי שלנו להיות זמין לציבור. כך למשל, ניתן לראות שעד סוף 2009, התמונות שהעלינו לפייסבוק נשארו פרטיות כברירת מחדל. מאמצע 2010 הן הופכות להיות ציבוריות לחלוטין ופתוחות לכל חיפוש בגוגל. הפרטיות של “פרטי יצירת קשר”, לעומת זאת, לא השתנתה במשך השנים.

המילוי הכחול שהולך וממלא את התרשים ככל שעובר הזמן, ממחיש את המגמה החד סיטרית שמתרחשת עם השנים.

הקשר בין עושר לבריאות במדינות העולם

מקור: Gapminder

דוגמה מצוינת לשימוש באנימציה כדי להמחיש תהליך.

כשלוחצים על כפתור Play בפינה השמאלית למטה, מקבלים מעבר אנימטיבי מהיר על ציר הזמן. כך למשל, בדוגמה האחרונה, ניתן לראות בבירור את התהליך שעוברות מדינות העולם במשך כ-200 שנה. אחד הדברים המעניינים שהאנימציה מאפשרת להבין מהר הוא שיש מדינות (למשל: ארה”ב) עם גידול יציב בתוחלת החיים וההכנסה, ואילו אצל מדינות אחרות (למשל: סין) הגידול אינו קבוע ויציב, אלא בחלוף השנים הן נעות “קדימה” ו”אחורה” על הצירים.

המדינות הטובות בעולם

מקור: thedailybeast.com

התרשים מגלם עוד יתרון משמעותי של מידע חזותי – הוא מציג כמויות גדולות של מידע בצורה קלה להבנה. ניתן להשוות בין 2 מדינות על ידי בחירה בצד שמאל. במרכז רואים השוואה של אותן 2 מדינות לכל שאר מדינות העולם. מימין מקבלים השוואה מפורטת יותר של 2 המדינות שנבחרו.

מיפוי חברויות בפייסבוק

מקור: facebookstories.com

התרשים מאפשר לראות בקלות את הקשרים בפייסבוק של תושבי מדינה מסוימת עם תושבי מדינות אחרות. בקליק אחד על שם של מדינה מקבלים מיד את 5 המדינות המקושרות ביותר אליה. כמו כל אינפוגרפיקה טובה, מתחת למידע החזותי יש הסבר או פרשנות טקסטואלית.


הפוסט בחסות כנס UXI Studio


נותרו מקומות אחרונים בכנס UXI Studio של ארגון חוויית משתמש ישראל. הכנס יתקיים ב-17-20/2/2013 ויכלול 3 ימי סדנאות אינטנסיביים, עם מרצים בינלאומיים, המובילים את תחום חוויית המשתמש היום. הירשמו היום והבטיחו את מקומכם באירוע החד-פעמי הזה.

כתב אורח

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

הגב

הגב ראשון!

avatar
Photo and Image Files
 
 
 
Audio and Video Files
 
 
 
Other File Types
 
 
 

* היי, אנחנו אוהבים תגובות!
תיקונים, תגובות קוטלות וכמובן תגובות מפרגנות - בכיף.
חופש הביטוי הוא ערך עליון, אבל לא נוכל להשלים עם תגובות שכוללות הסתה, הוצאת דיבה, תגובות שכוללות מידע המפר את תנאי השימוש של Geektime, תגובות שחורגות מהטעם הטוב ותגובות שהן בניגוד לדין. תגובות כאלו יימחקו מייד.

wpDiscuz

תגיות לכתבה: