welcome toHOW TO MAKE A BEAUTIFUL THESIS  “Impressive Meyers, but let’s stick to your quantitative projections”
Hmy name O ELL is             I AM A
	   gestalt	   information design principals	   some typographic principals
	   information design is the study and practice     of bringing clarity and comprehensibility to     visual materials th...
(NOT JUST A DESIGNER THING)
CAN BE QUITE IMPORTANT ACTUALLY
WHAT’S WRONG WITH THIS INFOGRAPHIC?          Scale           2003   2004   2005   2006   2007   2008   2009   Skill Develo...
ANY BETTER?              	  
WE LOOK FOR PATTERNS
WE WANT PATTERNS TO MEAN SOMETHING
WE WANT CHANGE TO MEAN SOMETHING
GESTALT LAWS OF PERCEPTION       (not a nasty infection)
SIMILARITY   PROXIMITY   FIGURE/GROUND
SIMILARITY	 more important should be visually ‘louder’
PROXIMITY                                              A label gets lost hereA label goes nicely here	 put stuff next to ...
PROXIMITY	 always align stuff
FIGURE/GROUND    Inctium sinctat voluptatur?       Inctium sinctat voluptatur?    Arumquam ellaut aruptam sum       Arumqu...
	serif    OR   sans serif / we read best what we read most	   Typefaces communicate	   contrast between thick and thin ...
SIGNAL TO NOISE RATIO	 information = signal	 everything else = noise
SIGNAL TO NOISE RATIO	 minimize pattern and line thickness	 remember figure/ground
LETS SEE WHAT THAT LOOKS LIKE
there are only five waysTO ORGANIZE INFORMATIONL ATCH
LOCATIONALPHABETICALT IMECATEGORYHIERARCHY
ALPHABETICAL	 arrange by sequence	 for non linear information	 or no other way to organize it
TIME	 arrange by chronological sequence	 timelines, step by step instructions, calendars time tables
LOCATION	 arrange by geographical or spatial reference	 for data flow about distance / geography
CATEGORY	 arrange by similarity or relatedness	 users looking for information in this form	 library catalog, periodic t...
HIERARCHY	 compared sequentially by common measures	 highest to lowest, best to worst
LET’S TRY IT OUTmake a graphic of “I will survive” using the LATCH methodFirst I was afraid                      Go on now...
SURVIVED!            LEARNED TO CARRY ON            GREW STRONG            NIGHTS SPENT FEELING SORRY FOR MYSELF          ...
WHAT INFOGRAPHIC SHOULD I USE?	   bivariate (one thing is compared to another)     use a table	   multivariate (more tha...
QUANTITATIVE	   show measurements and quantities
QUALITATIVE	   show processes and connectedness
WHICH CHART SHOULD I USE?      and how can I make it look good?
BAR CHARTS                                        APRIL                                        MAYSALES $US               ...
LINE GRAPHSALES $US                               TROLLS                               GNOMES                             ...
PIE CHART    example by Seth Godin	 bar chart implies importance	 pie chart shows extent of the troll problem in proport...
DESIGNING TABLES	 one dataset per table!	 notice information, NOT the table structure	 decrease the noise	 make the ba...
DESIGNING TABLES	 use dashes or ellipses for missing data	 tints help the eye read across or down	 	 se fonts with open...
DESIGNING BAR CHARTS	 don’t always need a frame or increment marks	 differences of height should be discernible	 type s...
PIE CHARTS	 don’t use an ellipse—it distorts the data	 don’t use busy patterns or 3D effect	 make sure colors are tonal...
LINE GRAPHS	 background and labels should not overwhelm the lines	 the scale should allow us to see variation   without ...
CAN WE MAKE THIS BETTER NOW?                               	  
100                                                                SKILL DEVELOPMENT 95                                   ...
    Questions?
B            YEGOOD                      e]          our name her[insert y
This presentation was created for non-profit educational purposes. These image credits are best guess based onwhere they w...
Information Design
Information Design
Information Design
Information Design
Information Design
Information Design
Upcoming SlideShare
Loading in...5
×

Information Design

20,895

Published on

Information Design for your Thesis presentation 2012

Published in: Design, Technology
1 Comment
20 Likes
Statistics
Notes
  • Writing thesis is nowadays turning out to be most difficult task for the students, good news though there are many sites which can really help you in writing your dissertations , i come across one such website, they have expert writer and can access you best. Have a look http://writing-dissertation.org/


    Dissertations
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
20,895
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
14
Comments
1
Likes
20
Embeds 0
No embeds

No notes for slide

Information Design

  1. 1. welcome toHOW TO MAKE A BEAUTIFUL THESIS “Impressive Meyers, but let’s stick to your quantitative projections”
  2. 2. Hmy name O ELL is I AM A
  3. 3.  gestalt information design principals some typographic principals
  4. 4.  information design is the study and practice of bringing clarity and comprehensibility to visual materials that are meant to direct, teach, explain, or otherwise inform. Ronnie Lipton
  5. 5. (NOT JUST A DESIGNER THING)
  6. 6. CAN BE QUITE IMPORTANT ACTUALLY
  7. 7. WHAT’S WRONG WITH THIS INFOGRAPHIC? Scale 2003 2004 2005 2006 2007 2008 2009 Skill Development 86% 77% 90% 96% 92% 89% 92% Goals and Expectations 75% 80% 83% 88% 92% 87% 88% Examination 74% 62% 72% 77% 79% 80% 78% Supervision 64% 65% 70% 80% 74% 72% 75% Infrastructure 52% 44% 60% 68% 67% 65% 74% Intellectual Climate 45% 34% 49% 54% 56% 55% 59% Overall Satisfaction 68% 69% 73% 87% 85% 78% 75%
  8. 8. ANY BETTER?  
  9. 9. WE LOOK FOR PATTERNS
  10. 10. WE WANT PATTERNS TO MEAN SOMETHING
  11. 11. WE WANT CHANGE TO MEAN SOMETHING
  12. 12. GESTALT LAWS OF PERCEPTION (not a nasty infection)
  13. 13. SIMILARITY PROXIMITY FIGURE/GROUND
  14. 14. SIMILARITY more important should be visually ‘louder’
  15. 15. PROXIMITY A label gets lost hereA label goes nicely here put stuff next to the thing it refers to
  16. 16. PROXIMITY always align stuff
  17. 17. FIGURE/GROUND Inctium sinctat voluptatur? Inctium sinctat voluptatur? Arumquam ellaut aruptam sum Arumquam ellaut aruptam sum is alit dolores dolore aut es is alit dolores dolore aut es diaspic aturepe porro comnis- diaspic aturepe porro comnis- tio conseni musam, sunt officie tio conseni musam, sunt officie ndicid ndicid LOW CONTRAST HIGH CONTRAST make the content stand out from the background
  18. 18.  serif OR sans serif / we read best what we read most Typefaces communicate contrast between thick and thin strokes is hard to read minimal contrast and is easier to read
  19. 19. SIGNAL TO NOISE RATIO information = signal everything else = noise
  20. 20. SIGNAL TO NOISE RATIO minimize pattern and line thickness remember figure/ground
  21. 21. LETS SEE WHAT THAT LOOKS LIKE
  22. 22. there are only five waysTO ORGANIZE INFORMATIONL ATCH
  23. 23. LOCATIONALPHABETICALT IMECATEGORYHIERARCHY
  24. 24. ALPHABETICAL arrange by sequence for non linear information or no other way to organize it
  25. 25. TIME arrange by chronological sequence timelines, step by step instructions, calendars time tables
  26. 26. LOCATION arrange by geographical or spatial reference for data flow about distance / geography
  27. 27. CATEGORY arrange by similarity or relatedness users looking for information in this form library catalog, periodic table
  28. 28. HIERARCHY compared sequentially by common measures highest to lowest, best to worst
  29. 29. LET’S TRY IT OUTmake a graphic of “I will survive” using the LATCH methodFirst I was afraid Go on now go walk out the door It took all the strength I hadI was petrified just turn around now not to fall apartKept thinking I could never live ‘cause you’re not welcome anymore kept trying hard to mendwithout you by my side weren’t you the one who tried to hurt me the pieces of my broken heartBut I spent so many nights with goodbye and I spent oh so many nightsthinking how you did me wrong you think I’d crumble just feeling sorry for myselfI grew strong you think I’d lay down and die I used to cryI learned how to carry on Oh no, not I Now I hold my head up highand so you’re back I will survive and you see mefrom outer space as long as I know how to love somebody newI just walked in to find you here I know I will stay alive I’m not that chained up little personwith that sad look upon your face I’ve got all my life to live still in love with youI should have changed my stupid lock I’ve got all my love to give and so you felt like dropping inI should have made you leave your key and I’ll survive and just expect me to be freeIf I had known for just one second I will survive now I’m saving all my lovingyou’d be back to bother me for someone who’s loving me
  30. 30. SURVIVED! LEARNED TO CARRY ON GREW STRONG NIGHTS SPENT FEELING SORRY FOR MYSELF CRYING & MENDING HEART AFRAID/PETRIFIED
  31. 31. WHAT INFOGRAPHIC SHOULD I USE? bivariate (one thing is compared to another) use a table multivariate (more than two variables are compared) choose a chart Quantitative or Qualitative
  32. 32. QUANTITATIVE show measurements and quantities
  33. 33. QUALITATIVE show processes and connectedness
  34. 34. WHICH CHART SHOULD I USE? and how can I make it look good?
  35. 35. BAR CHARTS APRIL MAYSALES $US JULY TROLLS GNOMES BILLYGOATS good for comparing numeric quantities compares like to like most easily
  36. 36. LINE GRAPHSALES $US TROLLS GNOMES BILLY GOATS APRIL MAY JULY show development / relative position over time emphasize the yearly trend instead of comparison
  37. 37. PIE CHART example by Seth Godin bar chart implies importance pie chart shows extent of the troll problem in proportion
  38. 38. DESIGNING TABLES one dataset per table! notice information, NOT the table structure decrease the noise make the background behave
  39. 39. DESIGNING TABLES use dashes or ellipses for missing data tints help the eye read across or down se fonts with open counters / no serifs u never horizontally scale type
  40. 40. DESIGNING BAR CHARTS don’t always need a frame or increment marks differences of height should be discernible type should be in proportion to the data
  41. 41. PIE CHARTS don’t use an ellipse—it distorts the data don’t use busy patterns or 3D effect make sure colors are tonally contrasting
  42. 42. LINE GRAPHS background and labels should not overwhelm the lines the scale should allow us to see variation without exaggerating the data
  43. 43. CAN WE MAKE THIS BETTER NOW?  
  44. 44. 100 SKILL DEVELOPMENT 95 GOALS AND EXPECTATIONS 90 85 EXAMINATION 80 75 SUPERVISION INFRASTRUCTURE 70 65 60 INTELLECTUAL CLIMATE 55 50 45 40 OVERALL SATISFACTION 35 30 % 2003 2004 2005 2006 2007 2008 2009
  45. 45.  Questions?
  46. 46. B YEGOOD e] our name her[insert y
  47. 47. This presentation was created for non-profit educational purposes. These image credits are best guess based onwhere they were sourced, some have been passed around the internet a lot and the original is hard to identify. If anyof the copyright holders wish me to remove images please contact me directly on: anitra@anitraland.comImage Credits:Page 1: New Yorker Cartoon, by Paul NothPage 6: Apple IncPage 7: APPage 8: APPage 11: USGSPage 12: Yuism.orgPage 13: Education Database OnlinePage 14: Wikipedia (Photographer Unknown)Page 15 L-R: Shutterstock / learning solutions magazine / designer unknownPage 16: Julian WeidenthalerPage 17: mrkism.comPage 18: MegadesignPage 23: Screen Grab from TV screen, Author UnknownPage 24: via Presentation Zen, photographer unknownPage 25: Seth GodinPage 28: Apple IncPage 29: Wikipedia CommonsPage 30: Good MagazinePage 31: Squidspot.comPage 32: Designer UnknownPage 36: Seth GodinPage 37: GoBeyondweb.comPage 41: Idea and image by Seth GodinPage 44: Pew Internet / Designer unknownPage 45: Bons Design HelsinkiPage 46: Huffpost PoliticsPage 47: Seth Godin / Author UnknownPage 48: AP

×