<?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>[Re]Encoded.com &#187; Usability</title>
	<atom:link href="http://www.reencoded.com/category/web-design/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.reencoded.com</link>
	<description>Web Design and Development Tips, Tutorials and [Re]lated [Re]sources</description>
	<lastBuildDate>Tue, 24 Jan 2012 20:23:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Reencoded&#8217;s Top Fonts</title>
		<link>http://www.reencoded.com/2009/03/07/reencodeds-top-fonts/</link>
		<comments>http://www.reencoded.com/2009/03/07/reencodeds-top-fonts/#comments</comments>
		<pubDate>Sat, 07 Mar 2009 20:00:04 +0000</pubDate>
		<dc:creator>Anders Haig</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[arial]]></category>
		<category><![CDATA[birth of a hero]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[geo sans light]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[metroscript]]></category>
		<category><![CDATA[top 10]]></category>
		<category><![CDATA[trajan]]></category>

		<guid isPermaLink="false">http://www.reencoded.com/?p=966</guid>
		<description><![CDATA[I&#8217;ve picked these five fonts as my most used fonts over time. Most likely you will disagree, everyone has their own tastes. I&#8217;ve looked over hundreds upon hundreds of fonts picking the perfect script for my logos or designs. These are the five fonts I have used the most. If you haven&#8217;t noticed some of [...]]]></description>
			<content:encoded><![CDATA[<p style="0in;">I&#8217;ve picked these five fonts as my most used fonts over time. Most likely you will disagree, everyone has their own tastes. I&#8217;ve looked over hundreds upon hundreds of fonts picking the perfect script for my logos or designs. These are the five fonts I have used the most. If you haven&#8217;t noticed some of them before, it&#8217;s worth giving them a look.</p>
<p style="0in;">
<h2><strong>Trajan</strong></h2>
<p style="0in;">I know, I know, Trajan is horribly overused but I keep using it in my designs time and time again. Trajan was designed by Carol Twombly, a well known font designer and Adobe employee since 1988 (also created Adobe Caslon). Created in 1989, Trajan is a timeless classic great for poster use as well as elegant and corporate designs. Although not a free font, it is shipped with Adobe products such as their Creative Suite.</p>
<p style="0in;"><a href="http://www.reencoded.com/wp-content/uploads/2009/03/trajan-img-copy.gif" ><img class="aligncenter size-full wp-image-974" src="http://www.reencoded.com/wp-content/uploads/2009/03/trajan-img-copy.gif" alt="" width="500" height="57" /></a></p>
<p style="0in;">
<h2><strong>Geo Sans Light</strong></h2>
<p style="0in;">Geo Sans Light is created by font designer Manfred Klein. Manfred was born in 1932 and worked in a variety of advertising agencies until a serious accident caused him to turn to making fonts. Geo Sans Light is just one of the free fonts he has invented. It has a very modern look and unique design that is a great touch to logos, websites and other design projects. Download it for free here: <a href="http://www.dafont.com/geo-sans-light.font"  target="_blank" rel="nofollow">http://www.dafont.com/geo-sans-light.font</a></p>
<p style="0in;"><a href="http://www.reencoded.com/wp-content/uploads/2009/03/geosans.png" ><img class="aligncenter size-full wp-image-969" src="http://www.reencoded.com/wp-content/uploads/2009/03/geosans.png" alt="" width="500" height="119" /></a></p>
<p style="0in;">
<h2><strong>Arial</strong></h2>
<p style="0in;">Arial is one of the most common fonts in the world. Although use is widespread, this font is timeless. It was created in 1990 and has shipped with Windows since 1992. Arial is for large blocks of text, but isn&#8217;t much of a title or logo font. I use Arial in one way or another in the majority of my design projects. Arial is not available for free download.</p>
<p style="0in;"><a href="http://www.reencoded.com/wp-content/uploads/2009/03/arial-copy.gif" ><img class="aligncenter size-full wp-image-972" src="http://www.reencoded.com/wp-content/uploads/2009/03/arial-copy.gif" alt="" width="500" height="72" /></a></p>
<p style="0in;">
<h2><strong>Birth of a Hero</strong></h2>
<p style="0in;">Birth of a Hero is a great grunge font from Last Soundtrack. Not for use in any project, it looks great on a dirty / grungy themed site. Behind the grunge design is a well designed font. Smooth lines, rotated letters and uniform circles make Birth of a Hero a definite keeper. Download it for free here: <a href="http://www.dafont.com/birth-of-a-hero.font"  target="_blank" rel="nofollow">http://www.dafont.com/birth-of-a-hero.font</a></p>
<p style="0in;"><a href="http://www.reencoded.com/wp-content/uploads/2009/03/birthofahero.png" ><img class="aligncenter size-full wp-image-968" src="http://www.reencoded.com/wp-content/uploads/2009/03/birthofahero.png" alt="" width="500" height="100" /></a></p>
<p style="0in;">
<h2><strong>Metroscript</strong></h2>
<p style="0in;">Metroscript happens to be one of MyFonts.com&#8217;s best sellers in the last year. Designed by Michael Doret, this script mimics hand-lettering and has a decidedly older feel to it. It reminds me of a Coca Cola or athletic uniform font, and is great in antique style designs. Metroscript is free download.</p>
<p style="0in;"><a href="http://www.reencoded.com/wp-content/uploads/2009/03/metroscript-copy.gif" ><img class="aligncenter size-full wp-image-973" src="http://www.reencoded.com/wp-content/uploads/2009/03/metroscript-copy.gif" alt="" width="500" height="121" /></a></p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2009%2F03%2F07%2Freencodeds-top-fonts%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2009/03/07/reencodeds-top-fonts/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Remembering Your Reader in Web Design</title>
		<link>http://www.reencoded.com/2008/08/19/remembering-your-reader-in-web-design/</link>
		<comments>http://www.reencoded.com/2008/08/19/remembering-your-reader-in-web-design/#comments</comments>
		<pubDate>Tue, 19 Aug 2008 16:48:32 +0000</pubDate>
		<dc:creator>Anders Haig</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://reencoded.com/?p=333</guid>
		<description><![CDATA[Technology advancements have allowed for many improvements and enhancements in web design. Drastic changes have been made concerning programming, development, and available features. From flash animations, to blog pages, forums, and live chat, website designers have a multitude of design elements that can be added to their websites. Multimedia products such as audio, video, and [...]]]></description>
			<content:encoded><![CDATA[<p>Technology advancements have allowed for many improvements and enhancements in web design. Drastic changes have been made concerning programming, development, and available features. From flash animations, to blog pages, forums, and live chat, website designers have a multitude of design elements that can be added to their websites. Multimedia products such as audio, video, and podcasts are some of the other advancements in web design. One thing that has not changed, however, is the website readers. Successful website developers know and understand this concept, and apply it to every website that they design.<span id="more-333"></span></p>
<p><strong>Usability</strong><br />
Web developers can often get so caught up in have a cutting edge, up to the minute design, that they forget about the visitors to the website. Without return visitors, and increased traffic to your website, your product or services won’t sell and your information will not be heard. This is where usability comes in. Usability basically means that your website readers are able to navigate easily through your website to find the item, service or article that they have been looking for. If the pages on your website are not clearly outlined, visitors will often become frustrated, leave your website and search for another website that fits their needs. This is why popular websites generally have an easy to read menu bar at the top or side of the web page, and navigation buttons throughout the graphical columns on the front page.</p>
<p><strong>Fast Downloads</strong><br />
It doesn’t matter how amazing the graphics on your website look if they take too long to download. In this fast paced, microwave society, high-speed downloads are essential for a well designed website. If a video on your website takes so long to download that it bogs up the visitor’s computer, they are unlikely to return to your website, or to refer your website to others. If, on the other hand, the website has excellent graphics, videos, and flash that are quick to load and presented in an effective manner, your visitor retention rate will increase dramatically. Try out <a href="http://developer.yahoo.com/yslow/"  target="_blank" rel="nofollow">Yslow</a> to help your site in this area.</p>
<p><strong>Effective Content</strong><br />
Another important ingredient of a website is the actual wording, known as content, on the web pages. On the front page of your website, the content should be clear, concise and to the point. Visitors should be able to understand the basics of your website by briefly viewing this content. The content should be short stories or paragraphs which lead your visitors to the other pages within your website. Once the visitor has chosen another page on your website to view, this is your opportunity to expand on your information, offer your products or services, or inform your visitors of your contact information. Each page should have content that is limited to the overall theme of the web page, perhaps adding additional links to your other web pages, or related websites. Readers appreciate websites that have contact information, prices, and product or service descriptions clearly outlined. After all, that is why the visitor chose to come to your website in the first place!</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F08%2F19%2Fremembering-your-reader-in-web-design%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/08/19/remembering-your-reader-in-web-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>7 Firefox Addons I Use Every Day</title>
		<link>http://www.reencoded.com/2008/08/11/7-firefox-addons-i-use-every-day/</link>
		<comments>http://www.reencoded.com/2008/08/11/7-firefox-addons-i-use-every-day/#comments</comments>
		<pubDate>Mon, 11 Aug 2008 20:58:06 +0000</pubDate>
		<dc:creator>Anders Haig</dc:creator>
				<category><![CDATA[Shortcuts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Various]]></category>

		<guid isPermaLink="false">http://reencoded.com/?p=229</guid>
		<description><![CDATA[Colorzilla – Colorzilla allows you to capture the hex code (e.g #FFF000) of any color you see on the web. This allows you to match colors and grab the exact code of colors you like on other sites. When also used in combination with Adobe Kuler, Colorzilla cures Kuler&#8217;s problem of not displaying HTML codes [...]]]></description>
			<content:encoded><![CDATA[<p style="0in;"><a href="http://www.iosart.com/firefox/colorzilla/"  rel="nofollow">Colorzilla</a> – Colorzilla allows you to capture the hex code (e.g #FFF000) of any color you see on the web. This allows you to match colors and grab the exact code of colors you like on other sites. When also used in combination with Adobe Kuler, Colorzilla cures Kuler&#8217;s problem of not displaying HTML codes for the selected colors.</p>
<p style="0in;">
<p style="0in;"><a href="http://www.foxmarks.com/"  rel="nofollow">Foxmarks</a> – Foxmarks replaces your traditional bookmarking capabilities with synchronized bookmarks. Foxmarks synchronizes your bookmarks with an online account and any computer you install the addon to automatically whenever you close your browser. It takes about two seconds and guarantees that you&#8217;ll never be without your bookmarks, whether at a public computer or at home.</p>
<p style="0in;">
<p style="0in;"><a href="http://www.google.com/tools/firefox/toolbar/FT3/intl/en/index.html"  rel="nofollow">Google Toolbar</a> – Google Toolbar is rather simplistic but adds some much needed features to my browser. First, it can replace the standard Firefox search with Google search which is a bit cleaner to look at. Second, it adds a Gmail notifier that lets me know whenever I have new mail with a simple icon. It also adds quick links to some Google services I use often such as Google maps.</p>
<p style="0in;">
<p style="0in;"><a href="http://www.yellowpipe.com/yis/tools/window_resizer/"  rel="nofollow">Window Resizer</a> – Working as a web developer, it&#8217;s important to view my sites in different browsers and different screen resolutions. Window Resizer emulates different screen resolutions be resizing the browser window to different sizes (e.g. 800&#215;600).</p>
<p style="0in;">
<p style="0in;"><a href="http://getfirebug.com/"  rel="nofollow">Firebug</a> – Firebug is, in my opinion, the most useful addon for a Firefox-based web developer. You can edit your HTML from Firebug, find errors, change your CSS and many more options all from one console. I cannot describe Firebug as well as they can, so please take a look at the Firebug site at <a href="http://getfirebug.com/"  rel="nofollow">http://getfirebug.com/</a></p>
<p style="0in;">
<p style="0in;"><a href="http://developer.yahoo.com/yslow/"  rel="nofollow">YSlow</a> – YSlow is not an addition to firebug but is integrated with it for information exchange. YSlow analyzes any web page and generates a grade for each rule and an overall grade. If a page can be improved, YSlow lists the specific changes to be made. YSlow is especially useful on high traffic sites where limiting the number of HTTP requests makes more of a difference but has great suggestions for smaller sites as well.</p>
<p style="0in;">
<p style="0in;"><a href="https://addons.mozilla.org/en-US/firefox/addon/1368"  rel="nofollow">Colorful Tabs</a> – Colorful tabs doesn&#8217;t have any big use in web development but it speeds up my overall surfing. Tabs can be colored by many different options allowing you to find important sites at a glance or just to differentiate between tabs easier.</p>
<p style="0in;">
<p style="0in;">What addons are indispensable to you?</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F08%2F11%2F7-firefox-addons-i-use-every-day%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/08/11/7-firefox-addons-i-use-every-day/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>What we can learn from Microsoft Mojave</title>
		<link>http://www.reencoded.com/2008/08/02/what-we-can-learn-from-microsoft-mojave/</link>
		<comments>http://www.reencoded.com/2008/08/02/what-we-can-learn-from-microsoft-mojave/#comments</comments>
		<pubDate>Sat, 02 Aug 2008 19:28:39 +0000</pubDate>
		<dc:creator>Guest</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[microsoft mojave]]></category>
		<category><![CDATA[testing]]></category>

		<guid isPermaLink="false">http://reencoded.com/2008/08/02/what-we-can-learn-from-microsoft-mojave/</guid>
		<description><![CDATA[For the first time today, I saw in action Microsoft’s newest and possibly most important advertising campaign.  The campaign’s goal is to help mend the battered and bruised image of Windows Vista, the most unsuccessful release in Microsoft history.  Vista has become synonymous with failure, as its initial release was premature and incredibly buggy.  And [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://reencoded.com/wp-content/uploads/2008/08/301006_windows.jpg" alt="Microsoft Mojave" align="right" border="0" vspace="6" hspace="6" />For the first time today, I saw in action Microsoft’s newest and possibly most important advertising campaign.  The campaign’s goal is to help mend the battered and bruised image of Windows Vista, the most unsuccessful release in Microsoft history.  Vista has become synonymous with failure, as its initial release was premature and incredibly buggy.  And even now, with most of the bugs squashed and an operating system that is clearly more polished than its predecessor (XP), Vista still has a huge image problem.</p>
<p>That brings me to the newest marketing strategy, thought up by a midlevel employee in the Microsoft ranks in early July.  Microsoft brought a large user group of XP users to test their “new” operating system “Mojave”.  The response was amazing.  Microsoft had its brand new, hit operating system, getting rave reviews from nearly every user.<span id="more-183"></span></p>
<p>What the user group didn’t know: That “new” OS was actually Windows Vista.  Less than three weeks after the testing, Microsoft has launched a massive image makeover marketing campaign.  Just today, August 2nd, I already have seen video from this user testing popping up in 300&#215;250 banners on webmaster forums.</p>
<p>I think this story has quite a things we, as web developers and internet marketers, can learn.  First, and foremost, a first impression is all most people need.  If a visitor comes to your site and has a terrible first experience, it makes it very hard to bring them back.  Even a company with the reputation of Microsoft can be killed by bad user experience and press. It’s vital that visitors have a great first impression when using your site.</p>
<p>Secondly, a pretty interface doesn’t make an application or website. Even the early releases of Vista look amazing.  The graphics, interface, and “look” of the system were much more impressive than XP.  But looks alone don’t make the package.  It lacked in usability, creating error messages and not having a standard navigation schema.  Users didn’t know if they were to click a button, an image, or text to complete their task.  It is important to create a standardized and intuitive interface, as well as nice looking, so that users can navigate your site or application.</p>
<p>Thirdly, it’s important to test, debug, and never launch something that isn’t prepared. Microsoft was feeling the heat from Apple and felt it was losing ground, so it rushed out Vista and ended up with a huge mess.  The same can be said for your websites and applications.  Spend the time testing and debugging.  You won’t get a second chance to make a great first impression.</p>
<p>And lastly, perception is reality.  Internet marketing is all about creating the allusion that your visitors need your project or service.  It’s about perseverance and finding a new way to present your ideas and products.  Microsoft taught us a valuable lesson:  Even a multi-billion dollar company might not get it right the first time.  It is important to understand that a new way of doing things, a new spin, a new name, new colors, new packaging:  All those things can affect your bottom line.  Don’t be afraid to try new things and never assume that they way you are doing things is the best way.  Always try new things, test your methods, and continue learning.</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F08%2F02%2Fwhat-we-can-learn-from-microsoft-mojave%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/08/02/what-we-can-learn-from-microsoft-mojave/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design and Development Tricks, Tools and Evaluation Techniques from Six Revisions dot Com</title>
		<link>http://www.reencoded.com/2008/05/05/web-design-and-development-tricks-tools-and-evaluation-techniques-from-six-revisions-dot-com/</link>
		<comments>http://www.reencoded.com/2008/05/05/web-design-and-development-tricks-tools-and-evaluation-techniques-from-six-revisions-dot-com/#comments</comments>
		<pubDate>Mon, 05 May 2008 23:38:45 +0000</pubDate>
		<dc:creator>McKenna Julilette</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Various]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://reencoded.com/2008/05/05/web-design-and-development-tricks-tools-and-evaluation-techniques-from-six-revisions-dot-com/</guid>
		<description><![CDATA[Six Revisions is a great website with wonderfully simplified collections of resources for web designers and developers. Just to highlight a few, here is a wonderful collection of 30 CSS Techniques and Examples that are certainly worth a bookmark or a link. Web designers and developers are, as a rule, often not particularly efficient &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://reencoded.com/wp-content/uploads/2008/05/6-revisions.jpg" alt="6-revisions.jpg" /></p>
<p><a href="http://sixrevisions.com/"  rel="nofollow">Six Revisions</a> is a great website with wonderfully simplified collections of resources for web designers and developers. Just to highlight a few, here is a wonderful collection of <a href="http://sixrevisions.com/css/30_css_techniques_examples"  rel="nofollow">30 CSS Techniques and Examples</a> that are certainly worth a bookmark or a link. Web designers and developers are, as a rule, often not particularly efficient &#8211; with that in mind here are <a href="http://sixrevisions.com/tools/20_web_development_tools/"  rel="nofollow">20 Tips and Tools to Improve Efficiency</a>. And for when you finish with a design, here are <a href="http://sixrevisions.com/tools/useful_web_analytics_tools"  rel="nofollow">7 Tools for Evaluating Your Web Design</a>.</p>
<script type="text/javascript">(function() {var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];s.type = 'text/javascript';s.async = true;s.src = 'http://widgets.digg.com/buttons.js';s1.parentNode.insertBefore(s, s1);})();</script><a href="http://digg.com/submit?url=http%3A%2F%2Fwww.reencoded.com%2F2008%2F05%2F05%2Fweb-design-and-development-tricks-tools-and-evaluation-techniques-from-six-revisions-dot-com%2F"class="DiggThisButton DiggCompact"   rel="nofollow"></a>]]></content:encoded>
			<wfw:commentRss>http://www.reencoded.com/2008/05/05/web-design-and-development-tricks-tools-and-evaluation-techniques-from-six-revisions-dot-com/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

