Tag Archives: CARP

Course 3 Final Project

I began the final week without a clear idea of what I wanted to do.  I had started by creating a basic infographic based on Seth Godin’s  “Here, I made this” post, as promised last week:

here-i-made-thi_17051997_1b4de737762b742848e2c8000cde4249d1c5add2

*not quite happy with the unbalanced white space, but it was an “icongraphic” created from scratch (no template) so I’ll let that go.

I didn’t think this was enough and it was more for fun than anything, so I continued to think.

I’d already revamped a variety of presentations for earlier posts this course, and I’ve had my fill of relatively recent film projects (I took on the rather ambitious task of creating a Goodbye Video for 9 leaving staff members, enlisting the help of remaining staff on two campuses to combine and edit footage of staff and students), so I decided to choose the 3rd option, Create an About Me Page.  I had a look at Sonya terBorg’s example and loved the revamp of her resume, and wanted to do something similar…but less “resume-ish.”

As I mentioned in last week’s post, I am mostly an infographic newbie and wanted to further explore and play about with visually representing My data, ideas, interests.  

I had earlier mucked about with the All About Me Template on Piktochart, and noticed with each draft, the visuals improved considerably and the information was more tailored to what I wanted to share and highlight.  

I’ll start with my thinking behind the Design Elements:

I started with my most recent New and Improved All About Me as a template:

My second version of the infographic

Infographic I shared with students in My Design Club

but in the end, little remained of the original.  I loved the warmth of the rustic wood background–although somehow a juxtaposition to my “tech-y” role, I still wanted to keep it, feeling it complemented my focus on incorporating Tech in the Outdoors and my school’s Reggio Inspired approach to Early Learning.

I played about with the colour scheme some, initially wanting a gender neutral, but funky melon/orange and blue/green mix…I pulled the melon colour from the dress I am wearing in the photograph and peppered it around the page.  (The colour of the ‘Likes and Skills’ icon is fixed, so that colour is a bit off, unfortunately.)

The page is divided into threes, a design feature in homage to the rule of thirds. I also paid close attention to the CARP design principles:  I made sure to add features that would provide enough Contrast (colour blocks behind text to make it easier to read) which at the same time helped with Proximity–by grouping like information (Job History; Current Job Focuses; Interests & Skills.)  I used icons representing my interests in the bottom right and a head shot in the top right for compositional balance.  

Many of the icons had a cacophony of default fonts, which I had to change and resize in order to Repeat the basic two I had chosen (Copse and Deconeue). The Data Charts’ title and legend default font could not be altered, unfortunately, resulting in a 3rd font that doesn’t quite fit with my typography attempt at “a palette with wit” combining tough (Deconeue) and sweet (Copse).

Finally, much fine tuning went into making sure the Alignment was as good as I had the patience to make it.  Sometimes simple movements of .1mm would cause all the text boxes that had been “moved to the front” to disappear, resulting in my near loss of sanity.  

Deciding what ‘hard data’ to share in my infographs and how to share it was also a stickler.  I started off with the traditional resume summary of where I had worked and in what roles, but with a twist by using this data to create a “timeline/percentage bar graph of places worked.” I didn’t give it a title and hope this is evident without explanation.  

The other ‘infograph’ within an infograph (chart where data is entered) was the breakdown of my current focuses/time spent/head space allocated within a typical work week.  Of course this varies, and some weeks Coetail’s % is considerably higher…

new-and-improve_16953691_7a43fa9cd17016e258156fe774565942e1eba88d

The first part of my Revamped All About Me Page.

The second part of my All About Me Page is a live Google Map of my Resume, or my “Learning Journey.”  I loved this idea from the last week’s readings and decided to try it out myself.  I also like that it is a live document, so I can continually add or edit items without having to re-save/download and upload to the blog (as required by the free version of Piktochart…I wonder at the paid version’s sharing options).

I added traditional elements like my schooling &  places worked, and hope to add more “places” and descriptions as they strike me and photos as I stumble upon them. I also added a few key personal and exotic experiences that helped shape where and who I am today (meeting my future husband the day after a sketchy late night stranding on the side of the road in Zambia…)  

I did have an All About Me Page previously, with a headshot and a wordy paragraph about my new role and focus. Unfortunately I forgot to take a screenshot before all the changes, but needless to say, it is much improved. I am not planning on using it for recruitment purposes anytime soon, and am not entirely sure of the immediate applications with either students or teachers I work with. Does this make the process of doing it any less valuable? Absolutely not. As I write this, I am flipping back and forth between my Infographic and Map and reflecting and changing and improving things (and my thinking) ever so slightly. I am experiencing a renewed appreciation of the fact that documenting learning and reflecting on learning is learning.

I am reminded of George Couros’s archived post from my Feedly this week with a brilliant quote from John Dewey:

 

“We do not learn from experience… we learn from reflecting on experience.”

 

Finding Photos is Easy. Crediting them is Hard(er)

Ideas are easy. Implementation is hard.

-GUY KAWASAKI

The above quote found at the bottom of the article, The State of Storytelling in the Internet Age. This sums up my efforts at putting together a blog post for this week.  

I did a lot of reading and note-taking and summarising before actually looking at this week’s assignment: use a CC image in class and describe how I plan on using it. Hmmm. Scratch most of what I have been working on.   

My “Digital Design” after school club comes to mind. Last week I challenged them to “make their mark” as part of  International Dot Day. We all worked “collaboratively” on a Google Slideshow (big learning curve here, as many slides were accidentally deleted by students, brand new to the Google Environment).

I initially asked them to explore the possibilities within Google Slides, by using shapes, text and animations. Immediately, some of the older, more experienced students asked if they could create their mark in a different program and import it into the slideshow. I told them this was fine–I was curious to see what they came up with.  

Our final product:

I was excited to see how some had created animations on the ipad using ABCYa! Animate; others created a simple animation Hopscotch. Most followed my guidelines and played about with animations within Slides.

I did notice that some students had searched in images for “dot” animations/gifs and inserted them into their slides. I wondered how many of these images were CC, and wasn’t entirely sure how Google Slides image search engines operated.  

So, after a little digging and clicking, I noticed this:

I thought inserting images into Google Slides was too easy...

I thought inserting images into Google Slides was too easy…

Hmmm. So, it seems the kids were freely using pictures–Slides makes this very easy!– but they were missing the attribution part. I used a few of the gifs the kids had selected and tracked down their attributions.

I’ve come up with a new quote to complement the first:

Finding/Inserting Photos in Google Slides is easy.  Properly Crediting them is hard(er). 

I decided to create a short presentation for my club about CC images and how to attribute them. I included this useful Edugraphic: You can use a picture if…

When creating the slides, I kept in mind the CARP elements of Design:

  • Contrast –bright background, red circling/arrows and dark text
  • Alignment — bullets lower left, titles in the center
  • Repetition –background colour, font
  • Proximity –again, same kind of info/directions in the same place (mostly lower left corner)
Great Repetition. I love you Unsplash.

Great Repetition. I love you Unsplash.

Options to further jazz up this or (more realistically) my next presentation:

  1. I could add some free CC youtube musica super great find in my readings this week.
  2. I could save myself the trouble and utilise the beautiful pre-made slides from SlidesCarnival  –I will have to find a way to use the Halloween Themed Deck at some point…too cute!
  3. I could look into the art of combining fonts –an art form I wasn’t even aware of before viewing Kerri Lee Beasley’s Google Slide Design Secrets.  
  4. Pay closer attention to the Rule of the Thirds, when designing my slides, as well as include more “insanely great visuals” — any of the links from “stock photos that don’t suck” will do.  
Alignment. Cool Photos that don't suck. I love you Unsplash!

Alignment. Cool Photos that don’t suck. I love you Unsplash!

I am not sure how this presentation will go over with my grade 3-5 students –I hope it doesn’t kill their enthusiasm. I will simply repeat my made up mantra, “If we use it, don’t abuse it, we must credit it.”

 

 

** I am experimenting with images from unsplash.com .  Here is their Attribution policy:

All photos published on Unsplash are licensed under Creative Commons Zero which means you can copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or Unsplash.

10 Things I will Change About my Blog

 

Thanks to the article, How we read online, I will strive to apply much of my new learning in this and future blog posts.  Here are my top 10 changes:

  1. I will keep my sentences short and to the point. See any Seth Godin post for great examples. 
  2. I will leave plenty of white space and avoid large chunks of text, since People shudder large blocks of text; I know I do. 😉
  3. I will employ more
  • Lists
  • Bullets
  • Occasional Bold
  • Sentence fragments

to make reading easier for the typical online reader.

4. I will change my blog’s theme to one with (IMO) a “cleaner” font and alignment, one that allows for more white space.

5. I will change the cover image (the magnified lady bug was too blurry, red colour too “angry”) to one that better suits the length of the header.  Image is still student created, but with more colour variety and uses Repetition as a design element. See below.

Screen Shot 2016-09-12 at 11.44.16

BEFORE: Too much red? I’m not angry…

Repetition, Repetition, Repetition: My new Header Image

AFTER: Repetition, Repetition, Repetition: My new Header Image

6. I will more thoughtfully consider the design principles in C. A. R. P. /CRAP when creating, (Design Secrets Revealed by Kerri Lee Beasley is a fabulous e book/resource!)

CARP Posters, courtesy of Kerri Lee Beasley. Feel free to download a copy here.

CARP Posters, courtesy of Kerri Lee Beasley. Feel free to download a copy here.

7. I will become a better expert at “detecting crap”, according to Neil Postman and Charles Weingartner.   (The two “Contrasting” Dove and Greenpeace videos in the intro of Questioning Video, Film, Advertising and Propaganda: Deconstructing Media Messages are excellent examples of the “C” in CARP…or Crap?)

8. I will try very hard to avoid puns (but just can’t seem to resist.  See above.)

9. I will not freak out when my not yet 3 year old twins spot the Golden Arches (A relatively simple design, with far reaching symbolism) from across the road and immediately beg for “donald’s,” and instead be impressed with how their “keen intellects are hard at work decoding their environment.”  

Golden Arches courtesy of Mike Mozart at Flickr.

Golden Arches courtesy of Mike Mozart at Flickr.

10. Finally, I will write more about the things I really want to write about–mainly my reflections on finding my bearings in my new role as Ed Tech Coach at my new school.

If things get personal, that’s okay, because in all likelihood, you, the reader, aren’t reading everything anyway,  since:

 

“[U]sers (readers) are selfish, lazy, and ruthless.You, my dear user, pluck the low-hanging fruit. When you arrive on a page, you don’t actually deign to read it. You scan. If you don’t see what you need, you’re gone.”  -according to Jakob Nielson

And you generally prefer shorter articles over long(Note: I didn’t actually finish this article.)

Finally–you  may have simply glazed over the words and bullets that formed the F shaped pattern:

Screen Shot 2016-09-10 at 14.58.20

Eye tracking Studies reveal the F shaped way our eyeballs view a webpage. Screenshot courtesy of the article “F shaped pattern For Reading Web Content”

This is why Headers &  Subheaders,  along with

  • Lists

  • Bullets

  • Numbers

are employed with abandon:  they form the letter F.  Although to really draw the you in, I ought to include pictures of 

noun_624281_cc

Faces grabs your eyeballs

or

Cleavage grabs your eyeballs

Cleavage grabs your eyeballs…more low hanging fruit…

 

 

 

 

 

 

Deep apologies for the above, I am merely illustrating the F shape, the eyeball theory and testing my readers’ ability to detect crap.