<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Smart Alice&#039;s Web Design Blog &#187; Animation/Motion Graphics</title>
	<atom:link href="http://smartalicewebdesign.com/wordpress/category/animationmotion-graphics/feed/" rel="self" type="application/rss+xml" />
	<link>http://smartalicewebdesign.com/wordpress</link>
	<description>What makes a great web site? Join the conversation about what works or doesn&#039;t work when you plan, design, and build your web site.</description>
	<lastBuildDate>Mon, 22 Aug 2011 22:05:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Is Your Web Site Annoying?</title>
		<link>http://smartalicewebdesign.com/wordpress/navigation/is-your-web-site-annoying/</link>
		<comments>http://smartalicewebdesign.com/wordpress/navigation/is-your-web-site-annoying/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 14:29:39 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Animation/Motion Graphics]]></category>
		<category><![CDATA[Content Development]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=509</guid>
		<description><![CDATA[Internet users are more and more sophisticated these days and aren’t granting businesses any slack when the web site is less than professional. The Boston Globe article When Bad Web Sites Happen to Good Restaurants highlights common complaints people make about restaurant web sites. Those complaints apply to all web sites so I&#8217;ve made a [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Internet users are more and more sophisticated </strong> these days and aren’t granting businesses any slack when the web site is less than professional.  The Boston Globe article<a href="http://www.boston.com/yourtown/somerville/articles/2011/03/02/when_bad_websites_happen_to_good_restaurants/" target="_blank"> When Bad Web Sites Happen to Good Restaurants</a> highlights common complaints people make about restaurant web sites.  Those complaints apply to all web sites so I&#8217;ve made a checklist.</p>
<h2>Common Complaints</h2>
<ul>
<li><strong>Flashy animation</strong> is annoying because it wastes time downloading and can freeze a computer with low memory</li>
<li><strong>Out of date information</strong> earns scorn and derision</li>
<li><strong>Background music</strong>, especially droning techno</li>
<li><strong>Difficult to find information</strong>, such as location and phone number</li>
<li><strong>Stock photography</strong>, people recognize and don’t respect it.</li>
<li><strong>Amateur photos</strong>, amateur photos are characterized by one or more of the following:
<ul>
<li>pixilation &#8211; caused by not knowing how to size a photo for the web</li>
<li>blurry image &#8211; caused by a shaking camera or using a low resolution photo from a cell phone</li>
<li>bleached out or murky images &#8211; caused by not knowing how to properly light a photograph</li>
<li>poor composition (distracting backgrounds, for example)</li>
</ul>
</li>
</ul>
<p><a href="http://www.fireflysbbq.com/Home.htm" target="_blank"></a><a href="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2011/03/firefly1.jpg"><img class="aligncenter size-full wp-image-535" title="Click to see the web site" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2011/03/firefly1.jpg" alt="Firefly BBQ" width="400" height="294" /></a></p>
<h2>An Annoying Restaurant Web Site</h2>
<p>I&#8217;m sure the food at <a href="http://www.fireflysbbq.com/Home.htm" target="_blank">Firefly&#8217;s Bar-B-Q</a> is great, but their web site is annoying.</p>
<ul>
<li>The splash screen makes for an extra click to get to the information. And the flying insect animation seems juvenile.</li>
<li>Even though the looping music on the home page has a good beat, I can&#8217;t stand listening to it over and over and it&#8217;s driving me crazy when I click between this page and other pages, or leave the home page open in the browser.</li>
<li>Confusing navigation.  One menu with drop down sub menus would be easier to follow.</li>
</ul>
<h2>I&#8217;m Looking for a Good Restaurant Web Site</h2>
<p>I wanted to post an example of a good restaurant web site.  After looking for over an hour, I&#8217;m going to give up for now.  I&#8217;ll keep looking and when I find one I&#8217;ll post it.  In the meantime it&#8217;s curious why all the restaurant web sites I looked at are so bad.  I believe the core reason is the restaurant business is a tough one.  An independent restaurant doesn&#8217;t make a huge profit so they might skimp on spending a lot on a web site.</p>
<h2>A Better Web Site for a Small Business is Possible</h2>
<p>The challenges for any small business that wants a web site are the cost, keeping up with changing trends, and updating information quickly.  A good web designer can help you by building your site in affordable stages and guiding you towards results that are professional and usable.</p>
<p>Analysis by <a href="smartalicewebdesign.com">Smart Alice Web Design</a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
<p>Copyright 2011, Alice Gebura, All Rights Reserved.</p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/navigation/is-your-web-site-annoying/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Should You Use Flash on Your Web Site</title>
		<link>http://smartalicewebdesign.com/wordpress/visual-design/using-flash-on-your-web-site/</link>
		<comments>http://smartalicewebdesign.com/wordpress/visual-design/using-flash-on-your-web-site/#comments</comments>
		<pubDate>Sun, 27 Feb 2011 17:47:20 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Animation/Motion Graphics]]></category>
		<category><![CDATA[User Interface Design]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[Visual Design]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=439</guid>
		<description><![CDATA[A web site is built with a bunch of code that a browser such as Internet Explorer or Firefox can translate into pictures and text to display on a computer.  HTML and CSS are the basic languages that accomplish this.  Other programming tools let you build slide shows, interactive forms, and so forth. One of [...]]]></description>
			<content:encoded><![CDATA[<p>A web site is built with a bunch of code that a browser such as Internet Explorer or Firefox can translate into pictures and text to display on a computer.  HTML and CSS are the basic languages that accomplish this.  Other programming tools  let you build  slide shows, interactive forms, and so forth.  One of the tools you can use to build an entire web site or parts of it is Adobe Flash. Flash is basically an animation program.  Here are two examples of Flash built web sites:</p>
<p><a href="http://www.vegaone.de/start1600.htm" target="_blank">Vegaone</a> (notice all the clicks before you actually see content, and the wait time to see the content)</p>
<p><a href="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2011/02/vega1.jpg"><img class="aligncenter size-medium wp-image-500" title="vega" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2011/02/vega1-300x234.jpg" alt="" width="300" height="234" /></a></p>
<p><a href="http://www.infinitcolours.com/" target="_blank">InfinitiColors</a> (beautiful design, but, man, this is annoying to navigate)</p>
<p><a href="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2011/02/infinit.jpg"><img class="aligncenter size-medium wp-image-501" title="infinit" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2011/02/infinit-182x300.jpg" alt="" width="182" height="300" /></a></p>
<p>&nbsp;</p>
<p>A Flash based web site built by a creative and competent programmer is a thing of beauty.  But it&#8217;s very time consuming to build and thus very expensive.  If you&#8217;re an independent consultant, artist, or small business owner, think twice before you sign up for a Flash web site. The expense should deter you, but there are things to be aware of that are just as critical as the expense.</p>
<p><strong><strong>Poor Search </strong><br />
</strong>Flash files aren&#8217;t read by search programs so your content is  not being indexed by Google, Yahoo, etc.  This means people won&#8217;t find  you when they search for you.</p>
<p><strong>Hard to Update<strong> </strong></strong></p>
<p>You want your web site to inform your clients, customers, fans, etc. which means your web site must be as current as possible. To have a current web site you need to be able to update it quickly.  Updating a Flash web site is much more complicated, time consuming, and expensive than editing a regular web site file.  That&#8217;s enough for me to say forget about it.  But there&#8217;s more.</p>
<p><strong><strong>Not User Friendly</strong></strong></p>
<p>People respond well when their needs are served and respond badly when they feel ill treated.  I&#8217;ve heard so many complaints from people about Flash web sites.  They dislike waiting passively while the animation runs.  They don&#8217;t like the visual annoyance of distracting animation. Why isn&#8217;t the message getting back to the designers and builders?</p>
<p><strong><strong>No Future</strong></strong></p>
<p>Read Al Morel&#8217;s blog post <a href="http://www.commareus.com/blog/category/flash/"> The Future of Flash</a>.  He predicts Flash will be gone in five years, and explains why.  Flash doesn&#8217;t translate well on mobile devices, it uses up computing resources and slows things down.</p>
<p><strong><strong><br />
</strong></strong></p>
<p>When it comes to Flash my advice is don&#8217;t do it!  Smashing Magazine writes in depth about your options for creating a rich web site experience without Flash in its post <a href="http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/">The Gradual Disappearance of Flash</a>.</p>
<p>Analysis by <a href="smartalicewebdesign.com">Smart Alice Web Design</a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
<p>Copyright 2011, Alice Gebura, All Rights Reserved.</p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/visual-design/using-flash-on-your-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animated Discussion</title>
		<link>http://smartalicewebdesign.com/wordpress/visual-design/animated-discussion/</link>
		<comments>http://smartalicewebdesign.com/wordpress/visual-design/animated-discussion/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 14:57:32 +0000</pubDate>
		<dc:creator>Alice Gebura</dc:creator>
				<category><![CDATA[Animation/Motion Graphics]]></category>
		<category><![CDATA[Visual Design]]></category>
		<category><![CDATA[bad web design]]></category>
		<category><![CDATA[Flash web site]]></category>
		<category><![CDATA[good web design]]></category>
		<category><![CDATA[motion graphics]]></category>
		<category><![CDATA[smart web design]]></category>
		<category><![CDATA[visual interpretation]]></category>
		<category><![CDATA[web graphics]]></category>
		<category><![CDATA[web site analysis]]></category>
		<category><![CDATA[web site design]]></category>

		<guid isPermaLink="false">http://smartalicewebdesign.com/wordpress/?p=168</guid>
		<description><![CDATA[Do you like animation or flashy motion effects on a web site? In general, I don’t, unless they provide added value to me. A scrolling or jumping animation might catch my eye for a second, but it takes less than a second to click to another web site that isn’t so irritating. I detest advertising. [...]]]></description>
			<content:encoded><![CDATA[<p>Do you like animation or flashy motion effects on a web site?  In general, I don’t, unless they provide added value to <strong><em>me</em></strong>. A scrolling or jumping animation might catch my eye for a second, but it takes less than a second to click to another web site that isn’t so irritating.</p>
<p><img class="alignleft size-full wp-image-182" title="Power to the People" src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/03/fist.jpg" alt="Power to the People" width="204" height="246" />I detest advertising.  We all do, that&#8217;s one reason why TiVO is so popular.  Advertising invades our mind space without asking our permission. When a web site is more flash than info, it starts to look like a TV ad.  Instead of pressing the Fast Forward button, I’ll just click to another web site.</p>
<p>There are instances when motion graphics are useful.  For example: slide shows for art galleries, photographers, etc.  Or, high quality embedded videos when they are relevant, make me laugh, or teach me something.  One of the keys to success, if you’re going to put something flashy on your site, is to give control to the visitor.  I don’t want to passively sit while something runs.  That’s why I always click Skip Intro (you know what I’m talking about).</p>
<p><span style="font-size: medium;margin-top:80px;"><span style="font-weight: bold;"><img class="alignleft size-thumbnail wp-image-185" style="margin-top:20px;" title="Scrolling..." src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/03/longy-135x150.jpg" alt="Scrolling..." width="135" height="150" />Why Do It? </span></span></p>
<p>Why do web developers build junky animation?  It seems, because they can.  Here’s an example.  If you go to the <a href="http://www.longy.edu" target="_blank"><strong>Longy School</strong></a> web site, you’ll see Latest News scrolling vertically on the right.  Since it’s moving, I can’t read it.  So what’s the point?  This site also has a video tour of the building.  I care about ambience only when I’m booking a hotel room.  Irrelevant information just creates visual clutter.</p>
<p><span style="font-size: medium;"><span style="font-weight: bold;"><a href="http://www.jameszabiela.com/">Award Winners</a></span></span></p>
<p><a href="http://beantownweb.blogspot.com/2009/03/sxsw-web-awards-2009.html" target="_blank"><strong>Beantown Web</strong></a> lists its picks for best web sites in 2008.<br />
<img class="alignleft size-thumbnail wp-image-187" title="Click to go to James Zabiela's web site." src="http://smartalicewebdesign.com/wordpress/wp-content/uploads/2009/03/jzab-150x150.jpg" alt="Click to go to James Zabiela's web site." width="150" height="150" /><br />
There are some cool sites listed here.  My favorite is <a href="http://www.jameszabiela.com/" target="_blank"><strong>James Zabiela’s</strong></a> site.  He’s a high tech DJ so it makes sense that his web site puts on a high tech show.  I like this twist:  instead of placing motion graphics against a static background, he puts motion graphics in the background and places static text over it.  I also like the sleek and elegant music player he provides unobtrusively in the upper right corner.</p>
<p><span style="font-size: medium;"><span style="font-weight: bold;">What’s Appropriate for You? </span></span></p>
<p>A super flashy web site is expensive to build.  Keep in mind it also screams “high priced” to visitors.  It could scare off potential customers who might infer you are too high priced to do business with.  What is your message and do motion graphics enhance or undermine it?   Know your target customer.  Make the site comfortable for them.  And, put them in control of the graphics.</p>
<p>Analysis by <a href="http://smartalicewebdesign.com"><strong>Smart Alice Web Design</strong></a>, smart web design for businesses who want a unique and effective presence on the internet.</p>
<p>Copyright 2009, Alice Gebura, All Rights Reserved.</p>
<p><script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[
_uacct = "UA-3865877-1";
urchinTracker();
// ]]&gt;</script></p>
<p><script type="text/javascript">// <![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
// ]]&gt;</script></p>
<p><script type="text/javascript">// <![CDATA[
var pageTracker = _gat._getTracker("UA-3865877-1");
pageTracker._initData();
pageTracker._trackPageview();
// ]]&gt;</script></p>
]]></content:encoded>
			<wfw:commentRss>http://smartalicewebdesign.com/wordpress/visual-design/animated-discussion/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

