<?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>alohahands.com Blog &#187; web design</title>
	<atom:link href="http://alohahands.com/blog/index.php/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://alohahands.com/blog</link>
	<description>...just takin&#039; notes man.</description>
	<lastBuildDate>Tue, 25 Nov 2008 14:46:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Debugging &amp; Accessibility</title>
		<link>http://alohahands.com/blog/2008/09/20/debugging-accessibility/</link>
		<comments>http://alohahands.com/blog/2008/09/20/debugging-accessibility/#comments</comments>
		<pubDate>Sat, 20 Sep 2008 01:12:59 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[AS2]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[All]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[personal computer]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/09/20/debugging-accessibility/</guid>
		<description><![CDATA[1. What techniques can a web designer use to optimize and debug Flash created web sites? Feel free to share any other tips that you found during your research that may be of value to creating animated web sites in Flash.
&#8220;Trace&#8221; statements are likely the most known debugging tool used for actionScript code. You can [...]]]></description>
			<content:encoded><![CDATA[<p>1. What techniques can a web designer use to optimize and debug Flash created web sites? Feel free to share any other tips that you found during your research that may be of value to creating animated web sites in Flash.</p>
<p>&#8220;Trace&#8221; statements are likely the most known debugging tool used for actionScript code. You can place a trace statement anywhere you want and have it output just about anything you want also.</p>
<p>trace(&#8221;I&#8217;m a trace action!&#8221;);</p>
<p>myTrace = &#8220;I&#8217;m the content of a variable&#8221;;<br />
trace(myTrace);</p>
<p>You can similarly use a text object you&#8217;ve placed directly on the stage to monitor during run time. You&#8217;ll only need to set something similar to: debug.text = myStringVariable;</p>
<p>Flash has an integrated debugger that is very powerful. To activate the<br />
debugger, you need to go into Control > Debug Movie. You will see<br />
the usual Test Movie setup but with an additional window aptly titled<br />
&#8216;Debugger&#8217;.</p>
<p>If you&#8217;re anything like me, you might use adobe&#8217;s liveDocs on line. I suppose it&#8217;s a debugging tool also. I plug in search criteria based on the error I&#8217;ve been delivered or the process I&#8217;m trying to complete. I also use forums and threads to help solve problems. I haven’t yet posted anything yet however.</p>
<p><a target="_new" href="http://www.actionscript.org/resources/articles/63/1/Common-Errors-and-Debugging/Page1.html">http://www.actionscript.org/resources/articles/63/1/Common-Errors-and-Debugging/Page1.html</a></p>
<p>2. What is accessibility and why is it important? What should a web designer keep in mind when designing a web site to maintain accessibility? How does accessibility effect a web site&#8217;s animation?</p>
<p>Accessibility is an approach to web design that aims to ensure the widest access to the content and features of a website. The term is often used to refer to accessibility for people with disabilities, particularly blindness. &#8230; <a target="_blank" href="http://alohahands.com/blog/www.monash.edu.au/staff/web/glossary.html">www.monash.edu.au/staff/web/glossary.html</a></p>
<p>Tim Berners-Lee, W3C director and inventor of the World Wide Web, defines it as access by everyone, regardless of disability.  Even though the World Wide Web is continuously growing, many users:<br />
•	use speech browsers or  &#8220;eyes busy&#8221;/&#8221;hands busy&#8221;, as businessmen in cars;<br />
•	don&#8217;t have the latest graphical browsers and plug-ins;<br />
•	surf with slow modems, or reside in rural or remote areas with limited access to the Internet;<br />
•	browse without graphics, using text-only browsers or subscribe to non-graphic services;<br />
•	access in noisy, high- or low-light environments;<br />
There are also many users with disabilities as;<br />
•	Visual &#8211; blind, low vision, color blind;<br />
•	Auditory &#8211; deaf, hard of hearing;<br />
•	Motor/physical &#8211; paraplegic;<br />
•	Cognitive/learning &#8211; dyslexic, learning disabled.<br />
•	They may not be able to see, hear, move, or may not be able to process some types of information easily or at all.<br />
•	They may have difficulty reading or comprehending text.<br />
•	They may not have or be able to use a keyboard or mouse.<br />
•	They may have a text-only screen, a small screen, or a slow Internet connection.<br />
•	They may not speak or understand fluently the language in which the document is written.<br />
• They may be in a situation where their eyes, ears, or hands are busy or interfered with (e.g., driving to work, working in a loud environment, etc.).<br />
•	They may have an early version of a browser, a different browser entirely, a voice browser, or a different operating system.<br />
Accessibility increases benefits for both parties: the User and the Web site Provider. It may also persuade developers to take in some alternate considerations. They may be more likely to use stronger contrasting colors or, web safe colors, abstain from flashing screens or quick moving objects and use simpler navigation.</p>
<p><a target="_new" href="http://www.w3.org/TR/WCAG10/">http://www.w3.org/TR/WCAG10/</a><br />
<a target="_new" href="http://www.rnib.org.uk/xpedio/groups/public/documents/publicwebsite/public_animatedimages.hcsp">http://www.rnib.org.uk/xpedio/groups/public/documents/publicwebsite/public_animatedimages.hcsp</a><br />
<a target="_new" href="http://www.webnauts.net/accessibility.html">http://www.webnauts.net/accessibility.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/09/20/debugging-accessibility/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transitions, web site transitions</title>
		<link>http://alohahands.com/blog/2008/09/15/transitions-web-site-transitions/</link>
		<comments>http://alohahands.com/blog/2008/09/15/transitions-web-site-transitions/#comments</comments>
		<pubDate>Mon, 15 Sep 2008 01:51:17 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[AS2]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[All]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[actionScript]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[personal computer]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/09/15/transitions-web-site-transitions/</guid>
		<description><![CDATA[According to the msdn website, “Transitions are time-varying filters that affect how a change of content is displayed.” Basically this means that a transition is the same as other events, but instead of an instantaneous change of state, it happens over a specified period of time.  Mostly, we see transitions used during slide shows containing [...]]]></description>
			<content:encoded><![CDATA[<p>According to the msdn website, “Transitions are time-varying filters that affect how a change of content is displayed.” Basically this means that a transition is the same as other events, but instead of an instantaneous change of state, it happens over a specified period of time.  Mostly, we see transitions used during slide shows containing different images.  These are usually a wipe, or fades; a screen slide from right to left or left to right or a fade in and out.  An interpage transition is a transition that affects the entire window as the window loads and/or unloads.    This can be the same type of fade as the slide show.</p>
<p>In my opinion a lot of the web site trends are revolutionary and based on the latest technology.  With a new software product and capability, something old becomes new again.  The concept of most web sites is “attraction”.  The owner of the site wants you to view their site.  Transitions may or may not keep our ADD intellects amused long enough to hang out longer than 10 seconds.  I think I read the average web page can expect a visitor to make up his mind about leaving the site at about 4 seconds.</p>
<p>What do I think about the growing trend of using transitions?  Well, depending on their use, I think there is great potential for transitions. I like to think that transitions can be used for wonderfully interesting visual explanations for complicated or convoluted processes; for example this one showing how our bodies use energy and the resultant free radicals are bounced down the electron transfer chain to O2 in the process of oxidative phosphorylation:  http://www.brookscole.com/chemistry_d/templates/student_resources/shared_resources/animations/oxidative/oxidativephosphorylation.html</p>
<p>Transition trends are pretty cool; some are so cool they’ll stick around for over a week.  If you only want to show off your new skills and your transition does not enhance or contribute to the value or message of your site (determined by the visitor) then you’re likely to come to your senses or latch on to the next super coolness.</p>
<p>http://www.webpagesthatsuck.com/does-my-web-site-suck/does-my-web-site-suck-checklist-part-one.html</p>
<p>http://www.webpagesthatsuck.com/topic60.htm</p>
<p>http://msdn.microsoft.com/en-us/library/ms532847.aspx</p>
<p>http://www.webdevelopersjournal.com/wacky/transitions/transitions.html</p>
<p>http://www.xeogen.com/</p>
<p>http://www.adobe.com/devnet/flash/articles/animation_guide_13.html<br />
http://tutorials.learnflash.com/tutorials/flash/bettertransitionss.html<br />
http://www.adobe.com/devnet/flash/articles/creating_animation_as3_02.html</p>
<p>The page located here:  http://www.jumpeyecomponents.com/Flash-Components/Transition-Effects/MovieClip-Transition-Effects-V3-45/<br />
has a graphic that transitions from one image to the next.</p>
<p>AS 2.0 thread on transitions:  http://forums.creativecow.net/thread/190/862393</p>
<p>http://www.robertpenner.com/presentations/rpenner_Animation_Workflows_in_Flash_CS3_FITC_2007.pdf</p>
<p>sliding door transition:  http://www.swishzone.com/index.php?area=resources&#038;tab=movies&#038;do=page&#038;action=detailed&#038;link_id=598</p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/09/15/transitions-web-site-transitions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using audio/video on your web site?</title>
		<link>http://alohahands.com/blog/2008/09/03/using-audiovideo-on-your-web-site/</link>
		<comments>http://alohahands.com/blog/2008/09/03/using-audiovideo-on-your-web-site/#comments</comments>
		<pubDate>Wed, 03 Sep 2008 16:30:04 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/09/03/using-audiovideo-on-your-web-site/</guid>
		<description><![CDATA[What type of information is important to understand before using audio/video on your web site?
It is important to know that all the technologies that have successfully managed video and audio over the internet use packet streaming. All video-streaming systems perform buffering. And, the four companies dictating what can be done with video are, Microsoft, Apple, [...]]]></description>
			<content:encoded><![CDATA[<p>What type of information is important to understand before using audio/video on your web site?</p>
<p>It is important to know that all the technologies that have successfully managed video and audio over the internet use packet streaming. All video-streaming systems perform buffering. And, the four companies dictating what can be done with video are, Microsoft, Apple, Macromedia (purchased by Adobe) and RealNetworks.</p>
<p>One web site that contains audio/video:</p>
<p><a target="_new" href="http://www.msnbc.msn.com/">http://www.msnbc.msn.com/  </a>&#8220;Breaking News, Weather, Business, Health, Entertainment, Sports, Politics, Travel, Science, Technology, Local, US &#038; World News &#8211; msnbc.com&#8221;</p>
<p>This is a 24-hour news channel featuring stories and video from NBC News, and The New York Times, Newsweek and the Washington Post. When watching video <a target="_new" href="http://www.msnbc.msn.com/id/21134540/vp/26523861#26523861">http://www.msnbc.msn.com/id/21134540/vp/26523861#26523861</a>  you are able to select your next video even as you are watching another video. The videos will also continuously play through the video catalogue.</p>
<p>The benefit of audio/video and its use for information for the clients and the users?  The original concept of this website and company was to have video on the web related to the stories on cable t.v. This continues to be the concept and with new technologies (silverlight) the clarity and capabilities are increasing. This company succeeds due to the audio/video content and the clients and users expect quality a/v content.</p>
<p>Reference:></p>
<p><a target="_new" href="http://www.webopedia.com/DidYouKnow/Computer_Science/2005/digital_audio_formats.asp">http://www.webopedia.com/DidYouKnow/Computer_Science/2005/digital_audio_formats.asp</a></p>
<p><a target="_new" href="http://www.peachpit.com/articles/article.aspx?p=388273&#038;seqNum=2">http://www.peachpit.com/articles/article.aspx?p=388273&#038;seqNum=2</a><br />
<a target="_new" href="http://www.real.com/">http://www.real.com/</a><br />
<a target="_new" href="http://en.wikipedia.org/wiki/Macromedia">http://en.wikipedia.org/wiki/Macromedia</a><br />
<a target="_new" href="http://en.wikipedia.org/wiki/Msnbc">http://en.wikipedia.org/wiki/Msnbc</a></p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/09/03/using-audiovideo-on-your-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What type of information is important for interactive forms on a web site?</title>
		<link>http://alohahands.com/blog/2008/08/29/what-type-of-information-is-important-for-interactive-forms-on-a-web-site/</link>
		<comments>http://alohahands.com/blog/2008/08/29/what-type-of-information-is-important-for-interactive-forms-on-a-web-site/#comments</comments>
		<pubDate>Fri, 29 Aug 2008 17:06:40 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/08/29/what-type-of-information-is-important-for-interactive-forms-on-a-web-site/</guid>
		<description><![CDATA[To determine what information is important for interactive forms you must understand the goal of the form.  What is the information needed?  Also, what information do you want the user to know?  Depending on the types of information you will have the user submit will determine the fields you will use in the form.
The basic [...]]]></description>
			<content:encoded><![CDATA[<p>To determine what information is important for interactive forms you must understand the goal of the form.  What is the information needed?  Also, what information do you want the user to know?  Depending on the types of information you will have the user submit will determine the fields you will use in the form.</p>
<p>The basic essentials are these:  For text and numeric data you will use text and combo boxes.  If you provide the information for the user to select, you may choose from radio buttons, lists, or combo boxes.  Of course, you may want the user to select multiple options.  The use of check boxes or list boxes will work nicely for multiple options.  The use of buttons is a no-brainer.  Whether it is text or looks like a button, you will use buttons to interact with the user to open files, play sound, movies, or submitting or clearing form data.</p>
<p>Have you thought about security and/or validation?  You might consider using digital signature to verify the user’s identity and form validation is the process of checking a form’s values against a standard of expected values. It is a way to proofread or spell check what your user has entered as input. An example would be an expected 9 number combination and the user entered an email address. This would return as invalid content. Typically checked are empty fields, valid and well formed email addresses, dates, and the aforementioned a number entered in a text expected field (or vice-verse). If the tested field contains the expected input then the result is returned true and the form data is expected to be good data. It is important to use validation for online forms to add an extra bit of reliability and save time by ensuring a certain level of quality.</p>
<p>References:</p>
<p>http://validator.w3.org/about.html<br />
http://www.w3schools.com/js/js_form_validation.asp<br />
2007 CivicPlus website management conference, “Next Generation Government Websites”</p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/08/29/what-type-of-information-is-important-for-interactive-forms-on-a-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beneficial Web Site Menu &amp; Navigation</title>
		<link>http://alohahands.com/blog/2008/08/22/beneficial-web-site-menu-navigation/</link>
		<comments>http://alohahands.com/blog/2008/08/22/beneficial-web-site-menu-navigation/#comments</comments>
		<pubDate>Fri, 22 Aug 2008 20:28:27 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/08/22/beneficial-web-site-menu-navigation/</guid>
		<description><![CDATA[Control is what most expect when navigating the web.  Users of menus should feel like they know where they are and where they&#8217;re going to go.  Interactive websites benefit from menus and navigation by allowing the user to feel confident they are at the right location and where to go next.  Menus and navigation allow [...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: 10pt">Control is what most expect when navigating the web.  Users of menus should feel like they know where they are and where they&#8217;re going to go.  Interactive websites benefit from menus and navigation by allowing the user to feel confident they are at the right location and where to go next.  Menus and navigation allow the user to browse in sequence, randomness or in circles and still have a sense they are within the same domain.</span></p>
<p><span style="font-size: 10pt"> </span></p>
<p><span style="font-size: 10pt">Menus and navigation serve beneficial to the user by allowing the user to initially land on any page and be able to continue without breaking stride.  Too often I have landed on a page and wondered how I could manipulate the URL in the address bar to get to another page within the same domain.  In this scenario a clear menu structure would serve very beneficial.  <a target="_blank" href="http://amazon.com/">http://amazon.com</a> is a fine example as well as my reference, <a target="_blank" href="http://webstyleguide.com/">webstyleguide.com</a>.</span></p>
<p><span style="font-size: 10pt"> </span></p>
<p><span style="font-size: 10pt">Reference:</span></p>
<p><span style="font-size: 10pt"> </span></p>
<p><span style="font-size: 10pt"><a target="_blank" href="http://webstyleguide.com/interface/user-centered.html">http://webstyleguide.com/interface/user-centered.html</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/08/22/beneficial-web-site-menu-navigation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Style Guide References</title>
		<link>http://alohahands.com/blog/2008/08/20/web-style-guide-references/</link>
		<comments>http://alohahands.com/blog/2008/08/20/web-style-guide-references/#comments</comments>
		<pubDate>Wed, 20 Aug 2008 15:59:22 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/08/20/web-style-guide-references/</guid>
		<description><![CDATA[Associated Press. 2000. The Associated Press stylebook and briefing on media law. Cambridge, Mass.: Perseus.
Hale, Constance, and Jessie Scanlon. 1999. Wired style: Principles of English usage in the digital age. New York: Broadway Books.
Krug, Steve. 2001. Don&#8217;t make me think! A common sense approach to Web usability. Indianapolis, Ind.: Que.
Microsoft Corporation. 1995. The Microsoft manual [...]]]></description>
			<content:encoded><![CDATA[<p class="ref">Associated Press. 2000. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/0738207403/webstyleguidecom"><cite>The Associated Press stylebook and briefing on media law.</cite></a> Cambridge, Mass.: Perseus.</p>
<p class="ref">Hale, Constance, and Jessie Scanlon. 1999. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/0767903722/webstyleguidecom"><cite>Wired style: Principles of English usage in the digital age.</cite></a> New York: Broadway Books.</p>
<p class="ref">Krug, Steve. 2001. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/0789723107/webstyleguidecom"><cite>Don&#8217;t make me think! A common sense approach to Web usability.</cite></a> Indianapolis, Ind.: Que.</p>
<p class="ref">Microsoft Corporation. 1995. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/1572318902/webstyleguidecom"><cite>The Microsoft manual of style for technical publications.</cite></a> Redmond, Wash.: Microsoft Press.</p>
<p class="ref">Mullen, R. 1998. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/1566047307/webstyleguidecom"><cite>The HTML 4 programmer&#8217;s reference: All platforms.</cite></a> Research Triangle Park, N.C.: Ventana Press.</p>
<p class="ref">New York Times. 1999. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/081296389X/webstyleguidecom"><cite>The New York Times manual of style and usage.</cite></a> New York: Times Books.</p>
<p class="ref">Nielsen, Jakob. 1995. <cite>The alertbox: Current issues in Web usability.</cite> <a tabindex="2" href="http://www.useit.com/alertbox">http://www.useit.com/alertbox.</a></p>
<p class="ref">———. 1999. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/156205810X/webstyleguidecom"><cite>Designing Web usability: The practice of simplicity.</cite></a> Indianapolis, Ind.: New Riders.</p>
<p class="ref">Strunk, Jr., William, and E. B. White. 2000. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/020530902X/webstyleguidecom"><cite>The elements of style,</cite></a> 4th ed. New York: Macmillan.</p>
<p class="ref">Zinsser, William. 1998. <a tabindex="2" href="http://www.amazon.com/exec/obidos/ASIN/0060006641/webstyleguidecom"><cite>On writing well: An informal guide to writing nonfiction.</cite></a> 6th ed. New York: HarperReference.</p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/08/20/web-style-guide-references/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animation &amp; Your Web site</title>
		<link>http://alohahands.com/blog/2008/08/18/animation-your-web-site/</link>
		<comments>http://alohahands.com/blog/2008/08/18/animation-your-web-site/#comments</comments>
		<pubDate>Mon, 18 Aug 2008 12:58:49 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/08/18/animation-your-web-site/</guid>
		<description><![CDATA[The use of animation can make your website outstanding or ridiculous. Let&#8217;s focus on the outstanding. Your website might be the only contact or the initial contact of your perspective clients and visitors. You better make an impact, a positive impact.
What is my call to action? What the heck am I supposed to do? A [...]]]></description>
			<content:encoded><![CDATA[<p>The use of animation can make your website outstanding or ridiculous. Let&#8217;s focus on the outstanding. Your website might be the only contact or the initial contact of your perspective clients and visitors. You better make an impact, a positive impact.</p>
<p>What is my call to action? What the heck am I supposed to do? A website that immediately urges the user to the action you desire them to take is going to stand out from the rest. Quality animation can help you with user-friendly interactivity that keeps them coming back.</p>
<p>Humans naturally recognize differences and amplify attention to those changes in their environment. Animation is an asset when used to bring a logo to life, even briefly, and when adding a bit of sparkle to improve the clarity of an active button.</p>
<p>Here is a link ( <a target="_new" href="http://www.ted.com/index.php/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html">http://www.ted.com/index.php/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html</a> )</p>
<p>Hans Rosling in California on statistics and using animation to make an impact of his presentation and speech. Go to minute 4:00 to see the animation being used.</p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/08/18/animation-your-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Storyboarding for Organizational Framework?</title>
		<link>http://alohahands.com/blog/2008/08/10/storyboarding-for-organizational-framework/</link>
		<comments>http://alohahands.com/blog/2008/08/10/storyboarding-for-organizational-framework/#comments</comments>
		<pubDate>Sun, 10 Aug 2008 20:21:27 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/08/10/storyboarding-for-organizational-framework/</guid>
		<description><![CDATA[

  

I mentioned in my last post that the user should be able to get through the website and know what’s going on.  A lot of animation can be a distraction and could cause the user to leave your site without completing the task you attracted the user there in the first place.  The [...]]]></description>
			<content:encoded><![CDATA[<p><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta content="Word.Document" name="ProgId" /><meta content="Microsoft Word 11" name="Generator" /><meta content="Microsoft Word 11" name="Originator" /></p>
<link rel="File-List" /><!--[if gte mso 9]><xml>  <w:WordDocument>   <w:View>Normal</w:View>   <w:Zoom>0</w:Zoom>   <w:PunctuationKerning/>   <w:ValidateAgainstSchemas/>   <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>   <w:IgnoreMixedContent>false</w:IgnoreMixedContent>   <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>   <w:Compatibility>    <w:BreakWrappedTables/>    <w:SnapToGridInCell/>    <w:WrapTextWithPunct/>    <w:UseAsianBreakRules/>    <w:DontGrowAutofit/>    <w:UseFELayout/>   </w:Compatibility>   <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>  </w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml>  <w:LatentStyles DefLockedState="false" LatentStyleCount="156">  </w:LatentStyles> </xml><![endif]--><br />
<style> <!--  /* Font Definitions */  @font-face 	{font-family:Batang; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-alt:바탕; 	mso-font-charset:129; 	mso-generic-font-family:roman; 	mso-font-pitch:variable; 	mso-font-signature:-1342176593 1775729915 48 0 524447 0;} @font-face 	{font-family:Verdana; 	panose-1:2 11 6 4 3 5 4 4 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:536871559 0 0 0 415 0;} @font-face 	{font-family:"\@Batang"; 	panose-1:2 3 6 0 0 1 1 1 1 1; 	mso-font-charset:129; 	mso-generic-font-family:roman; 	mso-font-pitch:variable; 	mso-font-signature:-1342176593 1775729915 48 0 524447 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0in; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:Batang;} @page Section1 	{size:8.5in 11.0in; 	margin:1.0in 1.25in 1.0in 1.25in; 	mso-header-margin:.5in; 	mso-footer-margin:.5in; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --> </style>
<p><!--[if gte mso 10]><br />
<style>  /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:"Table Normal"; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:""; 	mso-padding-alt:0in 5.4pt 0in 5.4pt; 	mso-para-margin:0in; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} </style>
<p> <![endif]--></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Verdana; color: black">I mentioned in my last post that the user should be able to get through the website and know what’s going on.  A lot of animation can be a distraction and could cause the user to leave your site without completing the task you attracted the user there in the first place.  The site should be as simple as possible to navigate.  I read somewhere before that each page should look as if it were and serve as a possible landing page.  I know I’ve often landed on something other than the “home” page and wondered how to get “home” for the substance and contact information.  I really don’t like the feeling that the “contact” information is hidden from me.  Maybe, a search engine feature is not such a bad idea, even for our 5 page project.</span></p>
<p class="MsoNormal">
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Verdana; color: black">Without a clear purpose, how can a project be streamlined for success?  </span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Verdana; color: black">Organizational framework may call for a storyboard to help resolve a lot of confusion.  A storyboard may just be what’s prescribed for a large project with different contributing divisions.  Storyboards offer a visual identity for the script writers, developers, graphic artists, technical editors, and of course the client.  With a visual reference for everyone to point to, omissions are more likely to be recognized and pointed out.  With the use of a document control system, all users will be able to modify and add to the storyboard when required.  Or, the users will be able to reference the storyboard to answer development questions.  Without a visual reference, everyone could assume to be in agreement and find out later each had something different in mind.  Again, saving time and money and maybe saving a few tears also.  </span></p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/08/10/storyboarding-for-organizational-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Planning a website?  Have you done your research?</title>
		<link>http://alohahands.com/blog/2008/08/10/planning-a-website-have-you-done-your-research/</link>
		<comments>http://alohahands.com/blog/2008/08/10/planning-a-website-have-you-done-your-research/#comments</comments>
		<pubDate>Sun, 10 Aug 2008 19:47:40 +0000</pubDate>
		<dc:creator>alohahands</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://alohahands.com/blog/2008/08/10/planning-a-website-have-you-done-your-research/</guid>
		<description><![CDATA[Of course we all want dazzling websites. But, I&#8217;ve seen sites where maybe there  is too much emphasis placed on the visual and not enough on the functionality of  the site. I’ve looked at the site and wondered what the heck the purpose is of  the site or what I was supposed [...]]]></description>
			<content:encoded><![CDATA[<p>Of course we all want dazzling websites. But, I&#8217;ve seen sites where maybe there  is too much emphasis placed on the visual and not enough on the functionality of  the site. I’ve looked at the site and wondered what the heck the purpose is of  the site or what I was supposed to get from the site. So, planning is important  to help alleviate some of the confusion met at the latter stages of  development.</p>
<p>You might think you know your business well enough, but  establishing a hard copy goes a long way to helping communicate to yourself and  others about your company; services, purpose, goals and target market.  Researching these topics/items will aid in the development process of your  website and keep everyone on track. This will save time, money and help ensure  your site ends up serving your needs.</p>
<p>As a developer, the website should  stay within the bounds of your ability to create useful content while showing  the website will work and care for the users’ demands. It&#8217;s great to have  endless or boundless ideas, but even as a beginner, or because I am a beginner,  I recognize that there are limits.</p>
]]></content:encoded>
			<wfw:commentRss>http://alohahands.com/blog/2008/08/10/planning-a-website-have-you-done-your-research/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.869 seconds -->
