This article discusses the changing nature of animated Graphics Interchange Format images (GIFs) as a form of visual communication on the Web, and how that can be adapted for the purposes of information literacy and library instruction. GIFs can be displayed simultaneously as a sequence of comic book like panels, allowing for a ‘birds eye view’ of all the steps of a process, viewing and reviewing steps as needed without having to rewind or replay an entire video. I discuss tools and practical considerations as well as limitations and constraints.Introduction and Background
Animated GIFs are “a series of GIF files saved as one large file. Animated GIFs…provide short animations that typically repeat as long as the GIF is being displayed.” (High Definition) Animated GIFs were at one point one of the few options available for adding video-like elements to a web page. As web design aesthetics matured and digital video recording, editing, playback and bandwidth became more affordable and feasible, the animated GIF joined the blink tag and comic sans font as the gold, silver, and bronze medals for making a site look like it was ready to party like it’s 1999.
Even so, services like MySpace and fresh waves of web neophytes establishing a personal online space allowed the animated GIF to soldier on. Typically used purely for decoration without any particular function, and sometimes funny at first, then less so each subsequent viewing (like bumper stickers) animated GIFs ranged from benign to prodigiously distracting, best exemplified by that rococo entity: the sparkly unicorn:1
To be fair, some sites used animated GIFs with specific purposes, such as an early version of an American Sign Language site that used animated GIFs to demonstrate signing of individual words.2 As the web continued to evolve and function began to catch up with form, the animated GIF began to fade from the scene, especially with the advent of comparably fast-loading and high-resolution streaming video formats such as Quicktime and RealVideo. Flash, in conjunction with the rise of YouTube, established a de facto standard for video on the web for a time. In turn, with the ongoing adoption of HTML5 standards and the meteoric rise of mobile devices and their particular needs with regards to video formats, the web content landscape continues to develop and change.
I had personally written off the animated GIF as a footnote in early web history, until the last few years when I noticed them cropping up again with regularity. My initial reaction was ‘great, I’m officially old enough to see the first wave of web retro nostalgia’, but I began to notice some differences: instead of being images that simply waved their arms for attention, this new generation of animated GIFs often sketched out some sort of narrative: telling a joke, or riffing on a meme, such as the following:
This example combines an existing visual meme as a ‘punchline’ to clips from scenes in two different movies (Everything is Illuminated and Lord of the Rings) that pivots on two points of commonality: Elijah Wood and potatoes. I should note that when I first created this GIF, it was in ‘stacked’ format, or one continuous GIF to give the ‘punchline’ more impact, but I separated them here in keeping with the spirit of the article’s topic. In general, further thoughts and observations on the curious persistence and evolution of GIFs as a popular culture entity is discussed in this 2013 Wired article: The Animated GIF: Still Looping After All These Years.Concepts and Rationale
At some point, an idea coalesced that a similar approach could be applied to instructional videos, specifically those supporting information literacy. Jokes and memes are, after all, stories of sorts, and information literacy instruction is too.
One initial attraction to exploring the use of animated GIFs was as an alternative to video. Given a choice between a video, even a short one, and some other media such as a series of captioned images or simple text, in most cases I will opt for the latter, especially if the subject matter demonstrates or explains how to do something. Some of this is merely personal preference, but I suspected others had the same inclination. In fact, a study by Mestre that compared the effectiveness of video vs. static images used for library tutorials indicated that participants had a disinclination to take the time to view instruction in video form. One participant comment in particular was interesting: “I think that a video tutorial really is only needed if you want to teach the complex things, but if it’s to illustrate simple information you don’t need to do it. In this case, a regular web page with added images and multimedia is all you need” (266). Furthermore, only five of twenty one participants indicated a preference for video over static image tutorials, and of those five, two “admitted that although they preferred the screencast tutorial, they would probably choose the static tutorial if they actually needed to figure out how to do something (270). Not only did the study show that students prefer not to watch videos, but students with a variety of learning style preferences were better able to complete or replicate demonstrated tasks when tutorials used a sequence of static images as compared to screencast videos (260).
Some reflection on why yielded the following considerations.
- Scope and scale: A group of pictures or block of text gives immediate feedback on how much information is being conveyed. The length of a video will give some indication of this, but at a greater level of abstraction.
- Sequence: Pictures and text have natural break points between steps of a process; the next picture, or a new paragraph or bullet point. This allows one to jump back to review an earlier step in the process, then move forward again in a way that is not disruptive to a train of thought. This is more difficult to do in video, especially if appropriate scene junctures are not built in with attendant navigation tools such as a click-able table of contents/scene list (i.e., you have to rewatch the video from the beginning to see step 3 again, or have a deft touch on the rewind/scrub bar). The Mestre study suggested that being able to quickly jump back to or review prior steps was important to participants (265).
- Seeing the forest and the trees: This involves the concept of closure as described by Scott McCloud in Understanding Comics: “the…phenomenon of observing the parts but perceiving the whole”(63). Judicious choice and arrangement of sequences can allow one to see both the individual steps of a process and get a sense of an overall concept in less physical and temporal space than either a video or a series of static images. The main challenge in applying this concept is determining natural breaking points in a process, analogous to structuring scenes and transitions in a video or deciding on panel layout and what happens ‘off-screen’ between panels. Does the sequence of GIFs need to be a video that is chopped into as many parts as there are steps, or are there logical groupings that can be combined in each GIF?
- Static and dynamic: This is where the animation factor comes into play. A series of animated GIFs allows for incorporating both the sequencing and closure components described above, while retaining some of the dynamic element of video. The static component involves several GIFs being displayed at once. This can be helpful for a multistep process where each step depends on properly executing the one before it, such as tying a bowtie. If you’re in the middle of one step, you can take in, at a glance, the previous or next step rather than waiting for the whole sequence to re-play. Depending on the complexity of the task, the simplification afforded by using several images compared to one can be subtle, but an analogy might be that it can make a task like hopping into an already spinning jump rope more like stepping onto an escalator—both tasks are daunting, but the latter markedly less so. The dynamic component involves how long and how much movement each image should include. A single or too few images, and you might as well stick with a video. Too many images and the process gets lost in a confusing array of too much information.
Using animated GIFs can also leverage existing content or tutorials. A sequence of GIFs can be generated from existing video tutorials. Conversely, the process of producing an efficient series of GIFs can also function as a storyboarding technique for making videos more concise and efficient or with appropriate annotation, selected individual frames of an animated GIF can be adapted to a series of static images for online use or physical handouts.
Animated GIFs might also be explored as an alternative instructional media where technological limitations are a consideration. For example, the area served by my library has a significant population that does not have access to broadband, and media that is downloaded and cached or saved locally might be more practical than streaming media. In terms of web technology, animated GIFs have been around a long time, but by the same token, are stable and widely supported and can be employed without special plugins or browser extensions. Once downloaded they may be viewed repeatedly without any further downloading or buffering times.Applications, Practical Considerations, and Tools
In the section below I’ll discuss two specific examples I created of brief library tutorials using animated GIFs. The raw materials for creating the GIFs consisted of video footage recorded on an iPhone, video screen capture, and still images.
The first example of using this format is at http://www2.semo.edu/ksuhr/renew-examples.html. This page features four variants of instructions for renewing a book online. To some extent, the versions represent different approaches to implementing the concept, but probably more poignantly represent the process of trial and error in finding a workable approach. Notice: if the ‘different cloned versions of Ripley’ scene from Alien Resurrection3 disturbed you, you might want to proceed with caution (mostly kidding, mostly). I tried different sizes, arrangements and numbers of images. For the specific purpose here, three images seemed to strike a good balance between cramming too many steps into one segment and blinking visual overload.
The second example, at: http://www2.semo.edu/ksuhr/renew-examples.html#findbook, sticks with the three image approach for demonstrating how to track a call number from the catalog to a physical shelf location. The images produced in this example were very large, as much as 6MB. It is possible to shrink the file size by reducing the overall image size or optimizing the animated GIF. The optimized version is below the original. There is a distinct loss of image quality, but the critical information still seems to be retained; the text can still be read and the video is serviceable, although it has a certain ‘this is the scary part’ quality to it.
Creation of the two examples above revealed an assortment of practical considerations for and constraints of the animated GIF format. Animated GIF file sizes aren’t inherently smaller than video, especially streaming video. One advantage the animated GIF format has, as mentioned above, is that aside from not needing special plugins or extensions, they can be set to loop after downloading with no further user intervention or downloading of data. This facilitates the use of a series of moving images that illustrate steps that happen in sequence and can be parsed back and forth as necessary. This also helps in breaking up a single large video sequence into chunks of manageable size.
Depending on the task at hand, the usefulness of the animation factor can range from clarifying steps that might be difficult to grasp in one long sequence of static images (the bowtie example) to simply adding some visual interest or sense of forward propulsion to the demonstration of a process (the climbing the stairs example).
For some topics, it’s a fine line judgement call as to whether animated GIFs would add any clarity, or if a few thoughtfully-annotated screen shots would serve. While looking at non-library related examples, I found some demonstrations of variations on tying your shoe, both illustrated with static images or a single GIF demonstrating all of the steps. I found one to be learnable with the static images, and I actually regularly now use that method and tie my shoes one or two times a day instead of ten or twenty. A second, more complex method, was harder for me to grasp; between the complexity of the task, the number of images needed to illustrate the steps (which were displayed vertically, requiring scrolling to see them all), and the fact that it’s hard to scroll through images while holding shoelaces, I gave up. I also found it difficult to keep track of the steps with the single animated GIF. I can’t help but wonder if using several animated GIFs instead one for the entire process might have tipped the balance there.
In terms of tools, there is a variety of software that can get the task done. The examples above, including the mashup of Everything is Illuminated / Lord of the Rings, were done using Camtasia Studio versions 4 and 8 (a newer version became available to me whilst writing this article). The GIF optimization was done with Jasc Animation Shop v.2, which has been around at least fifteen years, but proved useful in reducing the file size of some of the example animated GIFs by nearly half.
Camtasia Studio is not terribly expensive, is available for Mac and Windows, and has some very useful annotation and production tools, but there are also freely-available programs that can be used to achieve similar results. A few Windows examples that I have personally used/tried:4
- Screen capture: Jing and Hypercam.
- Scene selection and excerpting: Free Video Slicer.
- VLC is another option and is available on Mac and Linux as well. There is a Lifehacker article that details how to record a section of video.
- Video to GIF conversion: Free Video to Gif Converter .
- Captioning: Windows Movie Maker
- The captioning in Camtasia and Movie Maker is a nice feature, but it should be noted that conversion to GIF removes any ADA compliance functionality of closed captions. An alternative is to simply caption each animated GIF with html text under each image. An inference can be drawn from the Mestre study that a bit of daylight between the visual and the textual information might actually be beneficial (268).
Some cursory web searching indicates that there are a variety, yea—even a plethora, of additional tools available; web-based and standalone programs, freeware, shareware and commercial.Discussion and Where Next
The example information literacy GIFs discussed above both deal with very straightforward processes that are very task oriented. Initial impressions suggest that using animated GIFs for instruction would have a fairly narrow scope for usefulness, but within those parameters it could be a good alternative, or even the most effective approach. Areas for further exploration include using this approach for more abstract ideas, such as intellectual property issues, that could draw more upon the narrative power of sequential images. Conversely animated GIFs could serve to illuminate even more specific library-related processes and tasks (e.g.: how to use a photocopier or self checkout station.) Another unknown aspect is assessment and effectiveness. Since I assembled the examples used, I was naturally very familiar with the processes and it would be helpful to have data on whether this is a useful or effective method from an end user’s perspective.
The Mestre study made a fairly strong case that static images were more effective than video for instruction in basic tasks and the the sequentiality of the images was an important component of that (260, 265, 270). One aspect that warrants further investigation is whether the dynamic aspects of animated GIFs would add to the advantage of a sequence of images, if the movement would detract from the effectiveness of purely static images, or if they would provide a ‘third way’ that would draw on the strengths of the other two approaches to be even more effective than either.Conclusion
In closing, I’d like to note that there is a peculiar gratification in finding a new application for a technology that’s been around at least as long as the Web itself. In reflecting on how the idea took shape, I find it interesting that it wasn’t a case of looking for a new way to deliver library instruction, rather that observing the use of a technology for unrelated purposes led to recognition that it could be adapted to a particular library-related need. I suppose the main idea I’d really like to communicate here is, to put it simply: be open to old ideas surprising you with new possibilities.
I would like to acknowledge the peer reviewers for this article: Ellie Collier and Paul Pival, and the Publishing Editor Erin Dorney for their kind support, invaluable insights, and unflagging assistance in transforming ideas, notes and thoughts and first drafts into a fully realized article. Many thanks to you all!References
“Animated Gif.” High Definition: A-z Guide to Personal Technology. Boston: Houghton Mifflin, 2006. Credo Reference. Web. 13 October 2014.
McCloud, Scott. Understanding Comics. New York: Paradox Press, 2000. Print.
Mestre, Lori S. “Student Preference for Tutorial Design: A Usability Study.” Reference Services Review 40.2 (2012): 258-76. ProQuest. Web. 26 Sep. 2014.
- source: http://www.picgifs.com/glitter-gifs/unicorn/
- I was able to dig up the original site on Archive.org, it seems to have moved on to use video clips, but I was able to find a web oubliette that still has examples of GIFs used to animate ASL signs.
- In one scene in Alien Resurrection, a cloned version of the main character discovers several ‘rough draft’ clones of herself, gruesomely malformed and existing in suffering
- As a side note, I’m simply listing them, rather than providing direct links, erring on the side of caution on security matters, but I have personally downloaded and used all of the above with no issues that I’m aware of. They are all also easily findable via a web search.
From Andrew Woods, Technical Lead for Fedora
Winchester, MA Members of the Fedora team have been engaged in outreach and training at multiple community events around the globe this fall.
Winchester, MA Fedora (http://fedorarepository.org) is a robust, modular repository system for the management and dissemination of digital content. It is especially suited for digital libraries and archives, both for access and preservation. It is also used to provide specialized access to very large and complex digital collections of historic and cultural materials as well as scientific data.
Charlie Reisinger works for Penn Manor school district and was our final talk tonight. Tablets are all the rage in schools these days and if we give them laptops we lock them down. And then we wonder why kids are so turned off of computing. Charlie shared with us the store of stone soup.
Last year they gave every one of their students a laptop powered with Linux and the program has been tremendously successful. In addition to the laptops they spun up a student help desk where the students could work together to unbox the laptops, label the, inventoried them, etc etc. They wrote a tool that is shared at: github.com/pennmanor/FLDT.
With this model they taught the students not just how to use the computers, but how to be part of the community.
See more in Charlie’s Ted Talk.
The post ATO2014: Open Source Schools: More Soup, Less Nuts appeared first on What I Learned Today....
- ATO2014: Easing into open source
- ATO2014: Building a premier storytelling platform on open source
- ATO2014: The first FOSS Minor at RIT
Remy DeCausemaker aka “RemyD” was up next to talk to us about the first FOSS Minor at RIT
Remy is the Hackademic at Rochester Institute of Technology. He works on a lot of student engagement at RIT to get students involved in open source. They have run about 50 hackathons in the last 5 years. They offer credit to students who work on open source and/or pay them to work on open source to show them that they can make a career at this. RIT offers the first open source minor in the United States. Three courses are required for this minor: Humanitarian Free and One Source Software Development (H-FOSS), Free and Open Source Culture, and Legal and Business Aspects of FOSS and Free Culture.
Remy uses a lot of common open source tools in his courses. Students have to log in to IRC to take roll, assignments are managed on Github and have to submit pull requests to hand their assignment in. The H-FOSS class has to design an educational game for the one laptop per child project as their final project.
Finally, if you’re in upstate New York and want to guess lecture Remy is inviting you in to his open classroom.
- ATO2014: Easing into open source
- Collaborative Teaching for More Effective Learning
- ATO2014: Building a premier storytelling platform on open source
Luis Ibanez talked to us next about unleadership and unmanagement at All Things Open tonight.
We tend to celebrate leadership in sports, politics, in social movements. We make it sound like leaders are what are needed to succeed. That war stories don’t tell is the story of everyone else who made the success possible. When you emphasize leadership you miss what really went in to the success.
When you elevate the leader in a group of people you diminish everyone else. This makes the followers a little bit “mushy” and slow and dependent. The worst part of leadership is that it leaves the community members off the hook. This makes the community vulnerable (especially to zombies, aliens and the city bus).
Instead we want to educate and cultivate the community.
- ATO2014: Building a premier storytelling platform on open source
- ATO2014: Social media for slackers
- ATO2014: Easing into open source
Rikki Endsley overheard this at a conference: “I don’t believe in social media” but she’s here to tell us that it’s real! Social media is a great way to direct people to where you want them – even your IRC channel. You want to share relevant interesting, accurate information with people – keep on message even with your retweets.
Make sure you avoid PR talk, write like you would talk to someone next to you.
Part of being on social media is begin “social”. You need to retweet, reply and reshare. Participate and grow your reach – ask your network to share particularly important content.
Remember to consider your schedule. If you’re going to an event in a different time zone schedule your tweets for that time zone. Don’t share in your local timezone if the event is 5 hours ahead of you – you’re missing those people.
Measure your success. You can do this with many tools that are out there.
Finally you want to promote all of your accounts.
- Social Media Decision Making Webinar
- NFAIS 2009: The Rise of Social Media and Multi-language Communication
- Social Media Policies
Scott Nesbitt was up next with his talk titled: Easing into open source.
There are lots of people out there who are interested and eager to try open source, but don’t make that leap right away. Scott shared with us his tips as a technology coach of how to ease people in to open source. A lot of us learned by getting thrown in to the deep end and we did learn a lot – but for most people that doesn’t work. This leads to a lot of fussy, angry people and they decide that open source is not for them.
So, the first thing you can do is curb your urge to get up on your soapbox – it rarely works. Most people don’t really care about the 4 freedoms or the ethical reasons to use open source in the beginning. Instead go for the heart of it. Show them what they’re interested in – they’re interested in what open source can do for them. How can they do their work with it?
“I’m afraid of open source, I can’t program” – tell people that this isn’t true (I like to use Firefox as an example here). “But it’s not … ” – the answer is ‘So What?!’ the software we’re showing you is just as efficient as the proprietary options. Instead of going feature by feature, teach them how to do a specific task.
And finally remind them that free software does have a price – the price is in the form of time – time it takes to learn the software. It’s time – but it’s time very well spent.
Take baby steps. Show them how to crop an image in Gimp – but don’t show them all the features all at once. Once they have the basics they’re going to want to learn more advanced topics – or maybe they won’t – but they’ll be happy that they’re no longer paint licensing fees for their software.
- ATO2014: Building a premier storytelling platform on open source
- Open Source Banned
- Library Camp – Open Source Desktop
Up first at the All Things Open Lightning Talks was Jen Wike from Red Hat.
Opensource.com started in 2010 as a platform to share stories about open source software. Jen denied for us the open source way (which is the twitter handle for the site) :
- Rapid prototyping
One example of this is an inspiring story from oepnsource.com that talked about the E-Nable group which creates 3D printable hands http://enablingthefuture.org/
At opensource.com we ask why we tell these stories? It’s a great to way to share stories of people’s experiences of using open source as a better way to live and work. As a storyteller for open source we strive to educate people outside (as well as inside) of the open source community. We have pages like What is Open Source and What is Open Stack. We also have series for beginners and/or women in open source.
opensource.com has a moderator program where moderators write articles, give feedback, curate content and bring in more authors. This is essential for keeping new content rolling in on the site.
The post ATO2014: Building a premier storytelling platform on open source appeared first on What I Learned Today....
- Keynote: Licensing Models and Building an Open Source Community
- Opensource.com People’s Choice Awards
- Open Source Scare Tactics
I was just asked if I could summarize the last year’s worth of E-rate work we have done in the American Library Association (ALA) Washington Office. Here’s the challenge: Can I do it in two pages or less? Apparently the answer is yes and this blog post may also be an all-time record for brevity (for which I am not known). So even though the summary and timeline (pdf) is right at two pages (and spiced up with bulleted lists and descriptive headers), you can get the gist of it right now:Timeline of the E-rate Modernization Proceeding
- July 2013: The Commission introduces the Notice of Proposed Rulemaking (NPRM).
- September 2013: Initial comments are due at the Commission.
- November 2013: Reply comments are due.
- March 2014: The Commission issues a Public Notice (PN) seeking additional comment.
- April 2014: PN Initial comments are due April 7, reply comments due April 21.
- July 2014: The Commission adopts the E-rate Modernization Report and Order and issues a Further Notice of Proposed Rulemaking (FNPRM).
- September 2014: FNPRM initial comments are due September 15, reply comments due September 30.
- The Commission is expected to vote on a second Order in November or December 2014.
ALA (Recent) Engagement
In addition to ALA’s comments, we submitted another joint letter to the Commission urging it to address the broadband capacity gap for libraries. The Association for Rural & Small Libraries (ARSL), Organizations Concerned about Rural Education (OCRE), the State Educational Technology Directors Association (SETDA), and The Rural School and Community Trust joined ALA and the Public Library Association (PLA) on the letter.What to Expect and When
Throughout the modernization proceeding, the Commission has made clear that its review of the E-rate program is a multi-phase process. In a speech made on September 29, the Chairman indicated that the next phase of the proceeding must address the “rural fiber gap.” Since that time, the focus at the Commission has been to identify policy changes that would address the barriers that prevent libraries and schools from securing affordable high-capacity broadband. The Commission is also looking at the need to increase the overall size of the fund. The Chairman is advocating that closing the fiber gap is a significant driving factor in determining the need for more funding. He is also looking at related issues such as the lack of competition among service providers—particularly in rural areas—and the lack of affordable broadband when it is available. ALA advocated for action on these three issues (availability, affordability, and increased funding) and is pleased that these issues are squarely before the Commission now.
All indications are that the Commission plans to vote on a second Order during their November open meeting, November 21. What does this mean? The Chairman must circulate a draft Order to the Commissioners October 31. One week before the public meeting, the Commission enters into the Sunshine Period where outside parties other than members of Congress or other federal agencies may not make presentations or otherwise advocate at the Commission. Commission staff, however, may reach out to outside parties to ask questions. During the open meeting the Commission staff present the draft Order, and Commissioners may ask questions and make statements prior to voting to adopt the Order (or not). The Order is made publicly available after the vote if it is adopted. Any rule changes go into effect 30 days after it is published in the Federal Register.Additional information
• Ongoing coverage in the District Dispatch
• ALA E-rate filings to the FCC
• FCC E-rate modernization summary (pdf)
• FCC E-rate modernization fact sheet (pdf)
• Handy collection of major FCC E-rate modernization documents
• The rulemaking process at the FCC
Read the E-rate summary and timeline (pdf)
Today I found the following resources and bookmarked them on <a href=
- OpenHatch OpenHatch is a non-profit dedicated to matching prospective free software contributors with communities, tools, and education.
- CORAL CORAL is an Electronic Resources Management System consisting of interoperable modules designed around the core components of managing electronic resources. It is made available as a free, open source program.
- Journal of Free Software & Free Knowledge An Open Access Journal on the broad philiosophies around the FOSS movement, including aspects of software and other intellectual artifacts, emerging developments in this ecosystem, and interfaces with society.
Digest powered by RSS Digest