ב-Online
 
 
 
 
 
 
 
טרנדי 
אינפוגרפיקה: מידע מהיר, נגיש ומעוצב 

אינפוגרפיקה: מידע מהיר, נגיש ומעוצב

 
טרנדי |
 

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

 
 
 
 
 
 
 
 
 
טרנדי
 טרנדי   צילום: סטודיו nana10 
 
 

 

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

 

הרבה מידע, כאן ועכשיו

   

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

 
מידע שנשאב ממקורות רבים
 מידע שנשאב ממקורות רבים   צילום: צילומסך 
 
 

הגדלת טראפיק לאתר האינטרנט

 

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

 

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

 
אלפי סרטים בחיפוש אינטראקטיבי
 אלפי סרטים בחיפוש אינטראקטיבי   צילום: צילומסך 
 

העברת המידע והידע במהירות לגולש

 

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

  

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

 
תרשימים מבוססי טכנולוגיה
 תרשימים מבוססי טכנולוגיה   צילום: צילומסך 
 

 

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

 
תרשימים ודוחות שעברו שדרוג
 תרשימים ודוחות שעברו שדרוג   צילום: צילומסך 
 

ויזואליזציה של מידע בחיי היום-יום

חיתוך תקליטים לפי מדינה, שנים, ז'אנר וכו'
 חיתוך תקליטים לפי מדינה, שנים, ז'אנר וכו' 
 צילום: צילומסך 
 

   

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

 

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

 
הסברת המשמעות שמאחורי חג החנוכה באמצעות אינפוגרפיקה
 הסברת המשמעות שמאחורי חג החנוכה באמצעות אינפוגרפיקה   צילום: צילומסך 
 

ויזואליזציה אישית

התפשטות השימוש ברשתות חברתיות על פני ציר הזמן
 התפשטות השימוש ברשתות חברתיות על פני ציר הזמן 
 צילום: צילומסך 
 

 

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

 

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

 

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

 
אינפוגרפיקה של שימוש ברשתות חברתיות
 אינפוגרפיקה של שימוש ברשתות חברתיות   צילום: צילומסך 
 

 

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

 

 

 

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

 
 
 
@@@@@@@@@@@@@@@@@@@ ilan @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 
@@@@@@@@@@@@@@@@@@@ ilan @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
 
 
תגובות
הוסף תגובה0 תגובות
הוספת תגובה
מאת
 
נושא
 
תוכן
 
 
 
 
תודה! תגובתך התקבלה.
התגובה תתפרסם בכפוף לתנאי האתר.
 
 
 
 
 

כל הזכויות שמורות 2011 © נענע 10 בע"מ
 
 
 
 
כל הזכויות שמורות © Nana10 בע"מ
Video powered by