אינפוגרפיקה

820
-1

Published on

יעל שלייצר גלזר הרצתה בכנס מידע 2011 ביום העיון "פורטלים ומידע רב מימדי".

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
820
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

אינפוגרפיקה

  1. 1. אינפוגרפיקה <br />כנס מידע 2011 <br />יום עיון "פורטלים ומידע רב מימדי" <br />
  2. 2. מי אני?<br />יעל שרצר גלזר<br />מעצבת ממשקי משתמש<br />סטודנטית תואר שני למידענות בבר אילן<br />חובבת אינפוגרפיקה ומידע חזותי בכלל<br />מקסימל – data visualization<br />פנורמה- עיצוב ויזואלי<br />
  3. 3. על מה אדבר?<br />אינפוגרפיקה<br />+ דוגמאות<br />Data visualization<br />+ דוגמאות<br />ארגז כלים<br />אתרי השראה<br />
  4. 4. אנחנו מוקפים במידע<br />
  5. 5. הטכנולוגיה<br />למזלנו הטכנולוגיה מאפשרת לנו להציג מידע בצורה גרפית בכל מקום<br />
  6. 6. איפוגרפיקה- מה זה?<br />כלי להמחשה חזותית של מידע<br />מינוף מערכת הראייה כדי להשיג הבנה מהירהשל מידע מופשט<br />העין טובה בסריקה מקבילית, זיהוי תבניות וזיכרון<br />
  7. 7. מה אנחנו מצפים מאינפוגרפיקה?<br />שיהיה מעניין- מדליק!<br />שיספר סיפור בתמונה אחת ולא באלף מילים<br />שיבליט את הדברים החשובים<br />שיהיה קריא מובן וזכיר<br />ייעול הצגת וקליטת המידע<br />אוניברסלי<br />
  8. 8. קפה, מה תרצו? את זה?<br />
  9. 9. או את זה?<br />
  10. 10. מספר סיפור<br />
  11. 11. אוניברסלי<br />
  12. 12. מידע נגיש ומובן<br />
  13. 13. אלמנטים ויזואלים להמחשת רעיון<br />
  14. 14. לעזור לעין לזכור ולנתח<br />
  15. 15. הבלטת הנתונים החשובים<br />
  16. 16.
  17. 17.
  18. 18. תופס את העין (אבל...) <br />
  19. 19. Data visualization<br />כלי התומך במידע כמותי ובא לידי ביטוי בעזרתסט כלים: נקודות, קוים, צבעים, גרפים וטקסט<br />ייצוג חזותי של הנתונים<br />המידע מוצג בצורה סכמטית הכולל תכונות ומשתנים עבור יחידות המידע<br />
  20. 20. כלים ושפה מוסכמת<br />
  21. 21. מה מצפים מ data visualization<br />לעביר מידע באופן ברור ואפקטיבי באמצעים גרפים<br />נתונים פונקציונליים אך אסטטים<br />אינטואיטיבי<br />נותן תובנות<br />מעורר תשומת לב וגורם למעורבות<br />
  22. 22. במה נעזרים?<br />Graphical elements facilitate comparisons<br />via<br />– Length<br />– Shape<br />– Orientation<br />– Texture<br />• Animation shows changes across time<br />• Color helps make distinctions<br />• Aesthetics make the process appealing<br />
  23. 23. נסד"ק – כל הסיפור<br />http://www.smartmoney.com/map-of-the-market/?cid=subnav_map_of_the_market<br />
  24. 24. חדשות treemap visualization<br />http://newsmap.jp/<br />
  25. 25. תרשים בועות- גרף פיזור<br />http://www.youtube.com/watch?v=jbkSRLYSojo<br />
  26. 26. ארגז כלים<br />Many eye<br />Wordle<br />Google tablesGoogle charts toolsGoogle public data explorer <br />Tableau Public<br />Protovis<br />JavaScript InfoVis Toolkit<br />Raphaël<br />Gapminer<br />
  27. 27. Many eyes<br />
  28. 28. Wordle<br />
  29. 29. Gapminder<br />
  30. 30. אתרי "השראה"<br />Information is beautiful<br />Smashing magazine<br />Thefloating frog<br />Flowing data<br />Cool Infographics<br />Ocean layout<br />Infographics blog<br />
  31. 31. תודה רבה<br />Yael.shertzer@gmail.com<br />

×