<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<small>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style></style> </small>
<table class="backgroundTable" bgcolor="#ffffff" cellpadding="0"
cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" valign="top">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border-top: 0px solid rgb(0, 0, 0);
border-bottom: 1px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 255); text-align:
center;" align="center"><span style="font-size:
10px; color: rgb(96, 96, 96); line-height: 200%;
font-family: verdana; text-decoration: none;">Email
not
displaying correctly? <a
href="http://www.oplin.org/4cast/"
style="font-size: 10px; color: rgb(0, 0, 255);
line-height: 200%; font-family: verdana;
text-decoration: none;">View
it in your browser.</a></span></td>
</tr>
<tr>
<td style="border-top: 0px solid rgb(51, 51, 51);
border-bottom: 0px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 255);">
<center><a href=""><img id="editableImg1"
src="cid:part2.04030404.00020206@oplin.org"
title="OPLIN" alt="OPLIN 4Cast" border="0"
align="middle"></a></center>
</td>
</tr>
</tbody>
</table>
<table style="width: 763px; height: 877px;"
bgcolor="#ffffff" cellpadding="20" cellspacing="0">
<tbody>
<tr>
<td style="font-size: 12px; color: rgb(0, 0, 0);
line-height: 150%; font-family: trebuchet ms;"
bgcolor="#ffffff"
background="http://www.oplin.org/4cast/wp-content/themes/4cast/images/kubrickbgwide.jpg"
valign="top">
<p><!-- Make sure you modify the 4Cast title in this section -->
<span style="font-size: 20px; font-weight: bold;
color: rgb(0, 0, 0); font-family: arial;
line-height: 110%;">OPLIN 4cast #409: Serious
GIFs</span><br>
<!-- Make sure you modify the date of the 4Cast in this section -->
<span style="font-size: 11px; font-weight: normal;
color: rgb(102, 102, 102); font-style: italic;
font-family: arial;">October 29th, 2014</span></p>
<!-- Begin copy of Web Source here -->
<p style="text-align: justify;font-size: 16px;
font-family: arial; line-height: 110%;"><img
src="cid:part4.08080805.06030109@oplin.org"
title="From
http://www.sevenoaksart.co.uk/book.htm"
alt="book animation" align="left" height="70"
width="102">Sometimes new tech ideas that might
be of interest to libraries do not happen quickly
and make a big splash, but rather slip slowly and
quietly into practice. Animated GIFs - short,
repetitive animations done in Graphics Interchange
Format - came to be known years ago as a defining
characteristic of <a
href="http://www.homerswebpage.com/">less-than-serious
websites</a> and are the technology behind many
of those annoying ads that border web pages, so
they are not exactly quiet and unobtrusive. But it
seems they do have a more serious side that is not
as splashy and can possibly be useful to
libraries. Is your library using any animated GIFs
for online library "how-to" guides or other
instructional materials?
</p>
<div> </div>
<ul style="text-align: left;">
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://idesign.uaf.edu/animated-gifs-from-gimmick-to-gestalt-3/">Animated
GIFs: From gimmick to gestalt</a> (University
of Alaska Fairbanks eLearning Instructional
Design Team blog | Christen Bouffard) "GIFs are
well suited for illustrating sequential
processes. Many explanations we may want to
share with others do not require all the time
involved in shooting a video or creating a
screencast. Sometimes these explanations can be
most effectively conveyed in just a handful of
frames, free of audio narration, excessive
bandwidth usage, and extraneous media players."</li>
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://www.inthelibrarywiththeleadpipe.org/2014/using-animated-gif-images-for-library-instruction/">Using
animated GIF images for library instruction</a>
(In the Library with the Lead Pipe | Karl Suhr)
"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."</li>
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://everypost.me/blog/gifs-enhance-visual-content-marketing/">How
to use GIFs to enhance your visual content
marketing strategy</a> (Everypost | Fernando
Cuscuela) "GIFs that function as how-tos,
product demos, or instructional guides are a
great way to convey a lot of information
efficiently, and can be even better than blog
articles or long-form social media posts....
What's more, the GIF version is much more
visually appealing, memorable, useful and
therefore shareable."</li>
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://replicatorinc.com/blog/2014/02/animated-gifs-practical-purposes/">Why
aren't animated gifs used for more practical
purposes?</a> (Replicator | Joseph Flaherty)
"So why aren't these miniature animations used
more widely for practical purposes? Do any
ecommerce sites use animated gifs to show off
the unique features of a product? How about
replacing turgid instructional guides with
gif-tastic help pages? Animated images are a
perfect midpoint between static images and full
on video content, but are rarely used for
productive purposes, with a few exceptions."</li>
</ul>
<div style="text-align: left;"> </div>
<p style="text-align: left; font-size: 20px;
font-family: arial; line-height: 110%;"><small><strong><em>Articles
from <a href="http://ohioweblibrary.org">Ohio
Web Library</a>:</em></strong></small><br>
</p>
<div style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;">
<ul>
<li><a
href="http://web.b.ebscohost.com.proxy.oplin.org/lrc/detail/detail?sid=fe783516-6128-436f-8711-1441f8f984fd%40sessionmgr198&vid=0&hid=107&bdata=JnNpdGU9bHJjLWxpdmU%3d#db=lfh&AN=79786390">Dicing
data at NYPL Labs.</a> (<em>Library Journal</em>,
9/1/2012, p22-25 | Meredith Schwatrz)</li>
<li><a
href="http://web.a.ebscohost.com.proxy.oplin.org/ehost/detail/detail?sid=f51779eb-bcfc-4a2b-b272-083282570038%40sessionmgr4001&vid=0&hid=4109&bdata=JnNpdGU9ZWhvc3QtbGl2ZQ%3d%3d#db=buh&AN=87480620">Make
your own animated GIFs the easy way.</a> (<em>Macworld</em>,
June 2013, p82-83 | Chris McVeigh)</li>
<li><a
href="http://web.b.ebscohost.com.proxy.oplin.org/chc/detail?sid=2ec70903-566e-44cb-83e1-e8d8cee8ef8d%40sessionmgr114&vid=0&hid=107&bdata=JnNpdGU9Y2hjLWxpdmU%3d#db=cmh&AN=90021223">Maps
come in from the cold.</a> (<em>Online
Searcher</em>, July/Aug. 2013, p42-44 |
Terry Ballard)</li>
</ul>
</div>
<div style="text-align: left;"> </div>
<!-- End paste of web source here --> </td>
</tr>
<tr>
<td style="" solid="" background-color:="" rgb(255,=""
255,="" 255);="" >=""
background="http://www.oplin.org/4cast/wp-content/themes/4cast/images/kubrickbgwide.jpg"
valign="top" width="760"><span style="font-size:
10px; color: rgb(96, 96, 96); line-height: 100%;
font-family: verdana;">
<hr><!-- Begin standard subscription verbiage -->
<div style="text-align: justify;">The <strong><em>OPLIN
4cast</em></strong>
is a weekly compilation of
recent headlines, topics, and trends that could
impact public
libraries. You can subscribe to it in a variety
of ways, such as: <br>
</div>
<div style="text-align: left;"> </div>
<ul>
<li style="text-align: justify;"><strong>RSS
feed.</strong>
You
can receive the OPLIN 4cast
via RSS feed by subscribing to the following
URL:
<a class="moz-txt-link-freetext" href="http://www.oplin.org/4cast/index.php/?feed=rss2">http://www.oplin.org/4cast/index.php/?feed=rss2</a>.
</li>
<li style="text-align: justify;"><strong>Live
Bookmark.</strong>
If you're using the Firefox
web browser, you can go to the 4cast website
(<a class="moz-txt-link-freetext" href="http://www.oplin.org/4cast/">http://www.oplin.org/4cast/</a>) and click on the
orange "radio wave" icon
on the right side of the address bar. In
Internet Explorer 7, click on
the same icon to view or subscribe to the
4cast RSS feed. </li>
<li style="text-align: justify;"><strong>E-mail.</strong>
You
can have the OPLIN 4cast
delivered via e-mail (a'la OPLINlist and
OPLINtech) by subscribing to
the 4cast mailing list at
<a class="moz-txt-link-freetext" href="http://mail.oplin.org/mailman/listinfo/OPLIN4cast">http://mail.oplin.org/mailman/listinfo/OPLIN4cast</a>.
</li>
</ul>
</span> </td>
</tr>
<tr>
<td style="border-top: 0px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 204);"
background="http://www.oplin.org/4cast/wp-content/themes/4cast/images/kubrickfooter.jpg"
valign="top" width="760"> <br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<small>
<title>OPLIN 4Cast</title>
<style>
.headerTop { background-color:#FFFFFF; border-top:0px solid #000000; border-bottom:1px solid #FFFFFF; text-align:center; }
.adminText { font-size:16px; color:#0000FF; line-height:200%; font-family:verdana; text-decoration:none; }
.headerBar { background-color:#FFFFFF; border-top:0px solid #333333; border-bottom:0px solid #FFFFFF; }
.title { font-size:20px; font-weight:bold; color:#000000; font-family:arial; line-height:110%; }
.subTitle { font-size:11px; font-weight:normal; color:#000000; font-style:italic; font-family:arial; }
.defaultText { font-size:12px; color:#000000; line-height:150%; font-family:trebuchet ms; }
.footerRow { background-color:#FFFFCC; border-top:0px solid #FFFFFF; }
.footerText { font-size:10px; color:#996600; line-height:100%; font-family:verdana; }
a { color:#0000FF; color:#0000FF; color:#0000FF; }
</style>
</small>
</body>
</html>