{"id":202,"date":"2014-03-26T21:51:31","date_gmt":"2014-03-26T21:51:31","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=202"},"modified":"2014-08-23T19:24:28","modified_gmt":"2014-08-23T22:24:28","slug":"e-learning-challenge-visual-storytelling-with-photo-collages","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/e-learning-challenge-visual-storytelling-with-photo-collages\/","title":{"rendered":"E-Learning Challenge #27: Visual Storytelling with Photo Collages"},"content":{"rendered":"

The goal of this week’s challenge<\/a> was to create a visual story using photo collages as a means of moving away from the urge to display slides and slides of bullets within your e-learning modules.<\/p>\n

The Concept<\/strong><\/p>\n

A couple of years ago, I stumbled upon this article<\/a> by the CVU, outlining the state of online university education in Canada, and it really struck a chord with me. As someone who is extremely passionate about Instructional Design and increasing accessibility, it seemed baffling that we could be lagging so far behind other countries. However, after since working for a university, I have a bit more context into the why of how things are – you can’t really force professors to put their courses online, you can only provide them with gentle encouragement. In any event, I thought it was important to disseminate the information in this report, so I did it once in a paper for graduate school, and I did it again within this challenge.<\/p>\n

The Method<\/strong><\/p>\n

I thought an infographic-style of approach would best display the statistics I wanted to illustrate, so I downloaded and cropped the infographic elements in Adobe Illustrator, imported them into Storyline and organized them appropriately.<\/p>\n

Then, I added a layer for every element, and applied hotspots on the base layer so that when the user hovered over each element, the appropriate statistics would display. When the user moves their mouse away from the element, the base layer returns to its original state.<\/p>\n

While not a traditional infographic and not the most attractively organized (Hey! I’m not a graphic designer!), I was happy with the end result.<\/p>\n

The Result<\/strong><\/p>\n

\"Infographic_Large\"<\/a><\/p>\n

To view the complete interaction, click here<\/a>.<\/p>\n

<\/p>\n

Like this post? Want more Instructional Design tips? Sign up below!<\/strong><\/center><\/div>\n

\n<\/form>\n
<\/div>\n
<\/div>\n

 <\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

The goal of this week’s challenge was to create a visual story using photo collages as a means of moving away from the urge to display slides and slides of bullets within your e-learning modules. The Concept A couple of years ago, I stumbled upon this article by the CVU, outlining the state of online […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[3],"tags":[10],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-3g","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/202"}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=202"}],"version-history":[{"count":4,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/202\/revisions"}],"predecessor-version":[{"id":552,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/202\/revisions\/552"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}