• Save
Information Design
Upcoming SlideShare
Loading in...5
×
 

Information Design

on

  • 15,941 views

Information Design for your Thesis presentation 2012

Information Design for your Thesis presentation 2012

Statistics

Views

Total Views
15,941
Views on SlideShare
15,599
Embed Views
342

Actions

Likes
16
Downloads
14
Comments
1

9 Embeds 342

http://www.scoop.it 156
https://twitter.com 123
http://storify.com 42
http://moodle.vle.monash.edu 14
https://storify.com 3
http://localhost 1
http://twitter.com 1
https://si0.twimg.com 1
https://www.google.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • 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
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Information Design Information Design Presentation Transcript

  • 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 that are meant to direct, teach, explain, or otherwise inform. Ronnie Lipton
  • (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 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%
  • 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 the thing it refers to
  • PROXIMITY always align stuff
  • 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
  •  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
  • 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 table
  • 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 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
  • SURVIVED! LEARNED TO CARRY ON GREW STRONG NIGHTS SPENT FEELING SORRY FOR MYSELF CRYING & MENDING HEART AFRAID/PETRIFIED
  • 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
  • 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 JULY TROLLS GNOMES BILLYGOATS good for comparing numeric quantities compares like to like most easily
  • LINE GRAPHSALES $US TROLLS GNOMES BILLY GOATS APRIL MAY JULY show development / relative position over time emphasize the yearly trend instead of comparison
  • PIE CHART example by Seth Godin bar chart implies importance pie chart shows extent of the troll problem in proportion
  • DESIGNING TABLES one dataset per table! notice information, NOT the table structure decrease the noise make the background behave
  • 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
  • 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
  • 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
  • LINE GRAPHS background and labels should not overwhelm the lines the scale should allow us to see variation without exaggerating the data
  • CAN WE MAKE THIS BETTER NOW?  
  • 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
  •  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 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