<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>And Break &#187; Web Design</title>
	<atom:link href="http://andbreak.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://andbreak.com</link>
	<description>Helping You Become the Blogger You Want to Be</description>
	<lastBuildDate>Sat, 24 Jul 2010 15:41:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>101 Common Web Site Design Mistakes</title>
		<link>http://andbreak.com/2009/04/101-common-web-designer-mistakes/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=101-common-web-designer-mistakes</link>
		<comments>http://andbreak.com/2009/04/101-common-web-designer-mistakes/#comments</comments>
		<pubDate>Mon, 20 Apr 2009 16:15:18 +0000</pubDate>
		<dc:creator>Julius</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://andbreak.com/?p=677</guid>
		<description><![CDATA[A lot of people are nowadays starting a new web site, may it just be personal blog or your own ecommerce site. With a growing number of web page we also see a growing number of web site designs.
The main stream of web sites are flawed with mistakes that are easily avoidable.]]></description>
			<content:encoded><![CDATA[<p>A lot of people are nowadays starting a new web site, may it just be personal blog or your own ecommerce site. With a growing number of web page we also see a growing number of web site designs.</p>
<p>The main stream of web sites are flawed with mistakes that are easily avoidable. Here is a list of what I found the most important mistakes made by web designers:</p>
<ol>
<li><strong>Do Not Sign up Users for Something (newsletters) Without Their Consent</strong></li>
<li><strong>Create Scannable Text:</strong> This is important for readers who do not have time to read your whole article. By using headlines, images, and making part of the text bold and italic the visitor will have an easier time recognizing the important aspects of your article.</li>
<li><strong>Test the Design</strong></li>
<li><strong>Avoid Tiny Font</strong></li>
<li><strong>Text Should be Easy to Read</strong></li>
<li><strong>Clear Hierarchy:</strong> Make important things big and let them stand out. Unimportant aspects of the web site should be rather small.</li>
<li><strong>Do Not Open Links in a New Window</strong></li>
<li><strong>Avoid Using Browser-Specific CSS</strong></li>
<li><strong>Visitors Should Know What Your Web Site is About Within Seconds of Visiting it<br />
</strong></li>
<li><strong>Good Search Function:</strong> Most of the default search functions suck, for example WordPress&#8217;s search does. Go ahead and implement a better search algorithm as this will also increase your page views.</li>
<li><strong>Do Not Use Animated GIFs</strong></li>
<li><strong>Create Easy to Use Navigation<br />
</strong></li>
<li><strong>Do Not Use Java</strong></li>
<li><strong>No Pop Ups:</strong> Pop ups distract users from your content. Poeple do not visit your web site to see pop ups but to see actual content.</li>
<li><strong>Include a Search Box</strong>: Users are so used to searching since the evolution of search engines that they will look for a search function on your site.</li>
<li><strong>Use an Uncluttered Design</strong></li>
<li><strong>Do Not Use Too Many Pictures</strong></li>
<li><strong>Leave Enough White Space</strong></li>
<li><strong>Do Not Use Meaningless Flash Animations</strong></li>
<li><strong>Avoid PDF files:</strong> Because most browsers require extra software for viewing PDF files, they are generally seen as breaking the user flow. Therefore whenever you have the opportunity mind using PDFs.</li>
<li><strong>Change the Color of Visited Links</strong></li>
<li><strong>Make Links Stand out</strong></li>
<li><strong>Do Not Reinvent Navigation</strong></li>
<li><strong>Do Not Change the Look and Feel of Every Page</strong></li>
<li><strong>Loading Pages Fast:</strong> This aspect is important as people will be happier if your web site loads faster. Search engines also use it to calculate your ranking.</li>
<li><strong>Horizontal Scrolling</strong>: Having to scroll to the right or left to view more content is not helpful to your fellow visitors.</li>
<li><strong>Do Not Bury Essential Information Too Deep in the Website</strong></li>
<li><strong>Use a Unique design</strong></li>
<li><strong>Do Not Play Music Automatically</strong></li>
<li><strong>Do Not Write Your Website for Search Engines</strong></li>
<li><strong>Use Descriptive URLs: </strong>Instead of using a URL like http://yourwebsite.com/?p=105 , go ahead and change it to http://yourwebsite.com/article-about-blogging</li>
<li><strong>Do Not Use Frontpage</strong></li>
<li><strong>Do Not Link to Banned Web Sites</strong>: Linking to banned web sites will be punished by search engines.</li>
<li><strong>Do Not Violate Design Conventions</strong></li>
<li><strong>Avoid Website Stats Counter:</strong> Why should every visitor be interested in seeing how many people visited your web site? Only advertisers are interested in such things, so just go ahead and create an advertise page instead of using stats counter.</li>
<li><strong>Do Not Disable Right Click</strong></li>
<li><strong>Use Valid CSS</strong></li>
<li><strong>Avoid Splitting Content Into Too Many Pages</strong></li>
<li><strong>Avoid Using Free Web Hosting</strong></li>
<li><strong>Do Not Use Shockwave</strong></li>
<li><strong>Avoid Spelling and Grammar Mistakes:</strong> This is probably one of the most embarrassing and easy to avoid mistakes there is in web design.</li>
<li><strong>Use Valid HTML</strong></li>
<li><strong>Use a Consistent Layout</strong></li>
<li><strong>Use Image&#8217;s alt and Link&#8217;s title Attribute: </strong>Alt image attributes are required for the &lt;img&gt; tag, therefore go ahead and use it, otherwise you will end up with invalid HTML. Title and alt attributes are also great for search engine optimization so make sure you use some keywords.</li>
<li><strong>Do Not Disable the Selection of Text</strong></li>
<li><strong>Do Not Use Frames</strong></li>
<li><strong>Avoid Using Free Email Addresses</strong></li>
<li><strong>Do Not Use Director</strong></li>
<li><strong>Do Not Put Ads in Your Articles:</strong> Advertisement distract users while they are trying to read your content. Make ads stand out at least in articles so visitors know what ads are and what the content.</li>
<li><strong>Avoid Using Big Pictures for Thumbnails</strong></li>
<li><strong>Do Not Use Too High Contrast Text Colors</strong></li>
<li><strong>Do Not Include White Spaces within File Names</strong></li>
<li><strong>Set a Body Background Color</strong>: The reason for this is that not everyone uses white in his browser as the default background color.</li>
<li><strong>Do Not Center Everything</strong></li>
<li><strong>Avoid Using Non-Standard Fonts</strong></li>
<li><strong>Avoid Using Bad Quality Pictures: </strong>Sometimes it might make sense to use a picture with a bad quality but most of the time it&#8217;s better to use a quality picture and just <a href="http://andbreak.com/2009/03/how-to-reduce-size-images/">decrease the image&#8217;s size</a>.</li>
<li><strong>Ask People For Their Opinion about Your Design</strong></li>
<li><strong>Avoid Using Captchas for Posting Comments</strong></li>
<li><strong>Do Not Use the Wrong DOCTYPE</strong></li>
<li><strong>Avoid Browser Sniffing</strong>: Trying to attempt to detect the visitors browser and then loading browser specific code is not a good web design practice. It is easier if you just make sure that you create code that looks the same in every browser.</li>
<li><strong>Do Not Place Full-Screen Ads on Your Web Site</strong></li>
<li><strong>Avoid Heavy Javascript Dependency</strong></li>
<li><strong>Do Not Use Images Instead of Text</strong></li>
<li><strong>Do Not Use Old School HTML such as &lt;font&gt;</strong></li>
<li><strong>Encode Ampersands &amp; and Other Special Characters<br />
</strong></li>
<li><strong>Do not Require Registration for Comments:</strong> Why should people sign up at your web site just to post a comment? A comment is a favor in the visitor&#8217;s eye because he is actually investing time, therefore make it easy to comment.</li>
<li><strong>Do Not Use High Tech Tricks or Scripts on Your Website</strong></li>
<li><strong>Do Not Use &#8220;Under Construction&#8221; Signs</strong></li>
<li><strong>Differentiate </strong><strong>Between Visited and Unvisited Links:</strong> Your visitors will get confused if you don&#8217;t make it obvious which links they have visited and which they haven&#8217;t.</li>
<li><strong>Make Obvious What is Clickable</strong></li>
<li><strong>Avoid Using Complex Backgrounds Behind Text</strong></li>
<li><strong>Always Link Back to Your Homepage</strong></li>
<li><strong>Enough Line Spacing:</strong> Nothing is worse than having one line under another without any space in between.</li>
<li><strong>Avoid Big Forms</strong></li>
<li><strong>Do Not Make Fields Mandatory Unless They Truly Are</strong></li>
<li><strong>Support Autofill for Forms</strong></li>
<li><strong>Provide Contact Information: </strong>Contact Information is essential but some people do not think about it. I am astonished myself when I see how many people use the About and Contact page.</li>
<li><strong>Do Not Use Complex URLs</strong></li>
<li><strong>Do Not Type All Text in CAPS</strong></li>
<li><strong>Always Keep Your Visitors in Mind</strong></li>
<li><strong>Avoid Useless Plug-ins, especially with WordPress: </strong>WordPress is a great blogging software but it becomes somewhat heavy when you use a lot of plug-ins. Go ahead and get rid of some, I am sure you can.</li>
<li><strong>Avoid Starting Title Lines With &#8220;Welcome to&#8230;&#8221;</strong></li>
<li><strong>Do Not Use the Same Title for Every Page</strong></li>
<li><strong>Do Not Program the Web Site to Refresh after a Certain Period of Time<br />
</strong></li>
<li><strong>Create Contrast on Your Web Site<br />
</strong></li>
<li><strong>Use HTML and CSS instead of Javascript: </strong>There are often times when people think they need to use Javascript. But do you really? Usually there is also a way around which might even improve your users experience because the site still works even if Javascript is turned off.</li>
<li><strong>Provide Means to Receive Feedback</strong></li>
<li><strong>Do Not Use Footer-Only Navigation</strong></li>
<li><strong>Do Not Show Errors to Readers</strong></li>
<li><strong>Do Not Use the <em>language</em> Attribute in Script Elements &lt;script language=&#8221;Javascript 1.1&#8243;&gt;&#8230;&lt;/script&gt;</strong></li>
<li><strong>Avoid Long Scrolling Pages</strong></li>
<li><strong>Move Important Things to the Top of the Web Site:</strong> Most of the designers usually get it right automatically but some don&#8217;t. For example do not put your navigation in the footer of a web site, the navigation is almost the most important part of the web page.</li>
<li><strong>Avoid Invisible Text</strong></li>
<li><strong>Do Not Ignore Web Standards</strong></li>
<li><strong>Avoid Using Jargon or Highly Technical Language</strong></li>
<li><strong>Do Not Start Videos Automatically: </strong>There is a reason for why popular web sites such as Youtube do not start videos automatically, it is rather distracting and users might also miss some of the video&#8217;s content while scrolling to it.</li>
<li><strong>Design Web sites that Are Easy to Customize<br />
</strong></li>
<li><strong>Do Not Promote Yourself Overly</strong></li>
<li><strong>Use CSS instead of Images when Possible:</strong> This is especially important for template and theme designers as there is a way to avoid pictures in your template, at least most of the time.</li>
<li><strong>Always Link Web Site Logos back to the Homepage</strong></li>
<li><strong>Do Not Use Fixed CSS Elements:</strong> I often find fixed CSS elements very distracting even if they are small. Therefore if you can then try to avoid them.</li>
</ol>
<p>What would you like to add to the list? What do you think is important?</p>
<p><strong>References and Further Reading:</strong></p>
<ul>
<li><a href="http://www.dailyblogtips.com/43-web-design-mistakes-you-should-avoid/">43 Web Design Mistakes You Should Avoid</a></li>
<li><a href="http://www.useit.com/alertbox/9605.html">Top Ten Mistakes in Web Design</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://andbreak.com/2009/04/101-common-web-designer-mistakes/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Does Your Logo Need a Facial?</title>
		<link>http://andbreak.com/2009/04/does-your-logo-need-a-facial/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=does-your-logo-need-a-facial</link>
		<comments>http://andbreak.com/2009/04/does-your-logo-need-a-facial/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 13:27:58 +0000</pubDate>
		<dc:creator>Julius</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://andbreak.com/?p=894</guid>
		<description><![CDATA[Numerous years of branding activities make your logo the face of your company. Obviously you like your logo and never want to let it go or change it. However what you may not be considering is the fact that with changing times, the design preferences and tastes change too.]]></description>
			<content:encoded><![CDATA[<p>Numerous years of branding activities make your logo the face of your company. Obviously you like your logo and never want to let it go or change it. However what you may not be considering is the fact that with changing times, the design preferences and tastes change too.</p>
<p>Ever wonder why larger organizations update their logos to portray a more contemporary feel? This however does not mean that you should change your logo altogether. In this article we will discuss why improving small bits of elements in your logo are essential to maintain your legacy and brand image.</p>
<div class="alignleft"><img class="size-full wp-image-897" style="padding-right:20px;" title="Ford Logo Time Line" src="http://andbreak.com/wp-content/uploads/2009/04/fordimage.jpg" alt="Ford Logo Time Line" width="161" height="348" /><br />
<small>Source:<a href="http://www.neatorama.com/2008/02/18/evolution-of-car-logos/">Neatorama</a></small></div>
<h3>Few questions to be asked</h3>
<p>Before going for a change, ask yourself few questions, if your answers is no to all or most of the questions below, than the effective logo redesign is the answer.</p>
<ol>
<li>Take a close look at your logo not being as an owner but rather as a customer. What do you feel? Does the design appeal to you?</li>
<li>Can the color, font, style and other elements be recognized easily?</li>
<li>Is your logo look fresh and modern with contemporary logo design trends?</li>
<li>Is your logo successful in portraying a business image to your target audience?</li>
<li>Is your logo compatible with all the advertising and marketing mediums?</li>
<li>Is your logo unique and doesn’t match with your competitor’s logo?</li>
</ol>
<h3>Why You Should Redesign</h3>
<p>Redesigning a logo and improving the look sometimes becomes crucial. There are several reasons which can justify the above mentioned comments:</p>
<ol>
<li>Updating your logo to look more eye-catching to viewers. The graphics, images, colors, fonts used in the logo must all reveal the aesthetic element of the design. If the logo you have does not meet the above standard, a logo redesign is highly recommended to earn benefits out of the logo.</li>
<li>Colors, fonts, and all the other elements should be located in your logo in such a way that they are easily visible to the viewers. If the fonts are hard to read, or the logo is over-crowded with too many colors, it tends to irritate the customer and he won’t be able to recognize your logo when he sees it next time. Whereas, a simple and easy to recognize logo will make the viewer memorize it at a glance. If your current logo has its necessary message buried and irritates the viewer in finding the purpose of your business, then a logo redesign is a turnkey solution to draw attention of the viewers.</li>
<li>The style of your logo is another very important factor. There may be many things you wish to put in your logo, but at the same time you must keep in mind that the style should be similar to the characteristic like the type of your business or the kind of your target audience. If the logo you own does not suitably portray your business purpose to the old customers, logo redesign is necessary in order to carry the targeted message accurately and efficiently.</li>
<li>The logo design trends are constantly changing. New trends like Web 2.0, Waves, and Organic 3D are in the market that make logos look fresher and more eye-catching and portray the company’s image as innovative and modern. Thus, if your logo is not according to the current design trends, and doesn’t look fresh and modern, you will not be able to keep up with competition. When such things happen, giving your logo a face lift can prove to be enormously successful.</li>
<li>Determine how you are going to use your logo on different marketing and advertising mediums like billboards, brochures, letterheads, pens, buttons etc., therefore, logo is meant to be versatile, and its design should bestowed to any use imaginable. But, if your logo is not compatible with all the available mediums, it’s better to consider redesign.</li>
</ol>
<h3>Final Words</h3>
<p>In short, your company’s logo is one of the key elements to its potential success and the starting point for branding of any kind. Getting a logo redesign with slight changes, not only looks appealing to the customers, but also helps in increasing the revenue. Furthermore, changing necessary elements will add the professionalism to your logo, which is the exclusive identity of your business to the millions of viewers.<br />
<strong>This is a guest post from Ben Johnson of <a href="http://www.logoinn.com">Logoinn, custom logo design</a> service provider based in UK.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://andbreak.com/2009/04/does-your-logo-need-a-facial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)

Served from: andbreak.com @ 2010-07-29 23:48:24 -->