Infographics are so Cool!

I think Infographics are the coolest, newest development in online visual literacy.  On my Feedly Feed, I am subscribed to the Information is Beautiful Blog and the infographic they have been posting are incredibly interesting and beautiful, though some of them are a bit morbid.  Check out this one about the timeline of the Far Future, not the most positive outlook, but I guess it won’t matter to much to us in 100 quadrillion years.  What a neat infographic to look at when teaching kids about place value and huge numbers.  Just beware sharing this with elementary students; I remember freaking out in 4th grade when I learned of our planets fate it the distant future.

I love how boring facts and figures are brought to life in these online posters.  They are so neat to look at that readers continue to read it even though they have to scroll.   They are such an ingenious way to trick students into analyzing data or reporting out research they have done.

Our school has a subscription to Pictochart and I have encourage teachers to give this as an option for student projects.  Instead of having student write a 3 page report have them design an infographic full of the facts and information they learned.   I started designing a tech team inforgraphic with Pictochat so teachers would know who to contact in IT if they have a problem.  I found it easy to use, easy enough for upper elementary students to figure out.
Here are also a couple of projects that students have completed with this tool.

Do you have any ideas of how we could creatively use Infographics in the classroom?  Please share your ideas in the comments.


The Middle School Moodle Page

Since adopting Moodle two years ago, our Moodle site has gone through many changes; however, I am still unsatified about the way it looks.  Though I can’t do anything with the layout or the resource icons, I can add graphics in the middle boxes and hopefully make it more user friendly.  One page that I am in charge of is the middle school main page.  It looks like this right now.

Why is Moodle so Ugly?

I enjoyed reading the article Understanding Visual Hiearchy in Web Design, and I am hoping to add elements of varied color, size, style and texture to make this page more interesting.  I used to do graphic design as a side job many years ago but I am not great at it.  Though I am okay at Photoshop, I wish I was better at Indesign and coding.  Maybe one day…

Some of the things I want to change on this page..

  • Make Attractive buttons for course links
  • Design a Button for Week Without Walls Link
  • Redo the BYOT Resources Block
  • Delete the outdated Photo Contest
  • Re-Design Library section

The first thing I usually do when I start designing something is look for examples online.  While I’m scouring the Internet, I would love some suggestions for re-designing this page.  Please post them in the comments.

2 days later…

I designed kid friendly navigation to the course pages; however, I can’t get the spaces to dissapear between the images in the html.  After working on this for way too long and it not looking the way I want it to, I’m almost frustrated enough to give up.  Can anyone give me some HTML pointers to make the spaces go away?

signsScreen Shot 2014-01-19 at 8.23.48 AM




I want it like this





Not like this