פוסט שותף: שלושה כללים ודוגמאות לאינפוגרפיקה טובה
מאת: שלומי זיגרט 
| 29.12.2009 בשעה 19:56
עם כניסת העשור החדש, מעניין להיזכר בספרו של אלדוס האקסלי, "עולם חדש מופלא". נזכרתי בו ובחברו ג’ורג’ אורוול ("1984") תוך עיון בטור של מאיר שניצר שפורסם במוסף סופשבוע של מעריב. האקסלי, היה הלכה למעשה נביא. הוא מציג כבר ב-1932 ראיה צלולה של עתיד לא מזהיר במיוחד. מתוך הראיה הפוסט מודרנית הזו, הוא חזה את הגלובליזציה, את תרבות הצריכה ואת בולמוס הקניות שבו אנו נמצאים.
הפרשנות מרחיקת הלכת שלו, מדברת על עולם סטרילי, מדוד מאוד, מנוכר, שבהסתכלות מדוקדקת יותר, די דומה לעולם בו אנו חיים היום. עולם שסוגד לתרבות הרייטינג, ונגזר ממנה ביתר שאת, עולם הריאליטי המאוס. מתחשק לי להגיד שהייתי שמח אם העולם לא היה כזה, אבל יהיה זה תמים ואפילו תלוש. ומה לעשות, 
אני בעצם גם שותף לעולם הזה. אני חי בו ואני מכיר כמובן גם ביתרונות שלו.
עולם העיצוב הגרפי בכלל והעיצוב לאינטרנט בפרט הוא נגזרת של המציאות. המציאות היחסית רדודה שבה אנו חיים חייבת להשפיע גם על האופן שבו גולשים באינטרנט צורכים עיצוב. ולכן, גם העיצוב באינטרנט מבקש להיות פשוט יותר ויותר כדי שעוד ועוד קהל יוכל להתחבר אליו ולהבין אותו.
לגולשים אין סבלנות לקרוא טקסטים ארוכים ומייגעים והם משוועים למינימום מאמץ אינטלקטואלי. כך נרתם העיצוב לטובת הפשטות הזו ולטובת המאמץ לתת לגולשים את מבוקשם ולאפשר להם לא להתאמץ.
כשאני מדבר על עיצוב בשירות המותג, קל מאוד למצוא את המגמה גם פה. אפילו טקסט פרסומי נדחק הצידה לטובת אימג’ גדול שלא דורש התעמקות, אלא מעביר מסר. לרוב, רדוד, מכובס, מעובד. מכאן אנחנו רואים יותר ויותר שימוש באיורים וגם באינפוגרפיקה ככלי בשירות המותגים.
רוב האנשים מרפרפים על פני טקסטים באינטרנט. כך קורה גם עם אינפוגרפיקה. רוב האנשים מסתכלים ומקבלים רושם ראשוני מהאינפוגרפיקה, מה שמכונה "אפקט הוואוו!", גולשים אלה יקראו את הכותרות, יסתכלו קצת באימג’ וימשיכו הלאה. אלא שבניגוד לאמצעי העברת מידע אחרים, באינפוגרפיקה הרבה פעמים, מבט אחד חטוף מספיק – וזו עוצמתה בעידן האינטרנט. אם הסבלנות שלנו מספיקה למבט אחד חטוף, בואו נסייע לגולשים לקבל כמה שיותר מידע במבט אחד חטוף.
שלושה כללים 
לאינפוגרפיקה טובה בעידן האינטרנט
- השתמשו בעוגן מרכזי אחד, בדומה למודעה מכירתית, והוסיפו סביבו לוויינים.
- השתמשו במספרים המקבלים ליצירת המחשה ויזואלית קלה להבנה.
- שמרו על פשטות. לא פשטנות. אל תזלזלו בגולש.
שלוש דוגמאות לאינפוגרפיקות בשירות מותגים ורעיונות
אני בוחר להביא כאן שלוש דוגמאות של אינפוגרפיקות, דווקא לא של מותגים אלא גם של רעיונות.
1. אינפוגרפיקה לחג המולד
לכאורה אירוע רוחני ודתי עמוק, שמתורגם בחלק מהעולם המערבי לחג 
הצרכנות האולטימטיבי. האינפוגרפיקה שלפנינו עוטפת את חג המולד במספרים ומראה גם כיצד המשבר הכלכלי בא לידי ביטוי בהיסטריית הקניות שסביב החג.
2. משפחת סימפסון באינפוגרפיקה
משפחת סימפסון היא מותג מובהק, וכן סמל ודגל. האינפוגרפיקה הפשוטה המדברת על תוכניות שהשפיעו על יוצרי הסדרה ועל תוכניות שהושפעו ממנה. היא נותנת פתרון לגולש שאין לו חשק להתעמק בתפיסת עולם מחקרית שלמה על הנושא המרתק הזה.
3. אינפוגרפיקה ירוקה
אנחנו פוגשים את האג’נדה הירוקה בכל פינה, מהפוליטיקה הרשמית, דרך ארגוני מתנדבים ועד לספרי הלימוד של הילדים שלנו. ישנן שלל אינפוגרפיקות על נושאים ירוקים, פלח יפה מהן מוקדש להפחדה והן משרתות אג’נדה ברורה, להראות לנו בעיניים מה מצבו של כדור הארץ.
אנחנו רואים שימוש הולך וגובר באינפוגרפיקה באינטרנט ככלי בשירות מותגים, חברות, שירותים וארגונים (גם ממשלתיים). וההערכה שלי היא שאנחנו עוד נפגוש אותן הרבה בשנים הקרובות.
שלומי זיגרט הוא ראש תחום עיצוב גרפי בחברת Netwise.
 |
Netwise היא החברה הגדולה והמובילה בישראל בהקמת מערכות לאינטראקציה עסקית. המערכות שאנו מקימים יוצרות קשר איכותי ורווחי בין הארגון לבין הלקוחות, הספקים, המפיצים והעובדים של הארגון – ונותנות לו את המענה הטוב ביותר. צוות העובדים שלנו מונה 220 מומחים מתחומי ה- IT השונים, הניצבים בחזית הטכנולוגיה ומספקים שירות מקצועי ללמעלה מ-70 חברות וארגונים מן הגדולים במשק. היקף הפעילות של Netwise ממשיך לצמוח בכל שנה וכולל עשרות פרויקטים בארץ ובעולם. |
>
שלומי זיגרט הוא ראש תחום עיצוב גרפי בחברת Netwise
29.12.2009 בשעה 20:50
ממש מעניין. לא מטפלים מספיק בנושא האינוגרפיקה. אני קוראת מעט דברים על זה ואין ספק שמדובר בנושא שעולה על הפרק ביתר שאת בשנים האחרונות.
29.12.2009 בשעה 20:56
לדעתי אין כל קשר בין “רדידותה” של המציאות שלנו לבין קיומו של ז’אנר האינפוגרפיקה. דווקא מבט חטוף ביצירה אינפוגרפית לא יאמר הרבה, ברוב המקרים (כמו בשלוש הדוגמאות המובאות במאמר זה) יש להתעכב ולחלץ את הנתונים בעיון כדי לפענח דבר כלשהו מהתרשים. היתרון של שימוש באינפוגרפיקה יצירתית לעומת מפות, טבלאות וגרפים מסורתיים הוא בכך שבדרך היצירתית אפשר להמחיש את ההקשר שבו מובאים הנתונים, לשים דגש על מגמות הניכרות בהם ובמקרים רבים – להביע דיעה בנושא שבו התרשים דן.
למי שמתעניין באינפוגרפיקה, כדאי לעיין ב-GOOD Magazine הפרוגרסיבי:
http://www.good.is/
אדוארד טאפט הוא הגורו הבלתי מעורער של התחום. הספרים שלו בנושא מומלצים ביותר לכל מעצב העוסק באינפוגרפיקה:
http://www.edwardtufte.com/tufte/
בארץ יש את רוני לוית, העורכת במגזין G של גלובס את “המספר הנוסף”, וספרה “אטלס ישראל” עוסק גם הוא במיצוי אינפוגרפי של נתונים שונים על מדינת ישראל:
http://www.flickr.com/photos/ronilevit/
29.12.2009 בשעה 22:29
היה יותר טוב בלי פסקאות הפתיחה המתחסדות.
30.12.2009 בשעה 9:54
תודה על התגובות
מאיר, לעניות דעתי, השימוש באינפוגרפיקה הוא השלמה של מידע טקסטואלי. אבל ביסודו, הוא סוג של טיזר. הוא מזמין את האדם להתעמק במידע שמוגש בו, אבל לפני הכל הוא פונה לצד הויזואלי. אינפוגרפיקה שצריך לחלץ ממנה נתונים בעיון, פשוט לא טובה. היא צריכה להיות פשוטה ולהאכיל אותנו עם כפית.
המגמה היום היא להתשמש במעט מאוד טקסט. ראה עיתונים מודפסים (חדשות…ובעקבותיו כולם, בביצה המקומית), אתרים, כמובן. אף אחד לא טורי לקרוא עמודי טקסט שלמים. ואפרופו הדומגאות שנתתי- בסימפסונים – במקום לקרוא מאמר שלם על משפיעים ומושפעים, קיבלנו בתוך כמה רגעים את התמונה הכללית. ואז, אם רוצים, מתעמקים, בטקסט שמלווה את ה-IMAGE.
30.12.2009 בשעה 18:17
[...] רבאק, איך להתאפק? "מתחשק לי להגיד שהייתי שמח אם העולם לא היה כזה, אבל יהיה זה תמים ואפילו תלוש. ומה לעשות, אני בעצם גם שותף לעולם הזה." [מקור] [...]
31.12.2009 בשעה 22:58
בעיני, אינפוגרפיקה טובה נמדדת ביכולתה להאיר, גם במבט חטוף, מגמה או דפוס מעניינים בסדרה של מספרים שאחרת היינו מדלגים עליהם בלי לקרוא. כמו שאומר הילמן קרטיס,
Making the invisible Visible
ואני חייב להצביע על האינפוגרפיקה של השנה לדעתי:
http://mobo.co.il/general/fox-news-pie-chart-fail
בהחלט חושף כמה אמיתות
01.01.2010 בשעה 9:31
מתי הי
מאוד מסכים עם ההגדרה שלך, למרות שהקטע המשעשע שאתה מפנה אליו הוא לא בהרכח מייצג (מעבר להיותו מפיל). בעיני אינפוגרפיקה יכולה להיות הרבה יותר מפיא.
03.01.2010 בשעה 10:41
מתי, הנה סרטון שתאהב, לדעתי
http://vimeo.com/5477517
שימוש נכון, עכשווי, ובעיקר פוגע בנימים הנכונים
ועוד משהו…
http://www.uniqlo.com/try/
ואגב אתרים שעוסקים באינפוגרפיקה, ויש המון… הנה מקצתם (בנוסף ללינקים הנפלאים שמאיר סדן הזכיר):
http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/
http://www.coolinfographics.com/
http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
http://infographicsnews.blogspot.com/
05.01.2010 בשעה 10:08
שלומי, אני לא לגמרי מסכימה איתך לגבי התפקיד של אינפוגרפיקה. נכון שפן אחד שלה היא להיות פשוטה ולאפשר הבנה במבט אחד, אבל יש גם פן נוסף – האפשרות להציג כמות גדולה ומורכבת של נתונים באופן גרפי. חלק מהדוגמאות בהערה האחרונה שלך גם נותנות לזה ביטוי, אם תסתכל (שוב…) באפשרויות המוצגות smashing magazine חלקן די מורכבות, כלומר לא בהכרח אפשר להסתפק במבט אחד כדי לקבל את המידע, אבל נכון שעדיין יש כאן תצוגה יחסית פשוטה (גם אם מורכבת למדי כשלעצמה) למידע מורכב. בעיניי ה”מבחן” לאינפוגרפיקה טובה הוא כאשר התצוגה מאפשרת הבנה מהירה יותר של המידע, זה לא אומר בהכרח מבט אחד, כי כשהמידע מאד מורכב, גם התצוגה תיהיה לא פשוטה. תצוגה טובה גם עשויה לאפשר או להדגיש צדדים של המידע שקשה מאד להציג באופן מילולי (כמו קשרים מורכבים ומיקום גיאוגרפי), כלומר זה לא רק פשטות אלא גם דרך לייצג באופן בולט יותר מאפיינים מסוימים של המידע.
אבל יש גם בעיה עם תצוגות מידע כאלו, במיוחד אולי המסורתיות יותר, כמו בדוגמא מפוקס ניוז, הן יוצרות רושם רציני אבל קל יחסית להטעות איתן, פה הטעות מאד בולטת, אבל הרבה פעמים קשה יותר להבחין בטעות והתצוגה מייצרת אמינות יחסית גבוהה (לטוב ולרע). סת’ גודין כתב על זה ממש לאחרונה http://sethgodin.typepad.com/seths_blog/2009/12/learning-from-bad-graphs-and-weak-analysis.html
05.01.2010 בשעה 11:18
הי נורית.
צודקת. אינפוגרפיקה טובה היא כזו שלוכדת את עיני המתבונן. כזו שיודעת להציג מידע שבאופן מילולי או אחר היה קשה יותר להעביר. ובפירוש, חשוב שיהיו לה כמה רבדים של מידע. מי שרוצה להעמיק ולנתח אותה, מה טוב.
לגבי אמינות המידע…זו כבר שאלה אחרת. אבל בעידן בו גם צילום פשוט לא מעיד על אמינותו (כי בעזרת הפוטושופ משנים ומשפצים אותו לפי אג’נדה כזו או אחרת) אזי אנו עוסקים בערך שבסכנת הכחדה.
05.01.2010 בשעה 15:43
ובינתיים מצאתי גם את הדוגמא שרציתי לתת קודם לתצוגות מורכבות – חלק מהפרויקטים כאן מאד מעניינים …
http://www.visualcomplexity.com/vc/
05.01.2010 בשעה 23:16
נורית, אכן קישור מקסים. מכיר אותו. אבל לדעתי, וראי גם את שמו של העמוד וכותרתו. הוא עוסק בויזואליזציה של מידע (Information visualization). לא בהכרח באינפוגרפיקה. ויש הבדל בין השניים, להבנתי. ראי כאן: http://en.wikipedia.org/wiki/Information_visualization
06.01.2010 בשעה 9:52
כן.. יש הבדל, אבל הוא יותר היסטורי ובהקשר בו התפתחו התחומים ואני חושבת שהבדלים כאלה רלבנטיים אולי למי שעוסק בתחום אבל לא לקהל יותר רחב, אתה יודע – גם השמות: ויזואליזציה של מידע לעומת גרפיקה של מידע… נכון שיש דגשים שונים והתמחויות קצת אחרות, אבל מבחינת המטרות הכלליות אני חושבת שהמשותף רב מאד.
למשל הדוגמא שלך לאינפוגרפיקה ירוקה, היא יותר ויזואליזציה של מידע (אחוזים של שטח ירוק לעומת בנוי), למרות שהעובדה שלא השתמשו סתם בפאי רגיל לוקחת את זה קצת לכיוון של אינפוגרפיקה… כך שיש לא מעט חפיפה בין העולמות.
טוב מצטערת אם העברתי את הדיון למחוזות פחות רלבנטיים…
06.01.2010 בשעה 9:58
לדעתי רלוונטי מאוד. מסכים שיש חפיפה. אם כי Information visualization פונה לרוב, לקהל מקצועי במהותו. ואינפוגרפיקה , תפקידה להנגיש מידע מורכב, בדרכים רכות יותר, שלא לומר פשוטות יותר (אפרופו מה שכתבתי בפוסט). ואין ספק ששני התחומים הללו מרתקים. במיוחד אנשים כמונו, שעוסקים בעיצוב, ממשק, תוכן, וכל מה שביניהם.
21.01.2010 בשעה 10:25
לא יודעת אם עוד מישהו קורא פה אבל ראיתי את האינפוגרפיקה הזו
http://blog.blprnt.com/blog/blprnt/finding-perspective-haiti-earthquake-aid-in-avatar-minutes
והייתי חייבת להוסיף – מבאס ומגניב גם יחד
27.01.2010 בשעה 23:34
הי נורית,
בהחלט שווה הקישור ששלחת
אגב, אנחנו עובדים בימים אלה עם מסםר לקוחות על פרויקטים שכוללים אינפוגרפיקות. מקווה שאוכל בקרוב לשלוח לינקים בהתאם.