<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3.1" -->
<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/"
	>

<channel>
	<title>Website Design &#038; SEO Blog</title>
	<link>http://www.doublespark.co.uk/blog</link>
	<description>Web design Peterborough</description>
	<pubDate>Wed, 07 May 2008 15:26:26 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.1</generator>
	<language>en</language>
			<item>
		<title>Web Design Book Review: Don&#8217;t Make Me Think</title>
		<link>http://www.doublespark.co.uk/blog/web-design-book-review-dont-make-me-think/</link>
		<comments>http://www.doublespark.co.uk/blog/web-design-book-review-dont-make-me-think/#comments</comments>
		<pubDate>Wed, 07 May 2008 15:26:26 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Tools &amp; Resources]]></category>

		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/web-design-book-review-dont-make-me-think/</guid>
		<description><![CDATA[No I&#8217;m not trying to wiggle my way out of listing the best web design books. The post title is actually the title of one of the best web design books anyone can read - Don&#8217;t Make Me Think: A Common Sense Approach to Web Usability by Steve Krug.
The great thing about this book is [...]]]></description>
			<content:encoded><![CDATA[<p>No I&#8217;m not trying to wiggle my way out of listing the best web design books. The post title is actually the title of one of the best web design books anyone can read - <a href="http://www.sensible.com/buythebook.html" class="extlink">Don&#8217;t Make Me Think: A Common Sense Approach to Web Usability by Steve Krug</a>.</p>
<p>The great thing about this book is that the &#8220;common sense approach&#8221; is something that is understandable to everyone. Reading the book will benefit everyone from web designers to website owners who know nothing about web design. Those who have an advanced knowledge might not think they can learn more but might actually be pleasantly surprised at the enjoyment refreshing one&#8217;s &#8220;knowledge base&#8221; can bring. If you feel like you won&#8217;t learn anything new at the very least you&#8217;ll enjoy the book&#8217;s humour.</p>
<p>On the other hand, those who do not have any background on web design will find this book not too difficult to read since it doesn&#8217;t contain any code and presents usability concepts in a way that won&#8217;t stress your brains. If you don&#8217;t believe me just read the <a href="http://www.amazon.co.uk/Dont-Make-Think-Usability-Circle-Com/dp/customer-reviews/0789723107/ref=dp_top_cm_cr_acr_txt/026-2780977-9422806?ie=UTF8&amp;showViewpoints=1&amp;customer-reviews.start=1#customerReviews">glowing customer reviews on Amazon</a>.</p>
<p>A quick list of some of the things you&#8217;ll learn:</p>
<ul>
<li>First Law of Usability - Don&#8217;t make me think. Users want websites to be self-explanatory. They want things to be intuitive. Don&#8217;t make them think!</li>
<li>User habits such as the fact that most users do NOT&#8230;
<ul>
<li>read. Instead they simply scan pages so you should avoid being wordy.</li>
<li>take time to learn how things work.</li>
</ul>
</li>
<li>Simple usability tests; and</li>
<li> a whole lot more&#8230;</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/web-design-book-review-dont-make-me-think/feed/</wfw:commentRss>
		</item>
		<item>
		<title>More Typography Tips</title>
		<link>http://www.doublespark.co.uk/blog/more-typography-tips/</link>
		<comments>http://www.doublespark.co.uk/blog/more-typography-tips/#comments</comments>
		<pubDate>Mon, 05 May 2008 08:46:21 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/more-typography-tips/</guid>
		<description><![CDATA[
Alignment - Left-align the text. In rare cases you can right-align the text but remember that for body text left alignment is the easiest to read. If you are a fan of justifying the body text you should realise that although it is fine for books in monitors it is not that friendly since you [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><strong>Alignment</strong> - Left-align the text. In rare cases you can right-align the text but remember that for body text left alignment is the easiest to read. If you are a fan of justifying the body text you should realise that although it is fine for books in monitors it is not that friendly since you will be maximising the width of the column. The problem with this is that it is actually easier to read narrower columns than wider ones!</li>
<li><strong>Capitalisation</strong> - You might think that capitalising an entire line or even an entire paragraph is a good way to capture people&#8217;s attention. While you might get their attention the fact is that an entire line of capitalised letters is harder to read. The reason for this is that the letters are harder to tell apart since they are the same size. So if you want to provide emphasis it is better to stick with italicisation or capitalising just a word or two.</li>
<li><strong>Underlines</strong> - Avoid using fonts that have underlines or plain underlining a word or phrase. Since underlined text is often used to distinguish links people tend to click on underlined words, be it a link or not.</li>
<li><strong>Emphasis</strong> - As mentioned earlier you can use italics for emphasis. Another common thing done to emphasise text is by emboldening select words. Note though that whatever approach you take always remember to only emphasise words that really do need emphasis. Too much bold and italicised words can be distracting and end up making your site look more cluttered.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/more-typography-tips/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Typography Tips</title>
		<link>http://www.doublespark.co.uk/blog/typography-tips/</link>
		<comments>http://www.doublespark.co.uk/blog/typography-tips/#comments</comments>
		<pubDate>Sat, 03 May 2008 08:08:45 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/typography-tips/</guid>
		<description><![CDATA[Now that you know the three main factors that should be considered when choosing the approrpiate font for your website here&#8217;s a short list of things you should remember in order to make the wisest decision in font selection.

Appropriateness is the key - Remember there is no one perfect for a any website. When choosing [...]]]></description>
			<content:encoded><![CDATA[<p>Now that you know the three main factors that should be considered when choosing the approrpiate font for your website here&#8217;s a short list of things you should remember in order to make the wisest decision in font selection.</p>
<ul>
<li><em>Appropriateness is the key</em> - Remember there is no one perfect for a any website. When choosing fonts you do not have to find the perfect font all you need to do is choose the one you like best among the appropriate fonts.</li>
<li><em>Font size</em> - The size of the font is just as important as the type you choose. Stick with font sizes that are readable. You can use different font sizes but do not use too many sizes. Three different font sizes is enough to distinguish between main heading, subheading, and body text.</li>
<li><em>Spacing </em>- Always make sure there&#8217;s enough line spacing so that you wouldn&#8217;t waste all the effort you put into choosing a good font. Make sure that there&#8217;s a larger space between headlines than the usual line spacing. This is done to make the headline stand out even more allowing the visitor to see what the website has in store with just a single glance.</li>
<li><em>Mixing and matching</em> - You do not have to stick to one font type. You can mix and match typefaces. However, make sure that the typefaces you choose blend well together and give an appearance of consistency.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/typography-tips/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Typography: Choosing Fonts Part 3</title>
		<link>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-3/</link>
		<comments>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-3/#comments</comments>
		<pubDate>Thu, 01 May 2008 07:22:35 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-3/</guid>
		<description><![CDATA[The third thing that should be considered is the level of formality that is appropriate to your website. Obviously the nature of the website will again determine this level of formality. However, note that even for websites with the same topic or theme the level of formality can differ depending on your vision.
For example sites [...]]]></description>
			<content:encoded><![CDATA[<p>The third thing that should be considered is the level of formality that is appropriate to your website. Obviously the nature of the website will again determine this level of formality. However, note that even for websites with the same topic or theme the level of formality can differ depending on your vision.</p>
<p>For example sites A and B can both be a an online resource for pet owners, however site A&#8217;s goal is to be interactive and fun while site B&#8217;s goal is to provide in-depth organised and technical information. Because of this site A should use fonts that exudes a more casual feel while site B should use fonts that are more traditional.</p>
<p>Note that the &#8220;feeling&#8221; conveyed by a site and the level of formality are often interchanged but still differ in that they can have the same level of formality but have a different tone or vice versa.</p>
<p>For example sites X and Y both want a cheerful feel but since site X&#8217;s target audience are kids while site Y&#8217;s target audience are elderly then you can be sure that site X will have a more casual feel than site Y.</p>
<p>On the other hand companies QWE and RTY both want formal/traditional websites, however, since QWE deals with the mortuary business while RTY deals with family planning toys then obviously site RTY will have a lighter feel than the more somber QWE site, which in turn will definitely affect the choice of font to be used as well as the presentation of the fonts.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-3/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Typography: Choosing Fonts Part 2</title>
		<link>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-2/</link>
		<comments>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-2/#comments</comments>
		<pubDate>Tue, 29 Apr 2008 04:23:13 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-2/</guid>
		<description><![CDATA[The font used is important because it helps form a visitor&#8217;s first impression of the website. Because of this you want to convey the right feeling during the very first seconds simply by having chosen an engaging type face and by presenting it in the way you want your website to be perceived. Note that [...]]]></description>
			<content:encoded><![CDATA[<p>The font used is important because it helps form a visitor&#8217;s first impression of the website. Because of this you want to convey the right feeling during the very first seconds simply by having chosen an engaging type face and by presenting it in the way you want your website to be perceived. Note that the choice of colour for the fonts is very important because colour is very good at hitting people in the subconcious level.</p>
<p>As an example if you look at the <a href="http://simplythebest.net/fonts/typewriter_fonts.html" class="extlink">typewriter fonts listed in Simply the Best Fonts</a> you will see that each font gives a more traditional feel. However, due to the colour and the size of each font the feel differs greatly. The <a href="http://simplythebest.net/fonts/fonts/hammerkeys.html" class="extlink">Hammerkeys font</a> really makes you feel like you&#8217;re reading an old novel, while the <a href="http://simplythebest.net/fonts/fonts/teletype.html" class="extlink">Teletype font</a> still feels like a novel but a more recently published one. Hence, the type of font you use can affect a person&#8217;s impression of how old the contents are, how serious, and even hint at the actual topic (see <a href="http://simplythebest.net/fonts/gothic_fonts.html" class="extlink">Gothic Fonts</a>).</p>
<p>Another good example would be the <a href="http://simplythebest.net/fonts/fonts/creeper.html" class="extlink">Creeper font</a>, a liquid horror font. It is obviously can obviously be used for any halloween-themed sites but you can tweak the &#8220;scariness factor&#8221; by simply changing the colour. Keeping the font a deep blood red will make it look scary of course but changing the colour to a soft pink or sky blue will lessen the effect.</p>
<p>Just for fun try tweaking the colours and sizes of different fonts. You&#8217;ll find that you&#8217;ll learn a lot about choosing an appropriate one to convey/reflect the feeling you want.</p>
<p>to be continued&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-2/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Typography: Choosing Fonts Part 1</title>
		<link>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-1/</link>
		<comments>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-1/#comments</comments>
		<pubDate>Sun, 27 Apr 2008 22:34:59 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-1/</guid>
		<description><![CDATA[In choosing a font for a website you should consider three things:

the purpose of the font;
the feeling you wish to convey; and
the level of formality you need.

As mentioned in the previous post the purpose will determine the appropriate type, size and colour to use. Ask yourself will the font be used to showcase the body [...]]]></description>
			<content:encoded><![CDATA[<p>In choosing a font for a website you should consider three things:</p>
<ul>
<li>the purpose of the font;</li>
<li>the feeling you wish to convey; and</li>
<li>the level of formality you need.</li>
</ul>
<p>As mentioned in the previous post the purpose will determine the appropriate type, size and colour to use. Ask yourself will the font be used to showcase the body or will it be used for headings and other display features.</p>
<p>If the font will be used for the body text you will need to use clean simple fonts that are easy on the eye. The purpose of the font for the body text is to make it very readable. The recommended font size is usually 11 point although depending on the type you can use anything from 9 to 12 point. Again, remember that if your audience consists of the elderly make sure you use a big font size (12 to 14 point). It would also be a good idea to provide a way to change the font size easily.</p>
<p>If the font will be used for headings and other display features you will be needing bigger font sizes. You can also emphasise the heading by using a different colour for the font or even a different background colour to make the heading pop out. You can use the same font used in the body text to get a more consistent feel or you can opt for a fancier font. The choice for this will depend on the next two factors that will be discussed in the succeeding posts on choosing fonts.</p>
<p>to be continued&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/typography-choosing-fonts-part-1/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Typography: Purpose of Type</title>
		<link>http://www.doublespark.co.uk/blog/typography-purpose-of-type/</link>
		<comments>http://www.doublespark.co.uk/blog/typography-purpose-of-type/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 12:51:42 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/typography-purpose-of-type/</guid>
		<description><![CDATA[To be able to determine which type to use you have to first remember the reason why you need to choose an appropriate type. The very basic purpose of font types is to draw attention to the text. That being said the font type should be chosen so as to present the text best making [...]]]></description>
			<content:encoded><![CDATA[<p>To be able to determine which type to use you have to first remember the reason why you need to choose an appropriate type. The very basic purpose of font types is to draw attention to the text. That being said the font type should be chosen so as to present the text best making sure it doesn&#8217;t fade into the background but at the same time making sure that it does not overpower the text. This means no ornate letters and no screaming colours.</p>
<p>Another important thing to remember is that it exists to make the text readable. This means that you should never choosy a pretty or cool text if it is hard to read. Spacing between letters and lines comes into consideration as well because even if the type used has clean lines tightly packed letters are harder to reader. This also implies using the appropriate font size. If your target audience are older you should use bigger font sizes regardless of the typeface you use.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/typography-purpose-of-type/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Typography: The Importance of Type</title>
		<link>http://www.doublespark.co.uk/blog/typography-the-importance-of-type/</link>
		<comments>http://www.doublespark.co.uk/blog/typography-the-importance-of-type/#comments</comments>
		<pubDate>Wed, 23 Apr 2008 12:32:02 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/typography-the-importance-of-type/</guid>
		<description><![CDATA[When designing a website many graphics designer settle on a font type with only aesthetics as their only consideration. In fact, in some cases, when a client asks for a specific font type web designers agree to use that type even if it is not the best option. In this series on typography I will [...]]]></description>
			<content:encoded><![CDATA[<p>When designing a website many graphics designer settle on a font type with only aesthetics as their only consideration. In fact, in some cases, when a client asks for a specific font type web designers agree to use that type even if it is not the best option. In this series on typography I will be discussing not only the importance of paying attention the font type used but also the reason why they are important as well as ways to determine which type would work best for the website being designed.</p>
<p>When scanning a website or even reading a book the type is actually very important because even though readers rarely consciously notice the typeface used subconsciously it affects the reading experience. It is not only the actual words that speaks to the reader but also the typeface. In spoken communication it could be likened to body language. This includes not only the font type but also the size and the color used.</p>
<p>Notice that if you visit a website you automatically form an impression depending on the type used. Curvy scripts are associated with femininity, types with clean lines appear professional, big fonts appeal to the younger audience as well as seniors, etc. Choosing an appropriate typeface is very important to give a good first impression to your target audience. Choosing the wrong font will not only lessen the appeal of your site but can also make them question your credibility. So if you haven&#8217;t been putting emphasis on the type in your site now is the time to take a good look and find the one that&#8217;s optimal for your site.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/typography-the-importance-of-type/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Mobile Web Design Tips Part 3</title>
		<link>http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-3/</link>
		<comments>http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-3/#comments</comments>
		<pubDate>Thu, 17 Apr 2008 02:23:09 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Usability]]></category>

		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-3/</guid>
		<description><![CDATA[
Allow misspellings in search - It is harder to type using the small keyboards found in mobile devices resulting in more typo errors made by mobile users. Because of this you should make sure that if your mobile site has a search function you should factor in incorrect spellings so that users can easily find [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><strong>Allow misspellings in search</strong> - It is harder to type using the small keyboards found in mobile devices resulting in more typo errors made by mobile users. Because of this you should make sure that if your mobile site has a search function you should factor in incorrect spellings so that users can easily find the information they need even with a bunch of typo errors.</li>
<li><strong>Place basic navigational elements in the page</strong> - Examples of basic elements that you should provide would be a &#8220;Back to top/homepage&#8221; link, a &#8220;Next Page&#8221; link, or &#8220;New search&#8221;. This way once the user has finished browsing through the page he she can easily go back or go forward without having to scroll back up.</li>
<li><strong>Test. Test. and Test</strong> - In the end even if you do follow these tips but do not test the mobile site before launching it chances are your users will find a critical bug or two. So make sure you debug and do user testing to make the needed changes before the site is launched.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-3/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Mobile Web Design Tips Part 2</title>
		<link>http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-2/</link>
		<comments>http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-2/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 21:04:56 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
		
		<category><![CDATA[Usability]]></category>

		<category><![CDATA[Website Design]]></category>

		<guid isPermaLink="false">http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-2/</guid>
		<description><![CDATA[
Highlight selected items - Navigating through a mobile site is usually not as easy as doing so in a normal website on your PC. One reason for this is that unlike with PCs where you can easily tell where your mouse is, allowing you to simply hover and click with ease, cursor control in mobile [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><strong>Highlight selected items</strong> - Navigating through a mobile site is usually not as easy as doing so in a normal website on your PC. One reason for this is that unlike with PCs where you can easily tell where your mouse is, allowing you to simply hover and click with ease, cursor control in mobile devices is not as easy. It often leads to confusion resulting in irritating wrong clicks. To help users avoid this problem make sure you provide a way for them to determine where they are at the mobile site page. You can do this by highlighting the part of the page where the cursor is currently pointing. For this very same reason it is usually good practice to make the background colour of the mobile site white so that whatever colour you choose to highlight items you can be sure that the item will stand out.</li>
<li><strong>Minimise user input</strong> - Users will need to type in information at one point or another but make sure you help them out by minimising the occurences where they will need to provide information by typing. Instead give them a list of options where they can choose an answer or narrow down their queries whenever possible. When doing this, however, make sure that you don&#8217;t end up giving them a long long list of links to browse through. This will only be effective if you give them a several choices and then giving them the option to search if they still need to narrow things down.</li>
</ul>
<p>to be continued&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.doublespark.co.uk/blog/mobile-web-design-tips-part-2/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
