Showing posts with label infographics. Show all posts
Showing posts with label infographics. Show all posts

Wednesday, March 6, 2013

With The Greatest of Ease...

Good visuals grab your attention. Concise, precise information about a subject which interests you will hold it.  The combination of the two presented in infographics is unbeatable.

This past fall I tried a web 2.0 infographic app called Piktochart reviewed here with great results.  Another which has captured my attention based on posts by Richard Byrne of Free Technology for Teachers, and Larry Ferlazzo of Larry Ferlazzo's Websites of the Day... (making his The Best Web 2.0 Applications for Education in 2012 list) and in viewing two infographics here and here created by Travis Jonker on his blog, 100 Scope Notes, is Easel.ly.  Easel.ly is still in beta and free of charge.

To register you are asked for a username, email address, password, first and last name. (Even without any terms of service and privacy policy visible, this would require users to be at least 13 years old, unless parental/guardian permission has been secured.) To begin click on the blank canvas in the left with the words start fresh in the center. (Or select from one of the templates to the right and below.)

I decided to replicate the information included in my Piktochart infographic, comparing ease of use and final visual appeal.  The new window in Easel.ly offers users the option of dragging vhemes (visual + themes) and objects to their art board as well as modifying any text with a double click.  Along the top of the tool bar you can add:

  • Vhemes
  • Objects
  • backgrounds
  • shapes
  • text and
  • upload (take files from your computer).

You can zoom in and out on a specific area of your infographic as well as add a grid for sizing and lining up items.  Thankfully there is an undo arrow.  Starting with Vhemes I had fifteen from which to choose.


When deciding which one to use you can mouse over and click making it pop up in the center; enlarge it by clicking on the symbol in the upper right-hand corner and delete it by clicking on the x in the lower right-hand corner.  To move it to your art board select and drag.  Each item on the vheme can be altered by a mouse click on it.

Under the Objects button are the following categories:  people, animals, banners, food, icons, landmarks, maps, music, nature, people and transportation.  There are 24 backgrounds which with a drag can change the entire infographic.  If you choose shapes, there is a selection of 34.  Picking text gives you the choice of title, header or body.

You can completely delete any text on the vheme, adding your own, by selecting it with a click.  A tool bar appears which features: delete, lock an item, bold, italic, underline, shadow, bring forward, send back, bring to the front, send to the back, opacity, color, font (19 styles) and size.  As stated before a double click allows you to change the wording.

Similar tool bars appear when other items are chosen on the vheme.  You can choose to alter or delete them.  When adding items (or altering existing items) please note they can be rotated to fit a design, sized and dragged to a desired position.

I highly recommend registering and logging in before starting an Easel.ly infographic.  I had a moment of panic upon completion of mine when it asked me to log in before I could save.  When I logged in, it opened a new window instead of going back to the created infographic.

When your infographic is saved you are asked to go back to the home page to view/share your creation.  By choosing view/share your options are: download or view in browser with a URL web link or HTML embed code.  At this point you can decide whether to make your visual private or public.

The hardest part of using Easel.ly for me was getting the scale right because I was trying to get the same amount of information into a smaller overall space, at least according to the art board on my screen.  Truthfully, you could not have an easier app to use (a few less options on the toolbar than Piktochart but more items for addition to your infographic).  I think the results are equally, if not more, appealing.  I give Easel.ly a prime spot in my virtual toolbox.

Here are the two infographics for comparison.  First is the Pikochart followed by the Easel.ly.




Wednesday, October 17, 2012

Picturing Data

Whenever a fairly new web 2.0 application comes to my attention, especially those dealing with graphics, I like to give them a try.  Presenting information visually has nearly always been more appealing, engaging learners more clearly.  For students, gathering information and working with pictures is a plus.

Several educators whose blogs and tweets I follow, Heather Moorefield, Debbie Alvarez, and Kelly Tenkely have either mentioned or reviewed Piktochart withing the last two months.  At their home page Piktochart promotes: powerful editor, easy to use and professional design themes.  Across the top of the page buttons read:  home, about us, tour, themes, pricing, resources, blog, support, login and register.

One interesting addition within the tour tab is the infographic you create using Piktochart can be exported as an image.  They also have a short video quickly showing how to use the service as well as the reason for using an infographic to present information.  Without charge users have six (6) theme templates from which to choose.  Within these themes are five color schemes, limitless font customizations, the uploading of pictures and images (5 can be stored on site) and the Piktochart watermark will be displayed in the lower right hand corner of the finished product.  For $29.00 per month or $199.00 per year the themes are upgraded to 80 plus (currently there are 93), more options in customizing, 100 images uploaded and stored and the watermark can be removed.

Under the resources tab are site and user generated explanatory videos (demo), step-by-step text instructions (tutorials), and a series of highlighted infographics (user showcase).  Their blog is a series of entries offering tips and news.  If you need extra help under support there is contact information, a FAQ section and a user forum.

To register for this service you can sign in with a Facebook or Twitter account or create one using your email address with a password.  Upon clicking the sign up button you are taken to the theme selection page.  At the page, once you have clicked the Load theme button, your work area window opens.



While this window might appear daunting at first glance, I decided to follow the three steps noted in the upper left-hand corner.  I had already selected a theme (step 1).  I then clicked on Change Mood (step 2).




On the left I had five color palettes from which to choose.  By choosing the font style button you could determine your text type, (header, subheader or text), font size (6-164) and font (42 different).  The selection of fonts is a nice variety.









By selecting Edit Info (step 3) I was taken back to the original screen with the editing options on the left.
  • Upload an Image
  • Create Batch of Images (Pro)
  • Create a Chart
  • Add Shapes
  • Add Graphics
  • Add Text
  • Theme Graphics

Along the top of the work space are three tool bars. The first allows for locking selected objects from move/rotation/resize, group, show or hide background image, add or subtract a block area or alter canvas size, undo, redo, object properties and zooming in and out on the infographic.  On the second tool bar copy, cut, paste, layering, rotation and changing the color overlay are the choices.  Font style, font size, font color, bold, italics, underlined and margin justification are offered on the third tool bar.

I began to mouse over and click on the items within the template changing them to fit the information I wanted to present.  If you want to upload an image click on the icon on the left side, dragging it to the position where you wish it to be placed.  A window will then pop up allowing you to insert an image from your computer, sizing it to fit the area.

I repeatedly saved my work during the course of designing by clicking on the save button in the upper left-hand corner.  When my work was completed I clicked on download as found in the same area.  You are reminded to add .png to your image title when exporting it to your computer.

For several years studying the Iditarod, incorporating a variety of information literacy skills and using numerous book titles, has been a big unit in my library curriculum.  Here is an infographic I designed to use with this unit.  This could be used as an introduction to the unit itself or as an example of using Piktochart.


The professed features of this site are right on target.  It was more than easy to use, editing was a breeze.  The free, themed templates are more than adequate allowing for adjustment according to your information.

Even though unable to locate a terms of service, I would still make parents of students under the age of 13 aware the site was being used in a unit of study.  Importing of images would provide a good opportunity to talk about copyright.  A preferred citation maker could be introduced and used to list resources at the infographic's end.

I would recommend placing this application, Piktochart, in your educator's virtual toolbox.