<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Web design</title>
  <subtitle>Anything related to actually designing websites: HTML/CSS/PHP/etc development, graphical design and so forth.</subtitle>
  <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/topics/web-design"/>
  <link rel="self" type="application/atom+xml" href="http://www.improvetheweb.com/taxonomy/term/5/atom/feed"/>
  <id>http://www.improvetheweb.com/taxonomy/term/5/atom/feed</id>
  <updated>2007-05-09T08:09:23-05:00</updated>
  <entry>
    <title>Use the Three Lines of Code to Boost Your Search Engine Traffic</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/use-three-lines-code-boost-search-engine-traffic" />
    <id>http://www.improvetheweb.com/use-three-lines-code-boost-search-engine-traffic</id>
    <published>2007-08-19T23:10:56-05:00</published>
    <updated>2007-10-11T10:18:41-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>In the world of Web building, an opportunity to develop/code something quickly is a rare occasion. Mostly, you need to spend hours on research, planning and implementation (unless you code with CSS ;) ).</p>
<p>Here's yet another thing you can do in a couple of minutes to help search engines index your site better, so you could get more traffic within a week or two by 5-15%.</p>
<h2>Canonicalization Issues</h2>
<p>- "What?"<br />
- "Ca-no-ni-ca-lization/canon-ica-lization/canonic-a-liz-ation issues."</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>In the world of Web building, an opportunity to develop/code something quickly is a rare occasion. Mostly, you need to spend hours on research, planning and implementation (unless you code with CSS ;) ).</p>
<p>Here's yet another thing you can do in a couple of minutes to help search engines index your site better, so you could get more traffic within a week or two by 5-15%.</p>
<h2>Canonicalization Issues</h2>
<p>- "What?"<br />
- "Ca-no-ni-ca-lization/canon-ica-lization/canonic-a-liz-ation issues."</p>
<p>It is when your website can be accessed with www and without www in front of it (such as improvetheweb.com and <a href="http://www.improvetheweb.com" title="www.improvetheweb.com">www.improvetheweb.com</a>) and you, the visitors and the search engines are not redirected to only one version.</p>
<p>To the visitors, this doesn't matter a lot, unless they prefer to identify website addresses with 'www' or without (there are pros and cons of either approach).</p>
<p>The issue is that for the search engines, both versions are two different versions of the website, because the search engines index URLs, not websites as a whole.</p>
<h2>Why is it a problem?</h2>
<p>As the search engines see two websites, the number of pages with the same content doubles. As your visitors link to either of the versions randomly, both of them will have average amount of links.</p>
<p>Of course, the search engines will show one of the versions, but they will only count links that point to one of the versions, to which a specific page belongs to.</p>
<p>For example, if the page is <a href="http://improvetheweb.com/overdeliver" title="http://improvetheweb.com/overdeliver">http://improvetheweb.com/overdeliver</a>, the search engines will count links that point to this page - most likely from the <a href="http://improvetheweb.com" title="http://improvetheweb.com">http://improvetheweb.com</a> domain and sites that linked to that URL.</p>
<p>For the search engines to take into account all the links that point to your website (such as <a href="http://www.improvetheweb.com" title="http://www.improvetheweb.com">http://www.improvetheweb.com</a> and <a href="http://improvetheweb.com" title="http://improvetheweb.com">http://improvetheweb.com</a>), you need to redirect visitors and the search engines from one version to another.</p>
<p>Thus, the search engines won't be taking into account all your naturally acquired links and won't be showing your pages high in the SERPs as they rightfully deserve.</p>
<h2>Why redirect?</h2>
<p>By redirect the search engines to only one version of the site, we confirm their suspicion that we only have only one version of the website (not two different sites with similar content).</p>
<p>This way, they treat links to both www and non-www versions as links to one website and thus, which ever version you redirect to, gets a boost of incoming link value from the redirected version.</p>
<p>That's why you'll get more visitors from the search engines, which will lead to more customers, links and <strong>profit within a week or two</strong> (Google, others may be slower) by 10-15% (the speed relates to how fast the search engines react to the redirect and whether the version you redirect to is fully indexed).</p>
<p>If the version you are redirecting to is not indexed for one reason or another (except outright ban), you'll need to wait while Google and other SEs index the site and start taking all links into account.</p>
<p>This may take a week more or longer, depending on how large your site is. In this case, and if the version you are redirecting from is stronger (has more links), you may notice a slight drop of traffic, which will later return to normal and start increasing.</p>
<p>Even though the search engines tell us only to do what is right for the visitors and <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=35769#quality">want us to ask ourselves</a> "would I do it if the search engines didn't exist?", this particular improvement is designed to specifically help the search engines understand how our website works, also bringing more search engine visitors to the website.</p>
<h2>So what to do?</h2>
<p>Naturally, you need to only have one version by redirecting one of the site versions to another.</p>
<p>If you want a shorter domain and your customers will be able to memorize and identify your address with the web, then you can go without www.</p>
<p>However, if you want to make it clear that the address belongs to the Web, use the www version.</p>
<p><a href="http://www.cre8asiteforums.com/forums/index.php?showtopic=49317">Opinions split</a> on which one to use, really.</p>
<p>To redirect from one version to another, you either need to edit your httpd.conf file, if you use a dedicated server, or update your .htaccess file in the root of the domain.</p>
<h3>Edit httpd.conf of Apache configuration</h3>
<p><a href="http://www.highrankings.com/forum/index.php?showtopic=5644&amp;view=findpost&amp;p=60989">Ron Carnell suggests</a> using two blocks in the httpd.conf file:<br />
<code>&lsaquo;VirtualHost 192.xxx.xxx.xxx><br />
ServerName domain.com<br />
DocumentRoot /home/domain/www<br />
&lsaquo;/VirtualHost></code></p>
<p><code>&lsaquo;VirtualHost 192.xxx.xxx.xxx><br />
ServerName <a href="http://www.domain.com" title="www.domain.com">www.domain.com</a><br />
Redirect 301 / <a href="http://domain.com/" title="http://domain.com/">http://domain.com/</a><br />
&lsaquo;/VirtualHost></code></p>
<p>Basically, you only need to insert the correctly tweaked code in the corresponding part of your httpd.conf file (make sure you back it up first).</p>
<p>Please note that if you go this route, you'll need to tweak both parts, if one of the details changes.</p>
<p>If you are not familiar with the terminology and the whole process of fiddling with the Apache server, you'd rather designate this to your web admin.</p>
<p>If you read what Ron Carnell has said about this issue (you really should), you'll gain more insight why and how this is done.</p>
<h3>Edit .htaccess in the domain root</h3>
<p>But if you don't control the server, you can use the three lines of code:</p>
<p><strong>How to redirect to www from non-www version</strong>:</p>
<p><code>RewriteEngine On<br />
RewriteCond %{HTTP_HOST} ^yourdomain\.com [nc]<br />
RewriteRule (.*) http://www.yourdomain.com/$1 [R=301,L]</code></p>
<p>(replace yourdomain.com with your domain)</p>
<p><strong>How to redirect from www version to non-www version</strong>:</p>
<p><code>RewriteEngine On<br />
RewriteCond %{HTTP_HOST}  !^yourdomain\.com [nc]<br />
RewriteRule (.*) http://yourdomain.com/$1 [R=301,L]</code></p>
<p>(replace yourdomain.com with your domain)</p>
<p><strong>Note</strong>: using .htaccess adds overhead to the server, since it'll be processed on every request to the server. However, large websites are bound to use dedicated servers, so it is pretty smooth here.</p>
<p>The .htaccess file is a file named .htaccess in the root of your domain. It has various directives used to tweak server performance. You can edit it, insert the corresponding three lines of code at the top of it (change yourdomain.com to your domain) and upload it back to the server.</p>
<p>To test this, you'll need to refresh the page in the browser. If everything loads fine and you can go from one version to another by entering the redirected URL, it works.</p>
<p>If you get a 503 error, you need to make sure you have inserted the code correctly. If you can't do this after repeated attempts, remove your edition to let the server work again and contact a professional.</p>
<p>You can also read a <a href="http://httpd.apache.org/docs/2.0/misc/rewriteguide.html">mod_rewrite manual</a> from Apache about redirecting with .htaccess.</p>
<h2>Conclusion</h2>
<p>Frankly, it amazes how many sites <a href="http://www.seomoz.org/blog/dear-digg-million-code">I see often that don't redirect</a> to only one of the versions, thus leaving plenty of money on the table. The thing is, the amount of money doesn't matter, because it takes a couple of minutes of work to implement the changes by the web developer.</p>
<p>And the funniest thing is that depending on the site total traffic, the <a href="http://www.scoreboard-media.com/about-dot-com-asleep-at-the-wheel/">profit increase can be very noticeable</a>, comparable to general marketing activities, such as increase of conversions, promotions, etc.</p>
<script type="text/javascript" src="http://sphinn.com/evb/button.php"></script>    ]]></content>
  </entry>
  <entry>
    <title>Design for the Unconscious: Use Design Secrets to Create Great Websites</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/design-unconscious" />
    <id>http://www.improvetheweb.com/design-unconscious</id>
    <published>2007-07-16T07:37:31-05:00</published>
    <updated>2007-07-29T22:04:00-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>When designing websites, you may think about what you personally like about websites, how people prefer the websites to work, or what you need to remember about your website as a professional.</p>
<p>The thing is, you also need to think about how the unconsciousness of your visitors is affected by your website and how you can improve your website to make their experience better, because the unconscious mind affects how people act.</p>
<h2>What is the unconscious?</h2>
<p>Though the unconscious in its general sense is described as:</p>
<blockquote></blockquote>
    ]]></summary>
    <content type="html"><![CDATA[<p>When designing websites, you may think about what you personally like about websites, how people prefer the websites to work, or what you need to remember about your website as a professional.</p>
<p>The thing is, you also need to think about how the unconsciousness of your visitors is affected by your website and how you can improve your website to make their experience better, because the unconscious mind affects how people act.</p>
<h2>What is the unconscious?</h2>
<p>Though the unconscious in its general sense is described as:</p>
<blockquote><p>
"an abstract, silent, completely unified field of consciousness" within "an architecture of increasingly abstract, functionally integrated faculties or levels of mind" (guess the source, starts with W)
</p></blockquote>
<p>for our little design niche, we'll prolong the description by adding</p>
<blockquote><p>
"ultimately controlling most of the person's actions and influenced by his/her surroundings"
</p></blockquote>
<p>It means that whatever person sees, hears or otherwise experiences influences so many receptors that the person can adequately notice only a small part of the signals, leaving the unconscious mind free to hint him/her in any direction of action.</p>
<p>Of course, the person will be able to rationalize the reasoning behind his actions, when influenced by his unconsciousness, but most likely, the reasons will not describe the signals, but the inner motivation, which was prompted by the surroundings and his mind.</p>
<p>So, a person's unconsciousness is affected, when he/she:</p>
<ul>
<li>first views your website</li>
<li>starts reading the material on the website</li>
<li>experiences other content on your website</li>
<li>navigates around the site, noticing how fast it loads</li>
<li>gets into action, such as subscribing to your newsletter, buying something, etc</li>
<li>gets any response from the website</li>
<li>continues to interact with the website, its owner and visitors</li>
</ul>
<p>So how exactly does one take the unconscious into account?</p>
<h2>What influences the unconscious</h2>
<p>Given that the unconscious receives all the signals the surroundings send to the person, basically anything can and will affect it, regardless of whether the person has noticed it, obviously.</p>
<p>Thus, for us, people affecting site design, it is important that anything appearing on the website, from the opening to the ending html tag, affects our visitors and it is our job to make sure they are at least not turned off from the site, but also enjoy staying and interacting with it.</p>
<p>The range of factors, influencing the unconscious can be categorized in:</p>
<ul>
<li>words</li>
<li>actions (both by and to the visitor)</li>
<li>visuals</li>
<li>thoughts</li>
<li>previous experience</li>
<li>(for the record, the real world also includes
<ul>
<li>smell</li>
<li>sound</li>
<li>touch)</li>
</ul>
</li>
</ul>
<p>It means that for every element on the site, we need to consider how the unconscious will be affected by it and how we can improve it for people to get a pleasant experience.</p>
<p>Let's discuss the points in more detail.</p>
<h3>Words</h3>
<p>Naturally, what we read affects our emotions. And not only that. So when designing websites for the people (apart from having great content at all), we need to remember to use the words that people can:</p>
<ul>
<li>understand</li>
<li>relate to</li>
<li>experience positive emotions from</li>
</ul>
<p>Though some may argue that an unknown word still influences in subconscious, a known word that a person has previous experience with will have a much larger impact. </p>
<p>If apart from understanding the text, the visitor can get specific thoughts and ideas, jumping from the particular choice of words, then his experience becomes more complete. In my opinion, words more precisely describing what the text is about and the people reading it, is most suitable for such experience.</p>
<p>Aside from creating a positive experience, words can be used to influence the reader. Here steps in persuasive copywriting, which implies that copywriters need to <a href="http://www.improvetheweb.com/how-visitors-view-websites-design-information-scent">use words, motivating the visitor</a> to <a href="http://www.copywriting.com/blog/copywriting/embedding-hidden-commands-in-copywriting/">take action</a>. Naturally, it leads us to <a href="http://captology.stanford.edu/notebook/">persuasive design</a>, which describes action.</p>
<h3>Actions</h3>
<p>The visit to a website is prompted by a need of some sort, be it a need for information, something you use. On the other hand, while person's needs still influence some decisions on the website, his mind is also influenced by the factors.</p>
<p>Likewise, as it was mentioned, carefully put words can keep the person reading a piece of text or take action. By carefully wording link text (both in navigation and context links), you can make sure the person only visits the pages he really wants to read.</p>
<p>And, since we speak about actions, what and how one does on the website influences his experience, too.</p>
<p>For example, if the visitor succeeds or fails in performing certain actions on your website, he will get the corresponding attitude towards your website. This is pretty obvious, though.</p>
<p>But another thing to remember is that people can be swayed by someone they trust. So a recommendating from other people or an email from a friend using the product will always change your attitude towards the product.</p>
<p>So, you not only need to make sure that your website works, but that any mentions of any actions on the website are related to using and enjoying your product (naturally, customer testimonials are a great way to do this).</p>
<p>Apart from words and actions, images can have an impact on your mind, too.</p>
<h3>Visuals</h3>
<p>Visuals come not only from the images, but also from visual design, and not just graphic design.</p>
<h4>Images</h4>
<p>Looking at an image allows you to experience what is shown there, be it a tasty, sizzling steak, a sunny grass meadow or a beautiful flower. You can almost taste the steak, breathe the fresh air and smell the flower.</p>
<p>What this means for you is that you need to use images and also use them wisely:</p>
<ul>
<li><a href="www.improvetheweb.com/when-use-graphics-your-site">use images, relevant to the text</a></li>
<li>use high quality images (the more expensive the product, the higher quality)</li>
<li>remember to optimize the images for the Web</li>
</ul>
<p>While irrelevant images are ignored and only waste visitor time and attention, relevant images show what you have to offer and may as well remove some doubts about buying the product.</p>
<p>Image quality allows you to show the product better, as well as the overall site quality. Products of high detail require images of better quality, while smaller, predictable things do not. Also, you need to remember about the dark side of image quality: file size.</p>
<p>Optimizing images for the Web is a must nowadays, as it allows you to <a href="www.improvetheweb.com/how-to-optimize-site-speed">make your site load faster</a>. Not only you need to find the balance between image quality and file size just for your product, but you also need to use the right software.</p>
<p>There is a lot of image optimization software on the market, some of it reduces file size more noticeably, than just "Saving for Web" in Photoshop.</p>
<p>As site design is another thing that the visitor sees, it is also important, mostly the little things being more important than otherwise.</p>
<h4>Site design</h4>
<p><a href="http://www.lukew.com/ff/entry.asp?42">Visual design</a> also plays a role on how visitors perceive the company, product and influences their decisions. It is not only about the first impression, but also how things look together.</p>
<p>For example, such simple things as the <a href="http://www.uxmatters.com/MT/archives/000097.php">right use of alignment and whitespace</a> can turn half-designs into great work.</p>
<p>When a visitor reads the text, navigates around and absorbs your site, he should certainly be thinking of something. Hopefully about buying your product.</p>
<p>Also, using natural colors in site design allows a smooth browsing experience, allowing you to <a href="http://www.boxesandarrows.com/view/natural_selections_colors_found_in_nature_and_interface_design">distinguish elements, guide and inspire your visitors</a>.</p>
<h3>Thoughts</h3>
<p>Just as everything affects the unconscious, the unconscious affects the thoughts you and your visitors are thinking. That's why you need to make sure the above elements on your site only contribute to the positive and efficient experience.</p>
<p>Naturally, by making people think about the problems your product solves, it gives them another reason to agree that your product is useful and is worth buying. It also gives them another thought of valuing the experience they get on your site, if they enjoy the process.</p>
<p>You can help people start their train of thought by providing useful, controversial, education, entertaining or even educational-entertaining content. Mainly, you'd consider such content to be <a href="http://www.improvetheweb.com/quality-content">great content</a>.</p>
<p>Of course, call to action is the most powerful way to inspire people to take action, though.</p>
<p>Sometimes, thoughts can be prompted by previous experience.</p>
<h3>Experience</h3>
<p>In my opinion, we severely underestimate how our actions are guided by our previous experience. We are affected by our upbringing, our life experience, beliefs, principles and so on. How to make sure that people actually take action on your website?</p>
<p>Just as with anything, keeping everything in sync what site visitor's needs will help.</p>
<p>You can also hint at various habits or tastes people might have. For example, offering items, related to already bought items, or things people, who have bought the product, have ordered might trigger a habit of ordering complimentary items, becides just reminding the visitor that he needs something.</p>
<p>Another moment is to keep site navigation and elements consistent with most sites on the Web. Sounds anti-innovational, but people spend most of their time on other websites. If you do want to innovate, how about making your website extremely useful to use?</p>
<p><a href="http://www.thevanblog.com">Steve</a> also thinks that <a href="http://www.improvetheweb.com/user-performance-design">designing for visitor performance</a> can help. Technically, this is the same as improving site usability: the idea is to make each site action as efficient as possible.</p>
<h2>How to design for the unconscious?</h2>
<p><a href="http://blogs.msdn.com/marcod/archive/2005/04/03/UnconsciousDesignDefined.aspx">Marco Dorantes says</a> that in order to create an unconscious design, one has to design unconsciously. Here's the definition of "unconscious design" as a verb:</p>
<blockquote><p>
The action of designing and the outcome of such an action that fulfils functional requirements and simultaneously is unaware of any in-context or temporal implications of its properties.
</p></blockquote>
<p>As also noted, professionals can "produce unconscious designs but with temporal properties attached to them, temporal unconscious designs". Professionals take into account the temporal influences, which change over time, which explains why designs age.</p>
<p>I'd also add that website professionals know that everything influences the people, so they pay special attention to every site element: everything should be focused on the site goal.</p>
<p>That's why solid web builders (not just designers) know</p>
<ul>
<li>how visitors view websites</li>
<li><a href="http://www.uie.com/articles/chak_interview/">persuasive</a> <a href="http://articles.techrepublic.com.com/5100-22-5073246.html">design</a></li>
<li>information architecture</li>
<li><a href="http://www.grokdotcom.com/2007/07/09/copy-perspective-monday-intellect-vs-emotion/">persuasive copywriting</a></li>
<li>know how to learn <a href="http://www.improvetheweb.com/how-to-conduct-your-keyword-research-and-make-your-seo-more-efficient">the words the customers use</a></li>
<li><a href="http://www.improvetheweb.com/how-to-format-text-content-on-your-website">how to format site content</a></li>
</ul>
<p><a href="http://www.improvetheweb.com/using-usability-to-improve-site-profit">Designing easy to use websites</a> greatly contributes to the overall website experience, which not only affects the subconscious mind, but may also become obvious to the conscious mind, if the website has been greatly improved.</p>
<h2>Why design for the unconscious?</h2>
<p>Of course, the main reason to take all aspects into account, <a href="http://www.improvetheweb.com/what-you-need-to-do-before-you-build-a-website">when creating websites</a>, is to make sure customers gain a better understanding of the offer, can navigate better around the website, as well as get more reasons, both conscious and unconscious, to buy the product.</p>
<p>Another reason is that search engines (alright, Google) become more and more sophisticated. They learn to <a href="http://www.seobythesea.com/?p=624">understand intent</a> behind <a href="http://www.seobythesea.com/?p=377">search queries</a> (also <a href="http://www.seobythesea.com/?p=378">including locations</a>) and also <a href="http://www.seobythesea.com/?p=426">understand how users rate web content</a> and apply their knowledge to the results.</p>
<p>All this becomes possible, when people provide precise, detailed information on websites. On one hand, this may cause privacy issues, but can also enhance user experience, both on the website and when using third party web services.</p>
<p>For example, take a look at <a href="http://www.ted.com/index.php/talks/view/id/144">this video from ted.com</a> (15+ min). It shows a glimpse of how bits of information about people can show a deep picture of the Web, a close look in a person's life or a broader view on the situation.</p>
<p>The examples of which are when the software collects instances of phrases "I feel" or "I am feeling" and tries to associate location and web content with the user.</p>
<p>Now, not that we do everything for the search engines, but it shows that sufficient information can allow people make reasonable decisions, enjoy the Web and get more from it.</p>
<h2>This is pretty simple</h2>
<p>All that said, it may seem the thing is pretty complex and can't be mastered. But if you understand that <a href="http://www.improvetheweb.com/how-visitors-view-websites-design-information-scent">people follow certain habits</a> when viewing websites, such as <a href="http://www.useit.com/alertbox/reading_pattern.html">the F pattern</a> or following <a href="http://www.wired.com/news/technology/0,1282,44321,00.html">the scent of information</a>, as well as focus on delivering value to the customers, they will be receiving plenty of positive signals from your website.</p>
<p>I call this <a href="http://www.improvetheweb.com/creating-natural-websites">creating natural websites</a>. It means knowing the people and designing for them. Pretty simple.</p>
<p>Read more:</p>
<ul>
<li><a href="http://www.humanfactors.com/downloads/jan07.asp">What's your unconscious got to do with it?</a></li>
<li><a href="http://blogs.msdn.com/marcod/archive/2005/04/03/UnconsciousDesignDefined.aspx">What is unconscious design and how to create one</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?557">How to design for the edge cases?</a> (a series of advice from expert designers)</li>
<li><a href="http://www.lukew.com/ff/entry.asp?430">Lessons from the Tipping Point</a></li>
<li><a href="http://www.lukew.com/ff/entry.asp?44">Evolution of Web Interface Designs</a></li>
<li><a href="http://www.webpronews.com/webdevelopment/sitedesign/wpn-26-20040511YourWebSiteIsAWonderlandWhatPicassosArtTaughtMeAboutPersuasiveDesign.html">Your Web Site Is A Wonderland: What Picasso’s Art Taught Me About Persuasive Design</a></li>
<li><a href="http://www.seo-scoop.com/2007/07/24/search-marketing-and-the-persuasion-principles/">Search Marketing and Persuasion Principles</a></li>
<li><a href="http://www.edbatista.com/2005/05/think_blink_mal.html">Think Blink: Malcolm Gladwell's Lessons for Web Design, Part 1</a></li>
<li><a href="http://www.edbatista.com/2005/05/think_blink_par.html">Think Blink: Malcolm Gladwell's Lessons for Web Design, Part 2</a></li>
<li><a href="http://encytemedia.com/blog/articles/2006/06/22/unconscious-interface-design">Analysis of unconscious design in WordPress (please excuse the broken formatting in the end)</a></li>
<li><a href="http://www.copywriting.com/blog/copywriting/embedding-hidden-commands-in-copywriting/">Hypnotic copywriting: use "you 'call to action'" formula</a> to boost your copy</li>
</ul>
<p>Liked the article? <a href="http://www.improvetheweb.com/rss.xml">Subscribe to get more</a> and bookmark it on <a href="http://del.icio.us/post?url=http%3A%2F%2Fwww.improvetheweb.com%2Fdesign-unconscious&amp;title=Design+for+the+Unconscious">del.icio.us</a>. Thank you.</p>
<div style="float:left;">
<script type="text/javascript">
digg_url = 'http://www.improvetheweb.com/design-unconscious';
digg_title = 'Use the Design Secrets to Create Great Websites';
digg_bodytext = 'You can create much more thorough websites, if you look beyond basic website creation process, and make them much more efficient. Learn how from the in-depth post.';
digg_topic = 'design';
</script><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><script type="text/javascript" src="http://sphinn.com/evb/button.php"></script><script type="text/javascript">
plugim_title = 'Use Design Secrets to Create Great Websites';
</script><script src="http://www.plugim.com/tools/plugthis.js" type="text/javascript"></script><script>reddit_url='http://www.improvetheweb.com/design-unconscious'</script><script language="javascript" src="http://reddit.com/button.js?t=2"></script></div>
<p><br style="clear:both;" /></p>
    ]]></content>
  </entry>
  <entry>
    <title>How visitors view websites: design for information scent</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/how-visitors-view-websites-design-information-scent" />
    <id>http://www.improvetheweb.com/how-visitors-view-websites-design-information-scent</id>
    <published>2007-06-26T04:01:26-05:00</published>
    <updated>2007-06-26T04:20:06-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>When planning and improving a website, it is important to know how people view websites. Knowing this will help you to design your site in such a way, that people will be able to find and do what they want on your website.</p>
<h2>How to describe visitor behaviour?</h2>
<p>Before changing the site layout, it is important to understand the nature of human behaviour on the website. It helps that certain known patterns apply to human behaviour, such as:</p>
<ul>
<li>people hunt for information, using words as clues</li>
<li>people follow a funnel to conversion</li>
</ul>
    ]]></summary>
    <content type="html"><![CDATA[<p>When planning and improving a website, it is important to know how people view websites. Knowing this will help you to design your site in such a way, that people will be able to find and do what they want on your website.</p>
<h2>How to describe visitor behaviour?</h2>
<p>Before changing the site layout, it is important to understand the nature of human behaviour on the website. It helps that certain known patterns apply to human behaviour, such as:</p>
<ul>
<li>people hunt for information, using words as clues</li>
<li>people follow a funnel to conversion</li>
<li>people flow like water, when released on a website</li>
</ul>
<p>In essence, the metaphors used to describe human behaviour stand on known natural principles, such as animal instincts and a flow of water. Let's look at them in more detail.</p>
<h2>Hunting for information</h2>
<p>When a predator stalks its prey, it uses its senses, such as smell and sight, to find the victim. It follows the trail of paw-prints, spots of fur and blood to track the target.</p>
<p>Humans are very similar: they use words, related to their target (be it a product, an article, or a person's name) to find what they want.</p>
<p>This fact is emphasized by people reading from top to bottom and from left to right, which creates a top-left triangle of attention. It means that in order to get noticed, you'll need to use the words your people will recognize as useful in the top-left part of the page.</p>
<p>Read more about:</p>
<ul>
<li><a href="http://www.pixelcharmer.com/essays/information-foraging.html">Information foraging</a></li>
<li><a href="http://www.uie.com/events/roadshow/articles/intranet_portals_scent/">Web portals and scent</a></li>
<li><a href="http://www.uie.com/brainsparks/2005/12/07/scent-search-user-happiness/">Scent, Search, and the Pursuit of User Happiness</a> (audio and PDF of a presentation on designing for scent of information)</li>
<li><a href="http://www.uie.com/articles/getting_confidence/">Getting confidence with every click</a></li>
<li><a href="http://research.microsoft.com/~marycz/p25-larson.pdf">Web Page Design: Implications of Memory, Structure and Scent for Information Retrieval</a> (large PDF) from Kevin-Larson and Mary Czerwinski of Microsoft Research</li>
<li><a href="http://www.useit.com/alertbox/20030630.html">Information Foraging: Why Google Makes People Leave Your Site Faster</a> (from Jacob Nielsen)</li>
<li><a href="http://www.websiteoptimization.com/speed/tweak/information-foraging/scent.html">a very short summary of the above</a></li>
<li><a href="http://www.wired.com/science/discoveries/news/2001/06/44321">A 2001 Wired article: Hot on the scent of information</a></li>
<li><a href="http://whererastameetspasta.wordpress.com/2006/04/11/design-secrets-of-highly-successful-website/">Design Secrets of Highly Successful Website</a></li>
</ul>
<h2>Visitor funnel</h2>
<p>The concept of a funnel is less wild and more down to earth. Here, visitors are compared to water and the funnel represents the pages they visit.</p>
<p>The upper, broader part of the funnel is the entrance page and the bottom part is the page of the final conversion.</p>
<p>The intermediate funnel part is pages a human visits before converting.</p>
<p>The different, in my opinion, lies in that in general, the visitor path may not be linear, because people click on the link that they think will answer their needs most - and people are different. But the funnel theory splits the visitor stream in many springs and guides them with relevant clues, aka in a funnel.</p>
<p>Read more about:</p>
<ul>
<li><a href="http://support.clicktracks.com/clicktracks/article.php?id=256">Advance Funnel design considerations</a></li>
<li><a href="http://www.clickz.com/showPage.html?page=3585516">Conversion Funnel Folly, Part 1</a></li>
<li><a href="http://www.clickz.com/showPage.html?page=3588626">Conversion Funnel Folly, Part 2</a></li>
<li><a href="http://www.grokdotcom.com/topics/conversionvpersuasion.htm">Conversion versus Persuasion: What's Your Challenge?</a></li>
<li><a href="http://www.google.com/analytics/cu/cv_increased_roi.html">Design Your Website for Increased ROI</a></li>
</ul>
<h2>Water flow</h2>
<p>The water flow concept, which I introduce here (or maybe introduced by someone else elsewhere), is based on the fact that water flows the shortest way to the downside. The concept is not different from the other two, but it describes as clearly as the scent trail theory the attitude towards the trail: a visitor only goes where it sees a need to go.</p>
<p>In the water theory, people are compared to springs, which go where they can, and when they can't go somewhere (no path), they just return to them main stream and flow another way.</p>
<p>In general, this is no vastly different from the two above, but I prefer to see it this way.</p>
<h2>The details</h2>
<p>All the models, however simple or complicate they are, are based on a couple of principles that people follow:</p>
<ul>
<li>the visitor goes where he sees a possible continuation of his visit: a link to a useful resourece/product/action</li>
<li>if the visitor doesn't see a way to continue his walk from the page, he goes to the previous page to try another way</li>
<li>the visitor follows the above principle until he either leaves the site (and thus goes back to the previous useful source) or converts</li>
<li>people scan from top to bottom, from left to right</li>
<li>people not read, but scan: quickly check if there's anything interesting on the page and proceed with their journey</li>
<li>since people scan, the text should be readable and <a href="http://www.improvetheweb.com/how-to-format-text-content-on-your-website">properly formated</a> for reading from the web page</li>
<li>you should use the <a href="http://www.improvetheweb.com/write-in-simple-natural-language">simplest words</a> available: your site should be understood by your every visitor</li>
<li>the words you use on your site should <a href="http://www.improvetheweb.com/how-to-conduct-your-keyword-research-and-make-your-seo-more-efficient/">be relevant</a> to the visitor, he has to identify himself with what you have to offer (or visa versa)</li>
<li>use of call to action, motivating the visitor to proceed (usually, to the most useful pages) helps guide the visitors further</li>
</ul>
<p>In essence, you should provide the people the words that they will recognize, associate with themselves and use them to find what they want on your website. Formatting the text, combining the call to action with links should help draw attention to the most relevant pages from the current page.</p>
<p>Read more about <a href="http://www.improvetheweb.com/show-clear-click-path">providing clear click path</a>.</p>
<p>This goes in line with providing various paths for various kinds of customers, such as researching, comparing or buying, as well as different types of people, such as thoughtful (use facts, well-written articles, figures, graphs) and emotional (call to action, various benefits, etc). </p>
<p>You can read more about various types of customers from the Eisenbergs:</p>
<ul>
<li><a href="http://www.grokdotcom.com/index9-15-2002.htm">Various character types</a></li>
<li><a href="http://www.grokdotcom.com/YouTalkingToMe.htm">Personas</a> (<a href="http://www.grokdotcom.com/topics/personaadvice.htm">more</a>, <a href="http://www.clickz.com/showPage.html?page=3457531">more</a> and <a href="http://www.clickz.com/showPage.html?page=3575326">more</a>)</li>
</ul>
<h2>When to think about visitor behaviour</h2>
<p>Obviously, the sooner you take into account how people view websites, the better off you'll be. As it doesn't take long to understand the basic idea of hunting for information, you'd rather implement such website usability concept <a href="http://www.improvetheweb.com/what-you-need-to-do-before-you-build-a-website">before you build a website</a>.</p>
<p>It may be hard to redesign later, not to mention it'll take more time and you'll have other issues at hand.</p>
<p>In essence, <a href="http://www.improvetheweb.com/creating-natural-websites/">designing for natural consumption</a> should work best: it involves clear information, <a href="http://www.improvetheweb.com/looking-beyond-aesthetics-in-effective-web-design">no</a> <a href="http://www.improvetheweb.com/use-text-instead-graphics-your-website">distractions</a> and positive <a href="http://www.improvetheweb.com/user-performance-design">user experience</a>.</p>
<p>It also goes inline with various values that you provide to your visitors. The more valuable your website/product is to the people, the more likely they'll stick around and do what they and you want.</p>
<h2>Rounding up</h2>
<p>Ideally, you need to at least think about the way the information is presented on the website (<a href="http://www.improvetheweb.com/how-structure-your-website">site</a>, page structure/layout). You can rewrite the text later. In fact, you will have to test your website copy and rewrite it for better effect, so you can simply focus on the page layout first-hand.</p>
<p>But what you need to do as soon as possible is to make it obvious for your visitors where to go next.</p>
    ]]></content>
  </entry>
  <entry>
    <title>When to use graphics on your website</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/when-use-graphics-your-site" />
    <id>http://www.improvetheweb.com/when-use-graphics-your-site</id>
    <published>2007-05-09T10:40:23-05:00</published>
    <updated>2007-05-09T10:40:23-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>Overall, using text is more preferrable, than using graphics (images, pictures, Flash and so on) on a website, because it is easier to understand and remember - and also accessible to the people and the search engines. But there are some cases, when using graphics is the right thing to do.</p>
<h2>When to use graphics</h2>
<p>As <a href="http://www.improvetheweb.com/use-text-instead-graphics-your-website">mentioned in the earlier article</a>, graphics should only be used, when it is absolutely necessary, such as:</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>Overall, using text is more preferrable, than using graphics (images, pictures, Flash and so on) on a website, because it is easier to understand and remember - and also accessible to the people and the search engines. But there are some cases, when using graphics is the right thing to do.</p>
<h2>When to use graphics</h2>
<p>As <a href="http://www.improvetheweb.com/use-text-instead-graphics-your-website">mentioned in the earlier article</a>, graphics should only be used, when it is absolutely necessary, such as:</p>
<ul>

<li>when the image is absolutely related to the website</li>

<li>when the pictures makes understanding of the text easier (a graph for a table, for example)</li>
</ul>
<p>As seen from the list, graphics should only be used, when absolutely needed, and its use has to be thoroughly considered, as graphics <a href="http://www.improvetheweb.com/how-to-optimize-site-speed/">impose some limits</a> on website performance.</p>
<h2>What kind of media to use</h2>
<p>The most obvious case of using pictures on your site is when you sell something that people need to see before buying, such as clothes, vehicles, furniture, etc. What is more is that you'd rather use large, high quality images (at about 1/4-1/2 of the screen, the other part being occupied by the description), so that people could look closer at what they are buying.</p>
<p>If you discuss complex schemes, structures and so forth, a graphical explanation would be nice. Not to mention that <a href="http://www.improvetheweb.com/write-in-simple-natural-language">using simpler language</a> may help, if appropriate.</p>
<h2>How to use the graphical content</h2>
<p>When creating graphical content, there are a couple of things to remember:</p>
<ul>

<li>everything that is on the image should be available in text (both for the humans and the search engines)</li>

<li>the images should have proper alt tags</li>

<li>the image size and quality should depend on the product</li>
</ul>
<p>For example, if you are selling shoes, it'd make sense to be able to rotate them, as, mostly, it is important to look not only at the sides, but also at the sole.</p>
<p>If you are selling clothes, it is usually more helpful to showcase them on real people, not on some background or dolls.</p>
<p>When selling an apartment, you may want to use a video, showing the interior, possibly with your comments. You can host the video on <a href="http://video.google.com">Google Video</a> or <a href="http://youtube.com">YouTube</a> - make sure to leave your coordinates, though.</p>
<p>Another moment to remember is that a <a href="http://blog.mindvalleylabs.com/marketing/how-dvd-pirates-in-china-improve-on-hollywood-packaging/">3D box helps selling digital products</a>, even when there is no real box available.</p>
<h2>What about the graphical design?</h2>
<p>Normally, I'd argue that anything that does not serve the goal of informing the visitor of anything shouldn't belong to a website. And that anything may be extra graphical design, extra images or unwanted sound/video.</p>
<p>In his post about <a href="http://www.yellowhousehosting.com/resources/2007/04/30/text-vs-graphics-in-design/">text and graphics balance on a website</a>, Steve points out that a website has milliseconds to impress a visitor.</p>
<p>Some believe that impressing the visitor means absolutely shocking the visitor by something astounding and magnificent, such as a large image of something completely unrelated to a website. As <a href="http://www.ojr.org/ojr/stories/070312ruel/">seen from the studies</a>, such banners don't work.</p>
<p>On the other hand, "impressing" means just making an impression, whether positive, negative or neutral. A site, made of text, such as this one, may very well make a quite distinct impression. Hopefully, it has the right audience not to scare it off, though.</p>
<p>So, in the end, it only matters who your target audience is and how you can find the right balance between the use of images and text on a website. You can learn more about the <a href="http://www.webdesignfromscratch.com/sphere_of_design.cfm">balance of function and graphics in the Sphere of Design</a> and see more <a href="http://www.webdesignfromscratch.com/current-style.cfm">examples of good designs</a> here.</p>
<h2>Rounding up</h2>
<p>While some may want to use graphics just to impress their visitors, it'd rather be used only to help the visitors to get more information and understand what the site talks about.</p>
<p>Finding the right balance between information and visual presentation just for your target audience will prove much more efficient than deciding on your own.</p>
    ]]></content>
  </entry>
  <entry>
    <title>How to use the h1 heading tag</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/how-use-h1-heading-tag" />
    <id>http://www.improvetheweb.com/how-use-h1-heading-tag</id>
    <published>2007-05-09T10:31:26-05:00</published>
    <updated>2007-06-09T02:20:40-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>Some are not aware that there's a h1 tag. Some use is as they please. Others try to think what makes the most sense and act accordingly.</p>
<p>Let's see what is the best way to use the h1 heading tag on your website to appease both the humans and the search engines.</p>
<h2>How is it supposed to be used?</h2>
<p>Judging by the <a href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.5">HTML 4.01 Strict specification</a>:<br />
<cite>A heading element briefly describes the topic of the <strong>section</strong>* it introduces.</cite><br />
*- bolding mine.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>Some are not aware that there's a h1 tag. Some use is as they please. Others try to think what makes the most sense and act accordingly.</p>
<p>Let's see what is the best way to use the h1 heading tag on your website to appease both the humans and the search engines.</p>
<h2>How is it supposed to be used?</h2>
<p>Judging by the <a href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.5">HTML 4.01 Strict specification</a>:<br />
<cite>A heading element briefly describes the topic of the <strong>section</strong>* it introduces.</cite><br />
*- bolding mine.</p>
<p>It means that not only a h1 tag can be used multiple times on a page, but it also determines a topical section of the page. Depending on the page type and structure, there may be several sections, so it can be pretty handy.</p>
<h2>How to use the h1 heading tag?</h2>
<p>So, as mentioned above, the right way to use h1 tag is to either describe a page or a section of a page, if the page has two distinct topics.</p>
<p>Of course, it may need some styling up with CSS, as default browser h1 styling leaves much to be desired, mostly. Especially, if you are using a custom theme design.</p>
<p>There are several cases, when a page can have numerous topics, and, thus, h1 tags:</p>
<ul>
<li>a homepage, introducing numerous site sections</li>
<li>an index page, introducing categories (or a category page, introducing its subcategories)</li>
<li>a page about something in general, then talking about different subtypes (for example a page about felines, first talking about them in general, then about wild cats, then about domestic cats)</li>
</ul>
<p>For the title of each of the page sections, you'd rather be using the h1 heading tag.</p>
<p>Here's <a href="http://www.w3.org/TR/2007/WD-WCAG20-TECHS-20070517/Overview.html#H42">a desrcription</a> of why the headings should be properly used from Web Content Accessibility Guidelines.</p>
<p>WCAG also has <a href="http://www.w3.org/WAI/GL/WCAG20/tests/test37.html">a test for the headings</a>:</p>
<blockquote>
<h2>Test Process</h2>
<h3>Procedure</h3>
<p>1. For each h1 element, find the header element that follows it.</p>
<h3>Expected Results</h3>
<p>1. The header following an h1 is h1 or h2.</p>
<h3>Fail Instructions</h3>
<p>1. Rearrange the header order so h1 or h2 elements follow h1 elements.</p>
<h3>Pass Instructions</h3>
<p>Any accessibility check may be performed after this test.
</p></blockquote>
<h2>How not to use the h1 tag</h2>
<p>Quite often, you will find that most WordPress and Drupal themes have h1 used for the site name (company name, etc). This is not the right way to use it, as every page has site name and, thus, the title does not describe anything page-specific.</p>
<p>Since we are talking about how not to use the h1 tag, you shouldn't use it only for the search engines - use it for the humans only by pointing out a heading, which describes a page or a page section.</p>
<h2>Rounding up</h2>
<p>Of course, the main reason to use the h1 right is the process of doing things right. A perfectionist that I am, it seems quite important.</p>
<p>Also, it gives people and spiders that can't see a chance to use the software to understand what the page is about. While using h1 for the page-specific titles may bring you a tiny little bit of traffic, you can create much better titles by <a href="http://www.improvetheweb.com/how-to-write-human-friendly-page-titles">writing them for the people</a>.</p>
<p>Learn more and <a href="http://www.cre8asiteforums.com/forums/index.php?showtopic=30813">discuss the topic at Cre8asite</a> and <a href="http://www.pearsonified.com/2007/04/definitive-guide-to-semantic-markup.php">learn more about semantic markup</a> at Pearsonified.</p>
    ]]></content>
  </entry>
  <entry>
    <title>What you need to do before you build a website</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/what-you-need-to-do-before-you-build-a-website" />
    <id>http://www.improvetheweb.com/what-you-need-to-do-before-you-build-a-website</id>
    <published>2007-05-09T09:57:46-05:00</published>
    <updated>2007-05-09T09:57:46-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>Generally, site owners tend to think that they can simply put up a website, spend some money on advertising and get rich quick. But the thing is that it is not exactly so, as there are a few things you need to consider before you <a href="http://www.improvetheweb.com/how-to-create-your-website/">create your website</a>.
</p>
<p>You can make a product profitable online by doing a couple of things:</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>Generally, site owners tend to think that they can simply put up a website, spend some money on advertising and get rich quick. But the thing is that it is not exactly so, as there are a few things you need to consider before you <a href="http://www.improvetheweb.com/how-to-create-your-website/">create your website</a>.
</p>
<p>You can make a product profitable online by doing a couple of things:</p>
<ul>
<li>offer something valueable</li>
<li>make the product <a href="http://www.improvetheweb.com/defining-a-unique-product-benefit/">unique</a></li>
<li>create an easy to use product</li>
</ul>
<p>Simply put, you need to have something of unique value that people can use in order to sell successfully. Let's examine the points in more detail.
</p>
<h2>Offer value</h2>
<p>The only reason people will buy your product is if you offer something they need. Now, there are a lot of useful and semi-useful products out there, but the more value your product offers, the better.</p>
<p>Normally, you'd rather look at the new areas, where you can provide value, that have not been discovered. Can you create a tool that no one has thought about in your industry? Can you develop a piece of software or a web service in your industry? Can you write an e-book, filled with your experience and expertise in the industry?</p>
<h2>Offer something unique</h2>
<p>Of course, if you are one of the thousands of similar products online, it is pretty hard to sell anything. That's why you need to stand out from the rest of your rivals. Go in a more specific direction in your industry. Focus on a certain aspect of what you were going to offer. If all else fails, offer more value than your rivals, by providing free materials on the topic.</p>
<h2>Make it easy to use</h2>
<p>Though something unique and useful is a lot and most people will buy anything of the kind, you can greatly boost your sales by createing something that is easy to use as well. People will be likely to buy something they can use without additional education or skills and will be more likely to refer their family and friends to you, too. Sometimes, ease of use is the thing that you can differentiate from your online competition as well.</p>
<h2>Rounding up</h2>
<p>Basically, the uniqueness and ease of use are the aspects that add even more value to the product. So your product value is the core thing you should focus about. The <a href="http://www.improvetheweb.com/give-to-get/">more you put into</a> the product, the greater the output will be.</p>
<p>Read more at <a href="http://www.stuntdubl.com/2006/10/04/website-questions/">Stuntdubl: 18 questions your CEO forgot to ask</a></p>
    ]]></content>
  </entry>
  <entry>
    <title>Website quality: who needs it and why you need to bother</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/website-quality-who-needs-it-and-why-you-need-to-bother" />
    <id>http://www.improvetheweb.com/website-quality-who-needs-it-and-why-you-need-to-bother</id>
    <published>2007-05-09T09:53:26-05:00</published>
    <updated>2007-05-09T09:53:26-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>Back in the days, to get into the search engines you only had to submit a site to them and it'd show up in the results (or you could just get listed in the Yahoo directory). Nowadays, doing that doesn't warrant anything and you have to work hard to be visible from the search engines.</p>
<p>Is it only the search engine algorithms that have affected the amount of energy one needs to invest in a website, or there are other factors at work? Let's see.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>Back in the days, to get into the search engines you only had to submit a site to them and it'd show up in the results (or you could just get listed in the Yahoo directory). Nowadays, doing that doesn't warrant anything and you have to work hard to be visible from the search engines.</p>
<p>Is it only the search engine algorithms that have affected the amount of energy one needs to invest in a website, or there are other factors at work? Let's see.</p>
<h2>Who needs quality?</h2>
<p>The search engines have spent years on fine-tuning their algorithms to provide the most relevant results to their users. Often, they worked reactively to those, who have found exploits, to close the gaps in the algorithms and continue working efficiently. The search engines need to provide quality results to keep the people using them to be able to show them advertising to earn money.</p>
<p>Becides the search engines, people need good websites as well. They not only need to find a working website, but they need to find and use what they need on your website. Of course, a usable and human-friendly website will be more efficient with its visitors and more successful as well.</p>
<p>Thus, site owners, who want to succed in online business, need more people-friendly websites, after all, so their potential clients could use their sites to buy from them.</p>
<p>So, it is not only the search engines that need good websites, but the visitors and the site owners, too. What's the problem then?</p>
<h2>Why not?</h2>
<p>With barriers to enter the Internet business being so low, everyone tries to make money online. And while the focus is purely on making money, a thought about the potential customers and their success rarely comes to mind. That's why most Web start-ups fail - they are not useful for the people and are thus ignored and forgotten.</p>
<p>Quite often, site owners are busy with building their online business and pay little attention to what happens around them. However, the best thing they'd do is to <a href="http://www.improvetheweb.com/what-you-need-to-do-before-you-build-a-website/">consider everything before building their websites</a>. Often, just thinking, whether they could <a href="http://www.improvetheweb.com/defining-a-unique-product-benefit/">provide the value to their customers</a>, could save their time and energy.</p>
<p>Unfortunately, it takes time and persistence (or <a href="http://www.improvetheweb.com/give-to-get/">a simple focus on the value</a>) to know that <a href="http://www.improvetheweb.com/using-usability-to-improve-site-profit/">website usability</a> and <a href="http://www.improvetheweb.com/how-to-gain-a-competitive-advantage-with-an-accessible-website/">accessibility</a> can not only make a website more human-friendly, but can also bring more profit to the site owner.</p>
<h2>How to create a great website?</h2>
<p>To create a website, to be efficiently used by the people and to be crawled easily by the search engines, <a href="http://www.improvetheweb.com/integrating-web-design-seo-usability-and-accessibility-in-design-process/">several factors need to be considered</a>, such as SEO, copywriting, usability, web design and accessibility. An important thing is to <a href="http://www.improvetheweb.com/focus-on-the-customers-the-people-and-the-value/">focus on the customers and the value</a>, while keeping basic search engine friendliness principles in mind (such as more text, clean URLs, more links, etc)</p>
<p>If you are new to the Web, then you absolutely to learn some basic SEO/web design/usability facts to know your way around. You'll need to get a professional to consult or develop a website for you and you'll need the basic knowledge to estimate the quality of their past and present projects.</p>
<p>Hopefully, (s)he'll either know SEO/usability/accessibility or know someone that can do that for you. In essense, you need to make sure that your website is good in all its aspects to keep it well balanced and successful.</p>
<p>If you know your way around website building, a friendly consultation may be in order. However, if you are not a web designer/developer yourself, you'd still need to hire one to <a href="http://www.improvetheweb.com/creating-natural-websites/">create a website</a> for you.</p>
<h2>Conclusion</h2>
<p>When on the Web, building a so-so website is not equal to success. You need to have such a website so the people would forget they are using a website, do what they came for, pay you for your quality service and leave happily. After all, it is all about the value and the pleasure you and your customers receive, when they use your website.</p>
    ]]></content>
  </entry>
  <entry>
    <title>The answer to all questions</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/the-answer-to-all-questions" />
    <id>http://www.improvetheweb.com/the-answer-to-all-questions</id>
    <published>2007-05-09T09:02:09-05:00</published>
    <updated>2007-05-09T23:18:56-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>There are many questions that anyone related to creating, optimizing and promoting websites needs answers for. And you'd like some solutions that'd work everyime in every situation. So how about a single answer for all questions?</p>
<h2>The answer</h2>
<p>As a matter of fact, yes. There is one answer to any question about a website. And it is..</p>
<p>"It depends."</p>
<p>Of course, there this answer may suit other questions, such as</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>There are many questions that anyone related to creating, optimizing and promoting websites needs answers for. And you'd like some solutions that'd work everyime in every situation. So how about a single answer for all questions?</p>
<h2>The answer</h2>
<p>As a matter of fact, yes. There is one answer to any question about a website. And it is..</p>
<p>"It depends."</p>
<p>Of course, there this answer may suit other questions, such as</p>
<ul>
<li><a href="http://www.improvetheweb.com/what-you-need-to-do-before-you-build-a-website/">what should I start with</a>?</li>
<li>what do I do myself and what do I outsource?</li>
<li><a href="http://www.improvetheweb.com/what-is-unique-quality-content/">what content do I create?</a></li>
<li><a href="http://www.improvetheweb.com/marketing-your-web-site/">how do I promote my site?</a></li>
<li>what should I do, write more content or start promoting?</li>
<li>how much content do I need to write?</li>
<li>where do I go to get links?</li>
<li>where should I get published?</li>
<li>how much time and money will it take?</li>
</ul>
<p>Yes, whatever you want to do for your website, depends on your goals, your site itself, your skills and your budget and on the weather on the other side of the globe.</p>
<h2>Why?</h2>
<p>The thing is, every situation is unique. For a start, there are so many little steps from thinking up an idea for an online business to promoting your website - and every website will be in its unique circumstances, as well - that you can not possibly apply the answer to the same questionas yours, given to <strong>someone else</strong>. You are unique (hopefully), so your solution has to be unique, too.</p>
<p>For example, you may have something the same things as the other site owner, but quite differently. Or have done completely different things. But you'd both need to know how to promote your website - each with different goals to achieve, too. So "how do you promote your site?" - "It depends."</p>
<p>You'll have to seek the general information on handling your topic and you'll have to apply the knowledge you learned to your website. What works for someone else may not work for you. A charity organiation is quite different from a business corporation and they all will need to choose different ways to go.</p>
<h2>Why is it a good answer?</h2>
<p>While you may look at this picture as a huge disadvantage (that you can't find a ready answer for your case), you can view this situation under a positive angle. You are unique and you'll have your own unique ways to create, develop and promote your website.</p>
<p>You won't be copying other websites - you'll be unique and, thus, be noticeable among your target audience. Also, you'll only focus on things that work for your case only, thus making your work much more efficient.</p>
<h2>Rounding up</h2>
<p>Whatever you do, remember to tune your offer, efforts and your website to your customers. This will allow them to get precisely what they want and you'll be seeing happy people, too. Needless to say, being unique will help you to develop your own trait your customers will differentiate you among the competition, which should be helpful to your business.</p>
<p>P.S. In case you wonder if there is <a href="http://www.ruudhein.com/site/the-developer">a single answer about web development..</a></p>
    ]]></content>
  </entry>
  <entry>
    <title>Use text instead of graphics on your website</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/use-text-instead-graphics-your-website" />
    <id>http://www.improvetheweb.com/use-text-instead-graphics-your-website</id>
    <published>2007-05-09T08:18:04-05:00</published>
    <updated>2007-08-22T20:54:59-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p>Nowadays, it seems that every site owners knows how his site should look like: visually appealing, with a large amount of graphics (or even Flash) and, of course, with plenty of images of people, preferrably women, preferrably barely clothed (or naked).</p>
<p>But reality is that what works isn't what people, who barely know anything about web design, think to work.</p>
    ]]></summary>
    <content type="html"><![CDATA[<p>Nowadays, it seems that every site owners knows how his site should look like: visually appealing, with a large amount of graphics (or even Flash) and, of course, with plenty of images of people, preferrably women, preferrably barely clothed (or naked).</p>
<p>But reality is that what works isn't what people, who barely know anything about web design, think to work.</p>
<h2>Eye-tracking research</h2>
<div style="float:right;clear:left;">
<script type="text/javascript">
digg_url = 'http://digg.com/design/Use_Text_Instead_of_Graphics';
</script><script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><script>reddit_url='http://www.improvetheweb.com/use-text-instead-graphics-your-website'</script><script>reddit_title='You can drastically improve your website by using text (with CSS) instead of graphics.'</script><script language="javascript" src="http://reddit.com/button.js?t=2"></script></div>
<p>Numerous eye-tracking studies, done by multiple large research companies (many of which having been researching website usability for a while), have shown that, though humans are sometimes attracted to graphics, they also</p>
<ul>

<li><a href="http://www.useit.com/alertbox/20000514.html">are first drawn to text (78%)</a></li>

<li>spend way more attention on text (many times more, judging by the eyetracking heatmaps from the studies, linked to from this article)</li>

<li>remember and <a href="http://www.poynterextra.org/eyetrack2004/main.htm#9">can recall more textual information</a>, than otherwise</li>
</ul>
<p>Of course, all those thorough studies have many more points to add. Let's look at them a bit more closely.</p>
<h2>How people read web pages</h2>
<h3>The F-pattern or the golden triangle eye movement pattern</h3>
<p>The first and the simplest disovery from eye tracking is that people read from top and left sides of the page. Big news, eh? In the industry, it is called the <a href="http://www.useit.com/alertbox/reading_pattern.html">F-pattern</a>, or the <a href="http://www.eyetools.com/inpage/research_google_eyetracking_heatmap.htm">golden triangle</a> (whichever you prefer).</p>
<p>It means that the most important information should be presented first, in the top-left part of the screen.</p>
<p>If you <a href="http://www.poynterextra.org/eyetrack2004/viewing.htm">look at how people view pages</a>, you'll see that they also view the main part of the page, but <a href="http://www.ojr.org/ojr/stories/070312ruel/">neglect the huge banner</a>, too.</p>
<p>Graphic blindness comes from the fact that people have learned to <a href="http://www.useit.com/alertbox/banner-blindness.html">avoid advertisements</a> (also called banner blindness), and the more graphics and ads themselves resemble ads (placed outside of the content, graphics with huge fonts, photos and people), people are less likely to look at them.</p>
<h3>People scan pages</h3>
<p>The top-left eye movement pattern also suggests that people scan pages, not read them. They are drawn to what interests them, then they scan it the first words of the heading or sentence and move on to the next.</p>
<p>For the website developers, it means that the site text should be crafted for the Web: shorter, punchier headlines, shorter paragraphs, lists, subheadings, etc.</p>
<p><a href="http://www.ojr.org/ojr/stories/070312ruel/">Read the latest study results and see the example here</a>.</p>
<h3>What attracts visitors?</h3>
<p>Of course, it is known that something bright and screaming can attract one's attention. It is natural. Such things could be:</p>
<ul>

<li>a large headling and a blurb (piece of text) with the relevant words</li>

<li>a large image, related to the page topic</li>

<li>a close view of a face (connected with the page, preferrably)</li>
<li>photos of intimate parts of the body</li>
<li>editorial content to learn from</li>
</ul>
<p>Also, faces and images <a href="http://www.poynterextra.org/eyetrack2004/photos.htm">do attract attention</a>.</p>
<p>As you can see from the heatmaps from the link above, though images do get people to look at them, the text attracts much more attention (the redder the area, the more it was viewed).</p>
<h2>How to get the content noticed?</h2>
<p>If you want people to read what you write or otherwise pay attention to your website, you'll need to:</p>
<ul>
<li><a href="http://www.improvetheweb.com/focus-on-the-customers-the-people-and-the-value">know your audience</a></li>
<li><a href="http://www.improvetheweb.com/overdeliver">provide absolute value</a> to the visitors, such as <a href="http://www.improvetheweb.com/quality-content">quality content</a></li>
<li>use text whenever possible</li>
<li><a href="http://www.improvetheweb.com/how-to-format-text-content-on-your-website">make the text readable</a></li>
<li><a href="http://www.improvetheweb.com/when-use-graphics-your-site">use ads and graphics sparingly</a></li>
</ul>
<p>Nothing new or unexpected about getting people to pay attention what you have to offer: <a href="http://www.improvetheweb.com/providing-value-to-build-a-business">provide unique value</a> and they'll love you.</p>
<p>If you use ads, make them blend with the design, though find a balance not to offend your visitors by unexpectedly leading them off your website</p>
<h2>About eye tracking</h2>
<p>Eye tracking isn't the only solution to the problem. It can only <a href="http://experiencedynamics.blogs.com/site_search_usability/2004/12/eyetracking_stu.html" class="bb-url">guide the Web developers to understand</a> how people surf websites. <a href="http://www.uie.com/brainsparks/2006/06/13/eyetracking-worth-the-expense/">Some even believe</a> that eye tracking isn't that useful.</p>
<p>However, in some situations, such as determining whether to use graphics and what to use, eye tracking can provide answers and clues to some questions that arise during the website improvement process.</p>
<h2>Conclusions from the eye tracking research/studies</h2>
<div style="float:right;clear:left;">
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><script language="javascript" src="http://reddit.com/button.js?t=2"></script></div>
<p>So, as you can see, the eye tracking studies have clearly shown that people prefer text over images and also use it more efficiently, than images. This thing alone should make any reasonable web designer or <a href="http://www.improvetheweb.com/create-a-small-business-website-on-a-small-budget/">business website</a> owner to think deeply about using text.</p>
<p>However, there are even more advantages of using text on websites.</p>
<h2>Other implications for text use</h2>
<p>Text has <a href="http://webdesignfromscratch.com/effective_text.cfm">more benefits</a>, other than simply driving visitors' attention to itself, other than spending time and energy on graphical elements that don't contribute to understanding of the page.</p>
<h3>To improve website speed</h3>
<p>When a website is build primarily of text (such as this one), <a href="http://www.improvetheweb.com/how-to-optimize-site-speed/" class="bb-url">it loads much faster</a>, than the one, which uses</p>
<ul>

<li>excessive images, graphics</li>

<li>JavaScript (for menus, including various stat tracking scripts, such as Google Analytics)</li>

<li>table-based layouts (which are twice larger in file size, than the ones <a href="http://www.strictlycss.com/">built in CSS</a>)</li>

<li>internal code (not placed in external CSS, JS, etc files and linked to) </li>

<li>sound and video on the page (especially without transcripts, which hurts <a href="http://www.improvetheweb.com/how-to-gain-a-competitive-advantage-with-an-accessible-website/">accesibility</a> - if you do use audio/video, don't auto-launch it and have a button to turn it on/off)</li>
</ul>
<p>Though website loading speed isn't the only factor that influences conversions, it is one of the most important ones, considering that visitors start to leave, when the page loads slower than in 8 seconds.</p>
<p>Another, more important factor, is <a href="http://www.uie.com/articles/download_time/" class="bb-url">how well visitors can find what they want</a> on the website.</p>
<h3>To get more search engine traffic</h3>
<p>As you might know, the search engines primarily work with text. Sure, they can crawl JavaScript, Flash and even collect information about images (from the alt attributes and their surroundings), but the primary source is text.</p>
<p>When you use text mostly, the search engines have better chances at categorizing your site properly and showing it to its visitors. Especially, if you <a href="http://www.improvetheweb.com/how-to-conduct-your-keyword-research-and-make-your-seo-more-efficient/" class="bb-url">use words people use to describe it and place them properly</a>.</p>
<p>Thus, as you might guess, the more text you have on your site, the more visitors you'll be getting from the search engines, which can only help a website.</p>
<p>Text specially helps, when used in logos, slogans and homepages. This way, the most important information is available to the search engines and your homepage is more likely to come up for a series of <a href="http://www.improvetheweb.com/the-long-tail-of-search" class="bb-url">long tail phrases</a>.</p>
<h2>Conclusions</h2>
<p>Though relevant, clear images can draw visitors' eyes to it, the text, containing the information the people were hunting for, draws much more attention. That is why text should be the cornerstone of the web page design, not graphics (which it seems to be right now). Especially, when text can boost search engine traffic and conversions greatly.</p>
<p>In that respect, it is of primary importance to <a href="http://www.improvetheweb.com/how-to-format-text-content-on-your-website/">format the text for the Web</a> to make it readable and <a href="http://www.improvetheweb.com/how-to-write-for-the-people/">write it for the people</a>.</p>
<p>An alternative to graphics, white space and carefully styled with CSS text can replace most graphics (especially text in images).</p>
<p>Something to think about, right?</p>
<script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script><script language="javascript" src="http://reddit.com/button.js?t=2"></script>    ]]></content>
  </entry>
  <entry>
    <title>Should web designers be taught SEO?</title>
    <link rel="alternate" type="text/html" href="http://www.improvetheweb.com/should-web-designers-be-taught-seo" />
    <id>http://www.improvetheweb.com/should-web-designers-be-taught-seo</id>
    <published>2007-05-09T08:09:23-05:00</published>
    <updated>2007-05-09T08:09:23-05:00</updated>
    <author>
      <name>Yuri</name>
    </author>
    <category term="Web design" />
    <summary type="html"><![CDATA[<p></p>
<p>Lately, Lee Odden has written a post, discussing whether <a href="http://www.toprankblog.com/2007/04/seo-clueless-web-developers-evil-or-cash-cow/" class="bb-url">web designers without any SEO knowledge are evil</a>, or should exist as cash cows for SEO consultants.</p>
<p>Apparently, every SEO (and web designer) has his own answer to this question. </p>
    ]]></summary>
    <content type="html"><![CDATA[<p>
</p><p>Lately, Lee Odden has written a post, discussing whether <a href="http://www.toprankblog.com/2007/04/seo-clueless-web-developers-evil-or-cash-cow/" class="bb-url">web designers without any SEO knowledge are evil</a>, or should exist as cash cows for SEO consultants.</p>
<p>Apparently, every SEO (and web designer) has his own answer to this question. </p>
<h2>Should SEOs educate web designers?</h2>
<p>Of course, we can neglect web designers and milk them (and their clients) for ages. But how will that go along with our desire to be working on something more complex and challenging? Do we want to perfect our knowledge and skills? Do we want to make a positive impact on the Web?</p>
<p>Moreover, knowing web designers, there will be much more things after you educate them. Crawlability (search engine friendliness) and <a href="http://www.improvetheweb.com/search-engine-ranking-factors-place-your-keywords-smartly/" class="bb-url">on-page optimization</a> is good, but how about conversions, accessibility? You'll spend plenty of time training your web designer to think about "don't make me think" and "conversions", let alone AAA accessibility compliance.</p>
<p>I guess this is a common way of improving things. Remember the websites of the early 90s? What do you see now, something a bit better?</p>
<h2>Why learn SEO?</h2>
<p>From a designers perspective, at least knowing how search engines work will allow them to create SE-friendly websites. This will drive more traffic to their clients' websites and make their clients happier, so the designers will get more referrals and more loyal customers.</p>
<h2>After web designers make good websites..</h2>
<p>When basic on-page optimization is done, <a href="http://www.improvetheweb.com/should-web-designers-consider-usability/" class="bb-url">web designers can</a> start <a href="http://www.improvetheweb.com/using-usability-to-improve-site-profit/" class="bb-url">improving website usability</a>, such as <a href="http://www.improvetheweb.com/show-clear-click-path/" class="bb-url">click path</a>, <a href="http://www.improvetheweb.com/how-to-gain-a-competitive-advantage-with-an-accessible-website/" class="bb-url">website accessibility</a> and such.</p>
<p>After web designers create more or less SE and human friendly websites, SEOs can still have their jobs, because no websites is perfect and there always will be something to fix. Moreover, just having a crawlable website doesn't get traffic alone. The website needs <a href="http://www.improvetheweb.com/marketing-your-web-site/" class="bb-url">some promoting</a> and that's what SEOs can do (<a href="http://www.improvetheweb.com/what-is-seo/" class="bb-url">now transforming to marketers</a> or jacks-of-all-trades, really).</p>
<p>Moreover, web designers should also remember about content, if they are in charge of creating it, but that's another story. Most SEOs, however, know <a href="http://www.improvetheweb.com/quality-content" class="bb-url">what content</a> needs to be created <a href="http://www.improvetheweb.com/why-and-how-to-create-unique-valuable-content/" class="bb-url">and how</a>.</p>
<h2>Rounding up</h2>
<p>Overall, in my opinion, SEOs should rather educate everyone involved, not just web designers, because it will improve the overall Web experience for everyone, not just the web industry people. And there always will be something to work on, such as usability, conversions, accessibility, customer loyality and so on.</p>

    ]]></content>
  </entry>
</feed>
