<?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>Web Designer Freelancer &#124; Design, Website Interface, PSD to Wordpress themes, SEO &#124; Tiago Araújo</title>
	<atom:link href="http://tiagoaraujo.com/wp/feed/" rel="self" type="application/rss+xml" />
	<link>http://tiagoaraujo.com/wp</link>
	<description>Designer, Front-end Developer and UX Specialist</description>
	<lastBuildDate>Wed, 11 Jan 2012 15:43:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Should the navigation menu be on the left or right side?</title>
		<link>http://tiagoaraujo.com/wp/should-the-navigation-menu-be-on-the-left-or-right-side/</link>
		<comments>http://tiagoaraujo.com/wp/should-the-navigation-menu-be-on-the-left-or-right-side/#comments</comments>
		<pubDate>Mon, 22 Aug 2011 13:11:57 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Navigation menu]]></category>
		<category><![CDATA[Sidebar]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=345</guid>
		<description><![CDATA[This question was raised by my colleague Rebecca at SSW and our SEO expert gave this great explanation: There’s no generally accepted correct answer to this… both are fine. However, here’s what it usually gravitate to: Left hand side for &#8230; <a href="http://tiagoaraujo.com/wp/should-the-navigation-menu-be-on-the-left-or-right-side/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This question was raised by my colleague Rebecca at <a href="http://www.ssw.com.au">SSW</a> and our SEO expert gave this great explanation:</p>
<p>There’s no generally accepted correct answer to this… both are fine.</p>
<p>However, here’s what it usually gravitate to:</p>
<ul>
<li>Left hand side for sub-topics of a current page (e.g. if you had a product page which had sub-pages about each particular feature of that product)</li>
<li>Right hand side for unorganized navigation (e.g. on a blog where the right hand side bar has links to categories, ads, archives, text snippets, etc)</li>
</ul>
<p>Or summarized: people generally look to the left for more detail about what they are on, and look to the right for options about where else to go.</p>
<p>If you are stuck with this, answer is: don’t worry too much about it. Often the design itself will look better (more usable) one way than the other, in that case go with it.</p>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/should-the-navigation-menu-be-on-the-left-or-right-side/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>To justify or not to justify?</title>
		<link>http://tiagoaraujo.com/wp/to-justify-or-not-to-justify/</link>
		<comments>http://tiagoaraujo.com/wp/to-justify-or-not-to-justify/#comments</comments>
		<pubDate>Fri, 24 Jun 2011 15:39:58 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Justify]]></category>
		<category><![CDATA[Readability]]></category>
		<category><![CDATA[Text]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=356</guid>
		<description><![CDATA[This question was raised by a developer to SSW designers. The best answer (from Tristan) is: Justification is a personal preference. It is well alive today and the original use of justified text comes from none other than designers themselves. &#8230; <a href="http://tiagoaraujo.com/wp/to-justify-or-not-to-justify/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This question was raised by a developer to <a title="SSW" href="http://www.ssw.com.au">SSW</a> designers. The best answer (from Tristan) is:</p>
<p>Justification is a personal preference. It is well alive today and the original use of justified text comes from none other than designers themselves.</p>
<p>Perhaps you’ve been hearing that justified text can cause readability issues because excessive gaps between words produces ‘rivers’ inside the paragraph. This is most likely happen to narrow paragraphs. So the real issue is <strong>badly justified text</strong>, not justification itself. The risk can be reduced by using hyphenation but in web/UI design it’s very rare for designers to have such granular level of control.</p>
<p>Avoiding justified text won’t automatically make the text readable either. To significantly improve readability, designers need to pay attention to line length (also known as <em>measure</em>), text size and  line height.</p>
<p>It’s OK to consider justified text if:</p>
<ul>
<li>The paragraph has a comfortable measure (typically 45 -75 characters)</li>
<li>The paragraph is narrow but the designer have full control over the text copy</li>
<li>Achieving geometric shape on the paragraph is critical</li>
</ul>
<p>Don’t justify text if:</p>
<ul>
<li>You don’t have control over text measure.</li>
<li>You don’t intend to hyphenate</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/to-justify-or-not-to-justify/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to improve your web copy-writing?</title>
		<link>http://tiagoaraujo.com/wp/how-to-improve-your-web-copy-writing/</link>
		<comments>http://tiagoaraujo.com/wp/how-to-improve-your-web-copy-writing/#comments</comments>
		<pubDate>Mon, 20 Dec 2010 12:26:29 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[Copy-writing]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=331</guid>
		<description><![CDATA[(I received this information from Tristan a while ago and found it so good it should be published.) Focusing on our main goal to provide a nice experience for website users, I&#8217;d like to point out the importance of effective &#8230; <a href="http://tiagoaraujo.com/wp/how-to-improve-your-web-copy-writing/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>(I received this information from Tristan a while ago and found it so good it should be published.)</p>
<p>Focusing on our main goal to provide a nice experience for website users, I&#8217;d like to point out the importance of effective copy writing for web audience.</p>
<p>Writing for web requires a different approach to writing for a print material or spoken words considering:</p>
<ul>
<li>Users don’t read, they scan (read <a href="http://www.sensible.com/chapter.html">http://www.sensible.com/chapter.html</a>)</li>
<li>Web users are active, not passive</li>
<li>Reading on computer screens is about 25% slower than reading on paper</li>
<li>The longer the text, the less likely they are to read it – and the faster they’ll skim it.</li>
<li>Web users don’t believe hype, thus promotional writing has little to no effect on users.</li>
<li>Users choose the first reasonable option, not the best option.</li>
</ul>
<h4>Examples</h4>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th width="319" valign="top"><strong>Bad</strong></th>
<th width="319" valign="top"><strong>Good</strong></th>
</tr>
<tr>
<td width="319" valign="top">Nebraska is filled with   internationally recognized attractions that draw large crowds of people every   year, without fail. In 1996, some of the most popular places were Fort   Robinson State Park (355,000 visitors), Scotts Bluff National Monument   (132,166), Arbor Lodge State Historical Park &amp; Museum (100,000), <a href="http://www.useit.com/papers/webwriting/studyfiles/travelnebraska/promotional/carhenge.html">Carhenge</a> (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill   Ranch State Historical Park (28,446).</td>
<td width="319" valign="top">In 1996, six of the best-attended   attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National   Monument, Arbor Lodge State Historical Park &amp; Museum, <a href="http://www.useit.com/papers/webwriting/studyfiles/travelnebraska/concise/carhenge.html">Carhenge</a>, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical   Park.</td>
</tr>
<tr>
<td width="319" valign="top">Our expert sales associates provide just-in-time solutions for today’s real-time executive</td>
<td width="319" valign="top">We provide answers quickly</td>
</tr>
</tbody>
</table>
<p>As general guidelines:</p>
<ul>
<li><strong>Keep most copy short</strong><br />
Write no more than 50% of the text you would have used in a hardcopy publication. Don&#8217;t add long copy to any page where your visitors aren&#8217;t looking for it.</li>
<li><strong>Keep short copy simple</strong><br />
The complexity of the copy matters as much as its length. Typically, you can convey one key idea effectively in one or two lines. Selecting the first 2 words for your page titles is probably the highest-impact ROI-boosting design decision you make in a Web project.</li>
<li><strong>Write for scannability</strong><br />
Users tend not to read streams of text fully. Instead, users scan text and pick out keywords, sentences, and paragraphs of interest while skipping over those parts of the text they care less about. Skimming instead of reading is a fact of the Web and has been confirmed by countless usability studies.</li>
<li><strong>Organize longer copy effectively</strong><br />
Don&#8217;t assume readers will read longer pieces of text in their entirety — write the copy so that readers can skim it and read only the parts they&#8217;re interested in.</li>
<li><strong>Make it lively<br />
</strong>Write vividly and aim for a light, unassuming tone of voice. It takes a little while for boring or overbearing copy to affect a reader, but once it does, practically nothing you say with it will get through. Promotional language imposes a cognitive burden on users who have to spend resources on filtering out the hyperbole to get at the facts.</li>
</ul>
<p>More information can be found in <a href="http://www.useit.com/papers/webwriting/">Jacob Nielsen’s Usability articles on writing for the web</a>. My favorites are:</p>
<ul>
<li><a href="http://www.useit.com/alertbox/9710a.html">How Users Read on the Web</a></li>
<li><a href="http://www.useit.com/alertbox/print-vs-online-content.html">Writing Style for Print vs Web</a></li>
<li><a href="http://www.useit.com/alertbox/percent-text-read.html">How Little Do Users read</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/how-to-improve-your-web-copy-writing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to customize the Search icon in SharePoint 2010?</title>
		<link>http://tiagoaraujo.com/wp/how-to-customize-the-search-icon-in-sharepoint-2010/</link>
		<comments>http://tiagoaraujo.com/wp/how-to-customize-the-search-icon-in-sharepoint-2010/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 00:43:55 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[SharePoint]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=268</guid>
		<description><![CDATA[If you have a look at the master page, you will find out that the “search” icon is generated by the following SharePoint control: &#60;SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" /&#62; You will also notice that the actual icon is not specified so &#8230; <a href="http://tiagoaraujo.com/wp/how-to-customize-the-search-icon-in-sharepoint-2010/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>If you have a look at the master page, you will find out that the “search” icon is generated by the following SharePoint control:</p>
<pre>&#60;SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" /&#62;</pre>
<p>You will also notice that the actual icon is not specified so you won’t be able to change it there.</p>
<p>Designers are tempted change the base image files on the server and replacing them with your own custom ones. Overwriting the base images is bad, because you might need them on other project using the same server. Alternatively, you can use only CSS to achieve the same custom design on your SharePoint application.</p>
<p>All you have to do is to upload your custom image to the folder where you place the other images you call via CSS and add the following code on your stylesheet:</p>
<pre>td.ms-sbgo {
background-color: transparent;
padding: 0 3px;
border: none;
}
td.ms-sbgo a {
padding: 0 !important;
margin: 0 !important;
}
td.ms-sbgo a img{
visibility: hidden;
}</pre>
<p>This will remove the default image. Now you need to add yours as a background:</p>
<pre>td.ms-sbgo a{
background-image: url(/_layouts/images/yourfolder/yourimage.gif);
background-repeat: no-repeat;
background-position: top left;
width: 17px;
height: 17px;
display: block;
}</pre>
<p>You will just need to change the folder and image names, and the height and width of the image to be specific to you and you will have a nice looking customized search icon.</p>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/how-to-customize-the-search-icon-in-sharepoint-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hyperlinks &#8211; A lesson to Microsoft</title>
		<link>http://tiagoaraujo.com/wp/hyperlinks-a-lesson-to-microsoft/</link>
		<comments>http://tiagoaraujo.com/wp/hyperlinks-a-lesson-to-microsoft/#comments</comments>
		<pubDate>Mon, 25 Oct 2010 23:11:03 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[Rules]]></category>
		<category><![CDATA[Best Practices]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=183</guid>
		<description><![CDATA[I have just posted Windows Live Space is migrating to WordPress, telling the great news (for Live Space users) I got recently. However, I couldn&#8217;t help to notice a very bad practice &#8211; which wasn&#8217;t a surprise, to be honest &#8230; <a href="http://tiagoaraujo.com/wp/hyperlinks-a-lesson-to-microsoft/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I have just posted <a rel="next" href="../windows-live-space-is-migrating-to-wordpress/">Windows Live Space is migrating to WordPress</a>, telling the great news (for Live Space users) I got recently.<br />
However, I couldn&#8217;t help to notice a very bad practice &#8211; which wasn&#8217;t a surprise, to be honest &#8211; on this announcement newsletter: Using underline for text that is not a link.</p>
<p>One of the many nice things <a href="http://sharepoint.ssw.com.au/AboutUs/Employees/Pages/Adam.aspx" target="_blank">Adam Cogan</a> taught me is the importance of consistency. And the way he does that is by creating rules on pretty much everything developers/designers can do wrong.<br />
Microsoft guys, here is the rule you should follow in this case: <a href="http://www.ssw.com.au/ssw/Standards/Rules/RulesToBetterWebsitesNavigation.aspx#DontUseUnderlines" target="_blank">Do you use underlines only on links?</a></p>
<div id="attachment_184" class="wp-caption alignnone" style="width: 478px"><a href="http://tiagoaraujo.com/wp/wp-content/uploads/2010/10/are-these-links.jpg"><img class="size-full wp-image-184" title="Are these links?" src="http://tiagoaraujo.com/wp/wp-content/uploads/2010/10/are-these-links.jpg" alt="Are these links?" width="468" height="321" /></a><p class="wp-caption-text">I naturally expected the underlines to be click-able.</p></div>
<p>The lesson: <strong>Don&#8217;t underline texts that aren&#8217;t hyperlinks.</strong></p>
<p>Sounds contradictory, but the same newsletter creator got it right on their actual links, by making it stand out from the rest of the text, as you can see above on the blue underlined text: Anyone can clearly identify it is a hyperlink, what is not true for the other underlined texts.</p>
<p>Going further on this, I would say that the whole sentence &#8220;Go to your Space&#8221; should be the link, but this is another story&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/hyperlinks-a-lesson-to-microsoft/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Windows Live Space is migrating to WordPress</title>
		<link>http://tiagoaraujo.com/wp/windows-live-space-is-migrating-to-wordpress/</link>
		<comments>http://tiagoaraujo.com/wp/windows-live-space-is-migrating-to-wordpress/#comments</comments>
		<pubDate>Mon, 25 Oct 2010 22:52:40 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Windows Live Space]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=176</guid>
		<description><![CDATA[This morning I received a newsletter from Microsoft informing that Windows Live Space customers will have their accounts closed on March 2011. I don&#8217;t personally know anyone that uses it, and I don&#8217;t have a clue how powerful this tool &#8230; <a href="http://tiagoaraujo.com/wp/windows-live-space-is-migrating-to-wordpress/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>This morning I received a newsletter from Microsoft informing that Windows Live Space customers will have their accounts closed on March 2011. I don&#8217;t personally know anyone that uses it, and I don&#8217;t have a clue how powerful this tool is&#8230; judging by other Microsoft online products, it must be terrible. Sorry about that, but I suddenly remembered trying to find an email on Hotmail.</p>
<p>Anyway, I am sure it is great news for the ones that do use Windows Live Space, that their team will help them migrating to WordPress.</p>
<p>I quote here the reason this is happening:</p>
<blockquote><p>Our customers have asked for richer blog functionality including an integrated statistics system, continuous saving of drafts and improvements to spam-fighting technology. To deliver the best possible blogging experience, we are collaborating with WordPress.com to provide their free service to you. For those of you that already have a blog on Windows Live Spaces, we will make it easier for you to get started while helping you move what you&#8217;ve already built up on Spaces.</p></blockquote>
<div id="attachment_177" class="wp-caption alignnone" style="width: 606px"><a href="http://tiagoaraujo.com/wp/wp-content/uploads/2010/10/Windows-Live-Space-migrate-to-WordPress.jpg"><img class="size-full wp-image-177 " title="Windows Live Space migrate to WordPress newsletter screenshot" src="http://tiagoaraujo.com/wp/wp-content/uploads/2010/10/Windows-Live-Space-migrate-to-WordPress.jpg" alt="Windows Live Space migrate to WordPress newsletter screenshot" width="596" height="254" /></a><p class="wp-caption-text">Windows Live Space migrate to WordPress newsletter screenshot</p></div>
<p>They say people would be able to easily migrate pretty much everything from Live Space, apart from gadgets, guestbook, lists, notes and draft posts. I am sure those who complete this migration will have a complete new experience in blogging.</p>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/windows-live-space-is-migrating-to-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to change WordPress pages titles?</title>
		<link>http://tiagoaraujo.com/wp/how-to-change-wordpress-pages-titles/</link>
		<comments>http://tiagoaraujo.com/wp/how-to-change-wordpress-pages-titles/#comments</comments>
		<pubDate>Mon, 25 Oct 2010 06:10:33 +0000</pubDate>
		<dc:creator>Tiago Araújo</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://tiagoaraujo.com/wp/?p=173</guid>
		<description><![CDATA[Today I have installed a WordPress plugin called SEO Title Tag. It is made to provide you control over the titles of the internal pages on a WordPress website, which by default follow this structure: &#8220;Page Title &#124; Website Title&#8220;. &#8230; <a href="http://tiagoaraujo.com/wp/how-to-change-wordpress-pages-titles/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Today I have installed a WordPress plugin called <a href="http://wordpress.org/extend/plugins/seo-title-tag/installation/">SEO Title Tag</a>. It is made to provide you control over the titles of the internal pages on a WordPress website, which by default follow this structure: &#8220;<strong>Page Title | Website Title</strong>&#8220;.</p>
<p>If you know a little about Search Engine Optimization, you know the weight page titles have on searches. It is also known that search engines give more importance to the first part of the title, so it is a waste to use that valuable few words repeating the name of your blog on page after page. More than that, browsers and web services like <a href="http://www.delicious.com/">Delicious</a> use the title tag to figure out how to name your page/post once you have saved it.</p>
<p>SEO Title Tag lets you create title tags within WordPress that are completely different from your post titles. This is important because the role played by your post title is sometimes in conflict with the goal of a title tag. Of course you won&#8217;t need to customize every single post title, but I suggest to do so on each page.</p>
<p>The plugin is free and easy to install as usual when talking about WordPress. A really nice tool for blog entries where you want a special post title for readers and most important, a powerful keyword-rich title tag provider for search engines.</p>
]]></content:encoded>
			<wfw:commentRss>http://tiagoaraujo.com/wp/how-to-change-wordpress-pages-titles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

