<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-2877349016278076089</id><updated>2026-01-18T02:57:25.877-08:00</updated><category term="Website Development"/><category term="Website Design"/><category term="Website Design Guidelines"/><category term="Web Design"/><category term="Beautiful website design"/><category term="website design resource"/><category term="Resolution"/><category term="small business website"/><category term="CSS Design Tips"/><category term="Graphic Design"/><category term="Graphic Designer"/><category term="Information Design"/><category term="Web 2.0"/><category term="Website Colors"/><category term="Website Marketing"/><title type='text'>Website Development Design</title><subtitle type='html'>Website design development. In blog we will find professional web site design, development, promotion ways, question and their solution.</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><link rel='next' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default?start-index=26&amp;max-results=25'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>28</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-5409338083728578888</id><published>2008-08-05T00:14:00.000-07:00</published><updated>2008-08-05T00:45:34.183-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="CSS Design Tips"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><title type='text'>CSS Design - Great Designer Tips</title><content type='html'>&lt;a href=&quot;http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/&quot;&gt;55 CSS Techniques You Can&#39;t Live Without&lt;/a&gt; - Smashing Magazine is a fantastic resource for web design tips and tricks, and they hit the nail on the head with some great CSS tips in this list. It&#39;s really amazing all of the things your site can display using these advanced techniques.  &lt;p&gt;&lt;a href=&quot;http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html&quot;&gt;How to Make Sexy Buttons With CSS &lt;/a&gt;- Many people in the real world wouldn&#39;t consider anything on the web to be sexy &lt;em&gt;per se&lt;/em&gt;, but then, what do they know? Make sure your website eschews sexiness with this sexy button tutorial by Oscar Alexander. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://snook.ca/archives/html_and_css/six_keys_to_understanding_css_layouts/&quot;&gt;6 Keys to Understanding Modern CSS-Based Design&lt;/a&gt; - much like web design in general, CSS has expanded and evolved over the years, and many designers still need to catch up. Snook explores modern navigation and floating techniques to bring you up to speed. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.csslicingguide.com/&quot;&gt;CSS Slicing Guide &lt;/a&gt;- Many professional designers begin building their website layouts and themes in graphics programs first before actually creating the code. Sometimes, the process of transferring these ideas over to code can be daunting; use this CSS slicing guide to make such transitions smooth. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://razvan.seopedia.ro/2006/07/19/71-de-meniuri-css-utopic/&quot;&gt;71 Free CSS Menus&lt;/a&gt; - If you&#39;re not using CSS to enhance your site&#39;s navigational menus, you either have really boring text navigation or are just living in the stone age. No worries, though, as you&#39;re sure to find at least 1 styled menu to use out of the 71 on this list. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.webdesignerwall.com/tutorials/advanced-css-menu/&quot;&gt;Advanced CSS Menu&lt;/a&gt; - After digging through the list provided above, you might get bitten by the CSS-driven-menu bug, and might be looking to shovel deeper. Web Designer Wall has the tool you need to find what you&#39;re looking for. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.seomoz.org/blog/css-properties-you-probably-never-use&quot;&gt;15 CSS Properties You Probably Never Use (but perhaps should)&lt;/a&gt; - Leave it to Oatmeal to give us yet another great design tutorial! With so many CSS properties to utilize, it&#39;s easy to forget some that are mentioned on his list of what you SHOULD be using. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/&quot;&gt;70 Expert Ideas For Better CSS Coding&lt;/a&gt; - As you further your CSS knowledge, you may find yourself lost in a sea of style code. Keep yourself organized and make life a little less hectic with these 70 ideas for better coding from the CSS experts at Smashing Magazine. &lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://code.google.com/p/blueprintcss/&quot;&gt;Blueprint CSS&lt;/a&gt; - If 70 ideas weren&#39;t enough for you (or too much to handle), then you might want to check out Blueprint CSS. It&#39;s a CSS framework for you to help jump start your style sheets using advanced CSS organization. &lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.softwaredeveloper.com/features/designing-on-a-dime-060407/&quot;&gt;Designing on a Dime: 100 Freebie CSS Resources&lt;/a&gt; - One of the misconceptions of web design is that, in order to achieve a really good look, you got to have the financial resources (i.e. billable design hours) to churn out good design. This list of free resources proves otherwise.&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/5409338083728578888/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/5409338083728578888' title='109 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/5409338083728578888'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/5409338083728578888'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/08/css-design-great-designer-tips.html' title='CSS Design - Great Designer Tips'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>109</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-1238208261909915946</id><published>2008-07-15T01:17:00.000-07:00</published><updated>2008-07-15T02:15:49.928-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><title type='text'>Great New web Design Feature : MobileMe</title><content type='html'>Apple have recently announced a new suite of online applications called MobileMe. The aim of the development is to allow you to keep all your information in sync between several devices (e.g. your iPhone, Mac and Windows PC).&lt;br /&gt;&lt;br /&gt;&lt;h4&gt;Email&lt;/h4&gt;   &lt;p&gt;&lt;img src=&quot;http://www.designshack.co.uk/postimages/mobileme_email.jpg&quot; alt=&quot;Mobile Me Email&quot; class=&quot;featureimage&quot; /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;Design features which stand out include:&lt;br /&gt;&lt;br /&gt; * The use of a lighter font to separate the subject and following message content&lt;br /&gt; * Adding a new email indicator to the top toolbar, and the page title, to show your unread messages whilst using other applications.&lt;br /&gt;&lt;br /&gt;&lt;h4&gt;Photos / Gallery&lt;/h4&gt;   &lt;p&gt;&lt;img src=&quot;http://www.designshack.co.uk/postimages/mobileme_photos.jpg&quot; alt=&quot;Mobile Me Photos&quot; class=&quot;featureimage&quot; /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;There are several design elements which are notably good:&lt;br /&gt;&lt;br /&gt;  * The permanent share-able URL in the top right makes showing others your photos&lt;br /&gt;    very simple&lt;br /&gt;  * The simple design of the album settings popup&lt;br /&gt;  * The ability to resize all photos at once (no mean feat to achieve whilst keeping&lt;br /&gt;    load times down)&lt;br /&gt;&lt;br /&gt;&lt;h4&gt;Calendar&lt;/h4&gt;   &lt;p&gt;&lt;img src=&quot;http://www.designshack.co.uk/postimages/mobileme_calendar.jpg&quot; alt=&quot;Mobile Me Calendar&quot; class=&quot;featureimage&quot; /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Design features&lt;/span&gt; which stand out include:&lt;br /&gt;&lt;br /&gt;   * Transparency in event backgrounds allow you to still see time intervals&lt;br /&gt;   * Excellent use of subtle colours in the small calendar in the lower left to make&lt;br /&gt;     it immediately obvious what day it is, which day you’re looking at and where&lt;br /&gt;     the month begins and ends&lt;br /&gt;   * Slightly larger line spacing between events in the month view (making the&lt;br /&gt;     online calendar actually easier to read and scan than the desktop version)&lt;br /&gt;&lt;br /&gt;&lt;h4&gt;iDisk&lt;/h4&gt;   &lt;p&gt;&lt;img src=&quot;http://www.designshack.co.uk/postimages/mobileme_idisk.jpg&quot; alt=&quot;Mobile Me iDisk&quot; class=&quot;featureimage&quot; /&gt;&lt;/p&gt;&lt;br /&gt;&lt;br /&gt;*  The contrast between the two colours clashes and could certainly have been designed better. &lt;br /&gt;The use of JavaScript and AJAX provides, a practical interface for managing files and folders. &lt;br /&gt;Flipping through directories is seamless, as is dragging and dropping files as the page does not need to be reloaded for changes to take place.</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/1238208261909915946/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/1238208261909915946' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1238208261909915946'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1238208261909915946'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/07/great-new-web-design-feature-mobileme.html' title='Great New web Design Feature : MobileMe'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-6984342036596078298</id><published>2008-06-02T01:11:00.000-07:00</published><updated>2008-06-02T01:24:32.552-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Web Design &amp; website Development  Laws</title><content type='html'>&lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Brooks’ Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Adding manpower to a late software project makes it even later.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Probably the law I quote the most. I can’t tell you how many times a client has asked, ” Can’t we just throw another guy at the problem?”&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Parkinson’s Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Work expands so as to fill the time available for its completion.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;In other words, we’re talking about ‘scope creep’. Keep projects short and sweet—Otherwise, they tend to become unmanageable beasts.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Hoare’s Law of Large Programs&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Inside every large problem is a small problem struggling to get out.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;A perfect reminder that we often create larger problems from small ones. Always remember to focus on the goal or need. Everything else is secondary.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Lister’s Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;People under time pressure don’t &lt;em&gt;think&lt;/em&gt; faster.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Tell this to any startup and they will probably show you to the door, but it’s very true. The only result you get from putting people under pressure is unnecessary stress. Take a deep breath and avoid letting your stress become someone else’s.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Pareto Principle&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;For many phenomena, 80% of consequences stem from 20% of the causes.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;This is also known as the “80/20 Rule,” though most people seem to use it incorrectly. I don’t know if I fully believe in this principle. I think we often have a false perception that this is true, and therefore tend to focus on 20% of the problem. Or, in other words, the dreaded ‘edge case’.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The Peter Principle&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;In a hierarchy, every employee tends to rise to his level of incompetence.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;This principle comes in to play when dealing with the opinions of overzealous stakeholders. It can be difficult as an employee to publicly admit that you know more about this web stuff than your boss, but it must be done.&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Otherwise you run into…&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Conway’s Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Any piece of software reflects the organizational structure that produced it.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;This law is absolutely true of websites as well. Organizations that have bad communication or poorly defined roles invariably have websites that take more time and cost way more then they should.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Fitts’ Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The time taken to acquire a target is a function of the distance to and the size of the target.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;This one seems to be a favorite with speakers at web conferences, and is a handy reminder of the principals behind information and visual design.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Tesler’s Law of Conservation as Complexity&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;You cannot reduce the complexity of a given task beyond a certain point. Once you’ve reached that point, you can only shift the burden around.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;A good principle of information architecture. Complex tasks tend to be broken up and can often become more confusing in the process. Identify the hard stuff early on and treat it differently than everything else.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Occam’s Razor&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The explanation requiring the fewest assumptions is most likely to be correct.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;This principle is helpful when you are trying to understand human behavior. Sometimes things just work. You may not think this is right, and you may not understand why, but when something works you should just go with it.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Hofstadter’s Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;A task always takes longer than you expect, even when you take into account Hofstadter’s Law.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Isn’t that the truth. The best trick here is to record your time, so you always have a record to refer to. This gives you a good starting point for estimating how long the next task will take.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Ninety-ninety Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The first 90% of the code accounts for the first 90% of the development time. The remaining 10% of the code accounts for the other 90% of the development time.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The law is absolutely true. Once the end is in sight, the finish line tends to drift into the distance. Keeping development milestones short and sweet tends to help. It allows developers to feel like they’ve accomplished something, so they’re not wallowing in a pit of despair.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Hartree’s Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Whatever the state of a project, the time a project-leader will estimate for completion is constant.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;This law always reminds me of the movie &lt;em&gt;Money Pit&lt;/em&gt;. Whenever the contractors were asked when the job would be done they’d say, “oh… in about two weeks,” but in reality the project took a year. Trying to set the right completion expectation is always hard. I find just being totally honest with the client goes a long way toward not setting false hopes.&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Jakob’s Law of the Internet User Experience&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Coined by Jakob Nielsen, the King of Sameness. While this statement may read like &lt;span class=&quot;caps&quot;&gt;BS&lt;/span&gt;, there is some truth it. People adapt to what they know, and they have certain assumptions about the way things work that cannot be ignored.&lt;/span&gt;&lt;/p&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Which could also be said this way…&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Fisher’s Fundamental Theorem&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The more highly adapted an organism becomes, the less adaptable it is to any new change.&lt;/span&gt;&lt;/p&gt; &lt;/blockquote&gt;  &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;But…&lt;/span&gt;&lt;/p&gt;  &lt;h2&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Clarke’s Second Law&lt;/span&gt;&lt;/h2&gt;  &lt;blockquote&gt; &lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;The only way of discovering the limits of the possible is to venture a little way past them into the impossible.&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;br /&gt;&lt;br /&gt;Source : &lt;a href=&quot;http://www.blueflavor.com/blog/2008/feb/07/the-immutable-laws-of-web-desi/&quot;&gt;The Immutable Laws of Web Design and Development&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/6984342036596078298/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/6984342036596078298' title='52 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6984342036596078298'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6984342036596078298'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/06/web-design-website-development-laws.html' title='Web Design &amp; website Development  Laws'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>52</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-1653945666106732852</id><published>2008-04-07T05:43:00.000-07:00</published><updated>2008-04-07T05:49:47.271-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>100 Tips and Tricks Related to Web Development</title><content type='html'>&lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://www.dotsauce.com/2007/05/08/domain-investing-tips/&quot;&gt;10 Tips for Investing in Domain Names&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.searchenginejournal.com/how-to-earn-revenue-without-selling-links/5978/&quot;&gt;10 Ways How to Earn Revenue Without Selling Links&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.allbusiness.com/technology/internet-web-development/4015-1.html&quot;&gt;Top 10 Business Website Mistakes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.netconcepts.com/top-tips-for-ecommerce-sites/&quot;&gt;Top 10 Tips for E-Commerce Websites&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://kylescove.com/top-10-web-development-firefox-extensions/&quot;&gt;Top 10 Web Development FireFox Extensions&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.searchenginejournal.com/survival-guide-to-being-an-seo-10-tips-to-making-it-in-the-seo-community/5973/&quot;&gt;10 Tips to Making it in the SEO Community&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://fullguide.blogspot.com/2007/11/10-ways-to-promote-with-forums-free-and.html&quot;&gt;10 Ways to Promote (Your Website) With Forums&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://blog.auinteractive.com/10-things-that-will-make-or-break-your-website&quot;&gt;10 Things That Will Make or Break Your Website&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.silicon-dream.com/website/10-tips.asp&quot;&gt;10 Essential Tips for Website Projects&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://www.forumrank.net/article-Top+10+Tips+for+Growing+a+Forum.html&quot;&gt;Top 10 Tips for Growing a Forum&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;br /&gt;Source : &lt;a href=&quot;http://www.dotsauce.com/2007/11/17/100-web-development-tips/&quot;&gt;100 Web Development Tips&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/1653945666106732852/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/1653945666106732852' title='10 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1653945666106732852'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1653945666106732852'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/04/100-web-development-tips.html' title='100 Tips and Tricks Related to Web Development'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>10</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-5001441305904578308</id><published>2008-03-17T04:24:00.000-07:00</published><updated>2008-03-17T04:26:46.304-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><title type='text'>10 Tips for Designing an Ecommerce Web Site</title><content type='html'>Want to sell your goods directly from your site? Here are 10 tips:&lt;br /&gt;&lt;br /&gt;10. Design for your target market. Find out who your potential customers are and why they come to your site (i.e. where they are on the consumption cycle.)&lt;br /&gt;&lt;br /&gt;9. Identify your objectives for the site and introduce content accordingly. One Internet marketer tells the story of erroneously marketing an automotive book as an aid to car repair then discovered that the real market for his publication was buyers of new cars.&lt;br /&gt;&lt;br /&gt;8. Be cautious about using offline marketing material on the Web. Print material often does not lend itself to Web content and usually needs to be modified.&lt;br /&gt;&lt;br /&gt;7. Engage the viewer with dynamic environments. Allow the customer to experience the site - not just view it. Chat features, forums, solicited feedback, and database delivery of custom content go a long way.&lt;br /&gt;&lt;br /&gt;6. Provide good navigational structure, including search capabilities for larger sites. Viewers enter your site at various webpages - they should be able to navigate easily no matter where the place of entry. Your sales area should be free of links to other Internet sites. Why encourage customers to leave when you&#39;ve worked so hard to attract them?&lt;br /&gt;&lt;br /&gt;5. Test the interface. A Website interface should enhance the user&#39;s goals, not distract from them. Strive to meld site components (i.e. graphics, text, sound, etc.) to create a unique atmosphere and identity.&lt;br /&gt;&lt;br /&gt;4. Design with usability in mind and abide by basic design principles. Utilize white space (less is more), fonts that are easily read, pleasing color schemes, universally understood symbols, and backgrounds that don&#39;t distract from the message.&lt;br /&gt;&lt;br /&gt;3. Write for the Web. Write in the second person. (i.e. You will appreciate our new product because ...). Keep sentences short and no more than 3-4 sentences per paragraph. Make use of hyperlinks and interactivity unless doing so would take visitors away from your sales area.&lt;br /&gt;&lt;br /&gt;Remember also that your visitors will be situated in other parts of the world, and they may not understand jargon or North American slang.&lt;br /&gt;&lt;br /&gt;Lastly, research shows that Web surfers detest the use of marketing hype. Subtlety counts.&lt;br /&gt;&lt;br /&gt;2. Give something away and reward visitors from coming to your site. Offer free information, articles, contests, industry news or personalized services.&lt;br /&gt;&lt;br /&gt;1. And most importantly, always answer the question, &quot;What&#39;s In It For Me.&quot; In other words, talk &quot;Benefits&quot; not &quot;Features.&quot; Sound familiar ?&lt;br /&gt;&lt;br /&gt;Source : http://www.webpronews.com/topnews/2003/07/18/tips-for-designing-an-ecommerce-web-site</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/5001441305904578308/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/5001441305904578308' title='6 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/5001441305904578308'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/5001441305904578308'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/03/10-tips-for-designing-ecommerce-web.html' title='10 Tips for Designing an Ecommerce Web Site'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>6</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-8824295132973065815</id><published>2008-02-22T03:04:00.000-08:00</published><updated>2008-02-22T06:06:36.332-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><title type='text'>War of design versus functionality</title><content type='html'>&lt;span style=&quot;font-weight:bold;&quot;&gt;Design&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Design is responsible for keeping the viewer&#39;s attention. Studies show that a web page has just 3 seconds to make an impression before the user viewer decides to stay or leave, and a page has only 12 seconds to meet the viewer&#39;s needs before they find someone else to help them. The design is what catches the viewer&#39;s eye and keeps them interested. A good design also sends a message to the viewer regarding the company&#39;s personality, quality, and the way they do business.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt; &lt;br /&gt;Functionality&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Functionality, on the other hand, is responsible for keeping the viewer. If a website is easy to navigate and the viewer can find the information they are looking for easily, the viewer is likely visit the site often and experience all that the website has to offer. Functionality is a great gauge at seeing how effective the company is at communicating their ideas to their clients or customers in face-to-face situations.&lt;br /&gt;&lt;br /&gt;Source :</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/8824295132973065815/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/8824295132973065815' title='5 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/8824295132973065815'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/8824295132973065815'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/02/war-of-design-versus-functionality.html' title='War of design versus functionality'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-546605811258776005</id><published>2008-01-15T06:23:00.000-08:00</published><updated>2008-01-15T06:30:56.158-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Beautiful website design"/><category scheme="http://www.blogger.com/atom/ns#" term="Web 2.0"/><title type='text'>Create Web 2.0 visual effects in Photoshop</title><content type='html'>One of the things that can make a good Web 2.0-style design really stand out is the use of juicy icons and bold, isolated graphics that really pop off the page.&lt;br /&gt;&lt;br /&gt;Once you have an icon or object on your page, you can easily apply fun effects to the icon to help make it stand out.&lt;br /&gt;&lt;br /&gt;Read more at &lt;a href=&quot;http://www.sitepoint.com/article/web-2-0-effects-photoshop-2&quot;&gt;Creating Web 2.0 Effects With Photoshop&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/546605811258776005/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/546605811258776005' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/546605811258776005'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/546605811258776005'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2008/01/create-web-20-visual-effects-in.html' title='Create Web 2.0 visual effects in Photoshop'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-1872832375590367971</id><published>2007-12-18T01:21:00.000-08:00</published><updated>2007-12-18T01:44:16.575-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Graphic Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Graphic Designer"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><category scheme="http://www.blogger.com/atom/ns#" term="website design resource"/><title type='text'>Resources for Graphic Designers</title><content type='html'>&lt;strong&gt;Organizations&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;1. &lt;a title=&quot;Graphic Artists Guild&quot; href=&quot;http://www.gag.org/&quot; target=&quot;_blank&quot;&gt;http://www.gag.org/&lt;/a&gt;The Graphic Artists Guild promotes and protects its members and is committed to improving conditions for all graphic designers and the whole industry. They also produce the well known Graphic Artists Guild Handbook which is an essential part of any designers library.&lt;br /&gt;&lt;br /&gt;2. &lt;a title=&quot;AIGA&quot; href=&quot;http://www.aiga.org/&quot; target=&quot;_blank&quot;&gt;http://www.aiga.org/&lt;/a&gt;AIGA, the professional association for design is dedicated to protecting and advancing design and its importance to society. AIGA now represents more than 19,000 designers through national activities and local programs developed by more than 55 chapters and 200 student groups.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Design Tournaments&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;3. &lt;a title=&quot;Cut&amp;amp;Paste&quot; href=&quot;http://www.cutandpaste.com/events/&quot; target=&quot;_blank&quot;&gt;http://www.cutandpaste.com/events/&lt;/a&gt;Cut&amp;amp;Paste is a world wide live digital design tournament that goes on every year in multiple locations award prizes to the worlds best anonymous designers.&lt;br /&gt;Generally Useful&lt;br /&gt;&lt;br /&gt;4. &lt;a href=&quot;http://www.lipsum.com/&quot; target=&quot;_blank&quot;&gt;http://www.lipsum.com/&lt;/a&gt;This is a pretty famous site within the design community; you can generate dummy text on this site to put into your designs until the real copy is available.&lt;br /&gt;&lt;br /&gt;5. &lt;a title=&quot;Alexa&quot; href=&quot;http://www.alexa.com/&quot; target=&quot;_blank&quot;&gt;http://www.alexa.com/&lt;/a&gt;Alexa is a traffic ranking site that is widely used to research other sites. It’s not the most accurate tool but it has become common place and your Alexa rank is often a variable when determining advertising costs or site popularity.&lt;br /&gt;&lt;br /&gt;6. &lt;a title=&quot;CSS Type&quot; href=&quot;http://www.csstype.com/&quot; target=&quot;_blank&quot;&gt;http://www.csstype.com/&lt;/a&gt;An incredibly useful site that shows you exactly how web fonts will look on your screen.&lt;br /&gt;&lt;div align=&quot;justify&quot;&gt;7. &lt;a title=&quot;Brands of the World&quot; href=&quot;http://www.brandsoftheworld.com/&quot; target=&quot;_blank&quot;&gt;http://www.brandsoftheworld.com/&lt;/a&gt;This is the ultimate branding library with thousands of the worlds most famous and popular logos. Great for researching corporate identity.&lt;br /&gt;&lt;br /&gt;8. &lt;a title=&quot;Google Blog Search&quot; href=&quot;http://blogsearch.google.com/&quot; target=&quot;_blank&quot;&gt;http://blogsearch.google.com/&lt;/a&gt;An easy way to weed out site and just find blog on the topics you are interested in.&lt;br /&gt;&lt;br /&gt;9. &lt;a title=&quot;Digg&quot; href=&quot;http://www.digg.com/&quot; target=&quot;_blank&quot;&gt;http://www.digg.com/&lt;/a&gt;Digg.com is a great place for offbeat news and can be in indispensable weapon in your arsenal of traffic getting tools. You can submit well written articles to dig and if it is dugg a lot and becomes popular it can bring in a substantial amount of traffic to your website for free.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;10. &lt;a title=&quot;Bloglines&quot; href=&quot;http://www.bloglines.com/&quot; target=&quot;_blank&quot;&gt;http://www.bloglines.com/&lt;/a&gt;Bloglines is a great way to organize all the blogs you read into one place instead of having to visit a bunch of different websites and is a good time saver.&lt;br /&gt;&lt;br /&gt;11. &lt;a title=&quot;Firefox Browser&quot; href=&quot;http://www.mozilla.com/en-US/&quot; target=&quot;_blank&quot;&gt;www.mozilla.com/en-US/&lt;/a&gt;Arguably the best web browser out right now. I use it for most of my web browsing but don’t forget the other browsers when it comes to optimizing your website. Not everyone uses the same browser.&lt;br /&gt;&lt;br /&gt;12. &lt;a title=&quot;Thunderbird&quot; href=&quot;http://www.mozilla.com/en-US/thunderbird/&quot; target=&quot;_blank&quot;&gt;www.mozilla.com/en-US/thunderbird/&lt;/a&gt;This is my favorite email client to use. It’s simple, efficient, and easy to use with solid email alert features. Very handy if you get important emails often.&lt;br /&gt;&lt;br /&gt;13. &lt;a title=&quot;Adobe&quot; href=&quot;http://www.adobe.com/&quot; target=&quot;_blank&quot;&gt;http://www.adobe.com/&lt;/a&gt;Home to the well known design software we all know and love. Good site to check out once in a while for updates and help regarding software such as Photoshop and illustrator.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Networking &amp;amp; Freelance Work&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;14. &lt;a title=&quot;Craigs List&quot; href=&quot;http://sfbay.craigslist.org/about/cities.html&quot; target=&quot;_blank&quot;&gt;http://sfbay.craigslist.org/about/cities.html&lt;/a&gt;Craigslist is one of my favorite forums to use. There are tons of new design jobs and gigs added every day but the competition is stiff so bring your “A” Game.&lt;br /&gt;&lt;br /&gt;15. &lt;a title=&quot;Get a Freelancer&quot; href=&quot;http://www.getafreelancer.com/&quot; target=&quot;_blank&quot;&gt;http://www.getafreelancer.com/&lt;/a&gt;If you are looking for an affordable but professional coder this is the place to go. Freelancers bid on projects you post.&lt;br /&gt;&lt;br /&gt;16. &lt;a title=&quot;Facebook&quot; href=&quot;http://www.facebook.com/&quot; target=&quot;_blank&quot;&gt;http://www.facebook.com/&lt;/a&gt;Facebook is growing incredibly fast and is a great way to network with other people and advertising your design services. Many professionals are moving to facebook over other social networking sites.&lt;br /&gt;&lt;br /&gt;17. &lt;a title=&quot;Myspace&quot; href=&quot;http://www.myspace.com/&quot; target=&quot;_blank&quot;&gt;http://www.myspace.com/&lt;/a&gt;Myspace has tons of potential when it comes to snagging freelance gigs or networking. They have a decently active classifieds section that you can use to market your work.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;18. &lt;a title=&quot;Linkedin&quot; href=&quot;http://www.linkedin.com/&quot; target=&quot;_blank&quot;&gt;http://www.linkedin.com/&lt;/a&gt;Linkedin is a very popular site for professionals and is a valuable networking tool.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;19. &lt;a title=&quot;Krop&quot; href=&quot;http://www.krop.com/&quot; target=&quot;_blank&quot;&gt;http://www.krop.com/&lt;/a&gt;Krop.com has a database of jobs for designers, artists, and developers with an instant and easy to use search feature.&lt;br /&gt;&lt;br /&gt;20. &lt;a title=&quot;Coroflot&quot; href=&quot;http://www.coroflot.com/&quot; target=&quot;_blank&quot;&gt;http://www.coroflot.com/&lt;/a&gt;Corofloat.com is a site where you can promote and host your design portfolio, search for jobs and post to hire some one.&lt;br /&gt;Stock Photography&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;21. &lt;a title=&quot;Istock Photo&quot; href=&quot;http://www.istockphoto.com/index.php?view=full&quot; target=&quot;_blank&quot;&gt;http://www.istockphoto.com/index.php?view=full&lt;/a&gt;This stock photography site has incredible photographers and even better prices for illustrations and photos. It will make your life way easier as a designer and has many other benefits such as making money selling your illustrations and photography, networking with other design professionals, promoting your portfolio site, access to active forums and much more!&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;22. &lt;a title=&quot;Corbis&quot; href=&quot;http://pro.corbis.com/&quot; target=&quot;_blank&quot;&gt;http://pro.corbis.com/&lt;/a&gt;Corbis is one of the leading stock photography sites with millions of images online, featuring historical, fine art, business, technology, celebrity, travel, sports and nature photography.&lt;br /&gt;&lt;br /&gt;23. &lt;a title=&quot;Shutter Stock&quot; href=&quot;http://www.shutterstock.com/&quot; target=&quot;_blank&quot;&gt;http://www.shutterstock.com/&lt;/a&gt;Shutter Shock is a subscription based stock photography site with over two million royalty-free stock photos available.&lt;br /&gt;&lt;br /&gt;24. &lt;a title=&quot;Big Stock Photo&quot; href=&quot;http://www.bigstockphoto.com/&quot; target=&quot;_blank&quot;&gt;http://www.bigstockphoto.com/&lt;/a&gt;Big Stock Photo lets you upload and download low-cost digital stock photography. They have well over a million photos organized into categories.&lt;br /&gt;&lt;br /&gt;25. &lt;a title=&quot;Getty Images&quot; href=&quot;http://www.gettyimages.com/Home.aspx&quot; target=&quot;_blank&quot;&gt;http://www.gettyimages.com/Home.aspx&lt;/a&gt;Getty Images offers a large searchable collection of rights-managed or royalty-free images and films. Getty Images is a great site if you are looking for current event and public figure related photography.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Color &amp;amp; Charts&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;26. &lt;a title=&quot;Kuler&quot; href=&quot;http://kuler.adobe.com/&quot; target=&quot;_blank&quot;&gt;kuler.adobe.com&lt;/a&gt;Kuler is a useful site to go to find color themes for your projects. Users can submit their own themes to be rated and you can search for many type of color themes.&lt;br /&gt;&lt;br /&gt;27. &lt;a title=&quot;Colour Lovers&quot; href=&quot;http://www.colourlovers.com/&quot; target=&quot;_blank&quot;&gt;http://www.colourlovers.com/&lt;/a&gt;Colour Lovers is a great site with user submitted color palettes and even cooler is their blog that creates color palettes based on each blog posts at the end of every post.&lt;br /&gt;&lt;br /&gt;28. &lt;a title=&quot;Logo Range&quot; href=&quot;http://www.logoorange.com/color/color-codes-chart.php&quot; target=&quot;_blank&quot;&gt;http://www.logoorange.com/color/color-codes-chart.php&lt;/a&gt;&lt;br /&gt;Nice chart that converts PMS colors to CMYK and RGB color codes for you.&lt;br /&gt;&lt;br /&gt;29. &lt;a title=&quot;Ideo&quot; href=&quot;http://www.ideo.com/visualizer.html&quot; target=&quot;_blank&quot;&gt;http://www.ideo.com/visualizer.html&lt;/a&gt;This extremely useful but simple web safe color chart lets you easily see exactly how different colors will look on your screen.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Inspirational Sites&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;30. &lt;a title=&quot;CSS Beauty&quot; href=&quot;http://www.cssbeauty.com/&quot; target=&quot;_blank&quot;&gt;http://www.cssbeauty.com/&lt;/a&gt;CSS Beauty provides its users with a database of well designed CSS designed sites, as well as news and happenings related to the CSS Community.&lt;br /&gt;&lt;br /&gt;31. &lt;a title=&quot;The Cool Hunter&quot; href=&quot;http://www.thecoolhunter.net/&quot; target=&quot;_blank&quot;&gt;http://www.thecoolhunter.net/&lt;/a&gt;The cool hunter looks for the coolest and craziest stuff from around the world. Be sure to check out the design and art sections on the site.&lt;br /&gt;&lt;br /&gt;32. &lt;a title=&quot;Logo Pond&quot; href=&quot;http://logopond.com/&quot; target=&quot;_blank&quot;&gt;http://logopond.com/&lt;/a&gt;The Logo Pond is a great site to go to if you are looking for inspiration while designing a logo. You can even submit your own logo designs to be voted on and reviewed. Good way to get exposure for your studio or freelancing portfolio.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;33. &lt;a title=&quot;Go 2 Web 20&quot; href=&quot;http://www.go2web20.net/&quot; target=&quot;_blank&quot;&gt;http://www.go2web20.net/&lt;/a&gt;The Web 2.0 Design style is the big thing right now and many websites are redesigning their look to get with the times. This awesome site has a massive collection of all the new web 2.0 logos and links the websites.&lt;br /&gt;&lt;br /&gt;34. &lt;a title=&quot;CSS Vault&quot; href=&quot;http://cssvault.com/&quot; target=&quot;_blank&quot;&gt;http://cssvault.com/&lt;/a&gt;CSS Vault has a collection of spectacular CSS websites and resources including: Articles, Demos, Layouts, Tutorials, and more.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;35. &lt;a title=&quot;Stumble Upon&quot; href=&quot;http://www.stumbleupon.com/&quot; target=&quot;_blank&quot;&gt;http://www.stumbleupon.com/&lt;/a&gt;After selecting topics of interest you can stumble upon quality sites related to those topics. I have found countless amazing sites doing this and not only is it great for finding new sites but it can be a killer way to promote and drive traffic to your own portfolio site or blog.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Portfolio Sites&lt;/strong&gt;&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;36. &lt;a title=&quot;Alt Pick&quot; href=&quot;http://altpick.com/&quot; target=&quot;_blank&quot;&gt;http://altpick.com/&lt;/a&gt;Altpic.com is a great portfolio website for artists and designers where many people come searching for the best oif the best. It is a great place to showcase your designs and talent.&lt;br /&gt;&lt;br /&gt;37. &lt;a title=&quot;Portfolios&quot; href=&quot;http://www.portfolios.com/&quot; target=&quot;_blank&quot;&gt;http://www.portfolios.com/&lt;/a&gt;Portfolios.com is a portfolio search site where viewers can easily browse through thousands of free artist and designer portfolios.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;38. &lt;a title=&quot;Deviant Art&quot; href=&quot;http://www.deviantart.com/&quot; target=&quot;_blank&quot;&gt;http://www.deviantart.com/&lt;/a&gt;DeviantART is a large community of artists and designers who share their work with each other via an online portfolio. Many digital artists and illustrator flock to this site and you can even buy prints of your favorite artwork.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;strong&gt;&lt;br /&gt;Design Magazines&lt;br /&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;39. &lt;a title=&quot;Print Mag&quot; href=&quot;http://www.printmag.com/&quot; target=&quot;_blank&quot;&gt;http://www.printmag.com/&lt;/a&gt;PRINT magazine is a very famous bimonthly magazine about visual culture and design.&lt;br /&gt;&lt;br /&gt;40. &lt;a title=&quot;HOW Design&quot; href=&quot;http://www.howdesign.com/&quot; target=&quot;_blank&quot;&gt;http://www.howdesign.com/&lt;/a&gt;HOW Magazine covers many areas of design such as the business aspect, new technologies, up and coming designers and is a place for creative inspiration.&lt;br /&gt;&lt;br /&gt;41. &lt;a title=&quot;ID Online&quot; href=&quot;http://www.idonline.com/&quot; target=&quot;_blank&quot;&gt;http://www.idonline.com/&lt;/a&gt;I.D. magazine is an International design magazine that covers products, graphics, environments, interactive media and other design related areas.&lt;br /&gt;&lt;br /&gt;42. &lt;a title=&quot;Computer Arts&quot; href=&quot;http://www.computerarts.co.uk/&quot; target=&quot;_blank&quot;&gt;http://www.computerarts.co.uk/&lt;/a&gt;Computer Arts is an informative site with free downloads, tutorials, galleries, competitions, a published magazine and much more.&lt;br /&gt;&lt;br /&gt;43. &lt;a title=&quot;Mac Life&quot; href=&quot;http://www.maclife.com/&quot; target=&quot;_blank&quot;&gt;http://www.maclife.com/&lt;/a&gt;MacLife.com provides news and analysis of the popular Apple products and also has daily blogs from Mac Life magazine editors and a nice selection of articles to read.&lt;br /&gt;&lt;br /&gt;44. &lt;a title=&quot;PC Mag&quot; href=&quot;http://www.pcmag.com/&quot; target=&quot;_blank&quot;&gt;http://www.pcmag.com/&lt;/a&gt;This magazine is definitely handy for any designer. The hardware we use is the back bone of most of our work and PC Magazine has solid reviews of the leading equipment. I always look up products on their website before I buy anything.&lt;br /&gt;&lt;br /&gt;45. &lt;a title=&quot;PC World&quot; href=&quot;http://www.pcworld.com/&quot; target=&quot;_blank&quot;&gt;http://www.pcworld.com/&lt;/a&gt;PC World is a great place for Computer and Internet news and information, Resources, how-tos, downloads, products and more.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Fonts&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;46. &lt;a title=&quot;Da Font&quot; href=&quot;http://www.dafont.com/&quot; target=&quot;_blank&quot;&gt;http://www.dafont.com/&lt;/a&gt;Dafont is an easy to use free font site with a large collection of fonts to download it. It has been around a while and is updated often with new fonts.&lt;br /&gt;&lt;br /&gt;47. &lt;a title=&quot;Urban Fonts&quot; href=&quot;http://www.urbanfonts.com/&quot; target=&quot;_blank&quot;&gt;http://www.urbanfonts.com/&lt;/a&gt;Urban Fonts is new to the font world but has quickly established itself as a leader in the free font community. It has an excellent design and is right up there with dafont.com in my book.&lt;br /&gt;&lt;br /&gt;48. &lt;a title=&quot;Font Shop&quot; href=&quot;http://www.fontshop.com/&quot; target=&quot;_blank&quot;&gt;http://www.fontshop.com/&lt;/a&gt;Font Shop offers great font collections on CD, free fonts, downloadable fonts, typography tips and more.&lt;br /&gt;&lt;br /&gt;49. &lt;a title=&quot;Linotype&quot; href=&quot;http://www.linotype.com/&quot; target=&quot;_blank&quot;&gt;http://www.linotype.com/&lt;/a&gt;Linotype has a massive collection of the most popular and well known fonts available for download. They also have a font lounge with many interesting font related resources.&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;strong&gt;Tutorials&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;50. &lt;a title=&quot;Pixel 2 Life&quot; href=&quot;http://www.pixel2life.com/&quot; target=&quot;_blank&quot;&gt;http://www.pixel2life.com/&lt;/a&gt;Pixel2life is one of the largest tutorial search engines on the internet providing great tutorials to graphic designers and programmers.&lt;br /&gt;&lt;br /&gt;51. &lt;a title=&quot;Good Tutorials&quot; href=&quot;http://www.good-tutorials.com/&quot; target=&quot;_blank&quot;&gt;http://www.good-tutorials.com/&lt;/a&gt;Good Tutorials is a massive tutorial website with tens of thousands of tutorials for Photoshop, Flash, Illustrator, and more.&lt;br /&gt;&lt;br /&gt;52. &lt;a title=&quot;W3 Schools&quot; href=&quot;http://www.w3schools.com/&quot; target=&quot;_blank&quot;&gt;http://www.w3schools.com/&lt;/a&gt;If you need to brush up on your coding skills then this is the place to go. The information is accurate and up to date and its def worth taking all the tutorials.&lt;br /&gt;&lt;br /&gt;53. &lt;a title=&quot;Tutorial Outpost&quot; href=&quot;http://youthedesigner.com/2007/09/27/www.tutorialoutpost.com&quot; target=&quot;_blank&quot;&gt;http://youthedesigner.com/2007/09/27/www.tutorialoutpost.com&lt;/a&gt;Tutorial Outpost has a vast collection of thousands of tutorials for Photoshop, Illustrator, Flash, 3D Studio Max, and more!&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Photoshop Brushes&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;54. &lt;a title=&quot;Brusheezy&quot; href=&quot;http://www.brusheezy.com/&quot; target=&quot;_blank&quot;&gt;http://www.brusheezy.com/&lt;/a&gt;Brusheezy is a very useful site with lots of great sets of free brushes varying in style.&lt;br /&gt;&lt;br /&gt;55. &lt;a title=&quot;PS Brushes&quot; href=&quot;http://www.psbrushes.net/&quot; target=&quot;_blank&quot;&gt;http://www.psbrushes.net/&lt;/a&gt;PS Brushes is home to over 500 Photoshop brushes that are all free to download and categorized for easy searching.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;56. &lt;a title=&quot;Get Brushes&quot; href=&quot;http://getbrushes.com/&quot; target=&quot;_blank&quot;&gt;http://getbrushes.com/&lt;/a&gt;Get Brushes has sets of Photoshop brushes made up of various swirls, ornamental designs, and flourishes. flowers, dots, circles, and various other ornamentations.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Printers&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;57. &lt;a title=&quot;4 Over 4&quot; href=&quot;http://www.4over4.com/&quot; target=&quot;_blank&quot;&gt;http://www.4over4.com/&lt;/a&gt;4over4 is a good balance between quality and affordability and can handle most of the print jobs you would require.&lt;br /&gt;&lt;br /&gt;58. &lt;a title=&quot;Modern Postcard&quot; href=&quot;http://www.modernpostcard.com/&quot; target=&quot;_blank&quot;&gt;http://www.modernpostcard.com/&lt;/a&gt;Modern postcard is known for its quality printing but can be a bit pricey compared to other sites. If you are looking for top notch printing though look no further.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;59. &lt;a title=&quot;Vista Print&quot; href=&quot;http://www.vistaprint.com/vp/ns/default.aspx?xnav=welcomeback&quot; target=&quot;_blank&quot;&gt;http://www.vistaprint.com/vp/ns/default.aspx?xnav=welcomeback&lt;/a&gt;Vista Print provides custom full color printing services. You can print business cards, Christmas cards, stationery, postcards, magnets, brochures, address labels, and even more.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;60. &lt;a title=&quot;Club Flyers&quot; href=&quot;http://www.clubflyers.com/&quot; target=&quot;_blank&quot;&gt;http://www.clubflyers.com/&lt;/a&gt;Club Flyers is an easy to use online printing service with many options available and fast shipping times.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;61. &lt;a title=&quot;A Local Printer&quot; href=&quot;http://www.alocalprinter.com/&quot; target=&quot;_blank&quot;&gt;http://www.alocalprinter.com/&lt;/a&gt;If you are looking for a way to help the environment as a graphic designer then check out the new age of eco friendly printing.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Blog Hosts&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;62. &lt;a title=&quot;Wordpress&quot; href=&quot;http://wordpress.com/&quot; target=&quot;_blank&quot;&gt;http://wordpress.com/&lt;/a&gt;Wordpress is my blog host of choice. It’s free and easy to set up on a server and there are tons of great themes and widgets available to use. I use Wordpress for all my blogs.&lt;br /&gt;&lt;br /&gt;63. &lt;a title=&quot;Blogger&quot; href=&quot;https://www.blogger.com/start&quot; target=&quot;_blank&quot;&gt;https://www.blogger.com/start&lt;/a&gt;Blogger is another very popular blog host. It has many of the same features Wordpress offers.&lt;br /&gt;&lt;br /&gt;64. &lt;a title=&quot;Twitter&quot; href=&quot;http://twitter.com/&quot; target=&quot;_blank&quot;&gt;http://twitter.com/&lt;/a&gt;Twitter is a surprisingly fun, easy to use and useful site when it comes to letting people know what you are up too.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;65. &lt;a title=&quot;Squidoo&quot; href=&quot;http://www.squidoo.com/&quot; target=&quot;_blank&quot;&gt;http://www.squidoo.com/&lt;/a&gt;Squidoo is an easy way to put up a quick and free website page about any topic you want. It is very popular in the affiliate marketing industry.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;66. &lt;a title=&quot;Tumblr&quot; href=&quot;http://www.tumblr.com/&quot; target=&quot;_blank&quot;&gt;http://www.tumblr.com/&lt;/a&gt;Tumblr is another super easy blogging tool that is very similar to Squidoo and twitter and just as good as both of them.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Blogs&lt;br /&gt;&lt;/strong&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;br /&gt;67. &lt;a title=&quot;Design Observer&quot; href=&quot;http://www.designobserver.com/&quot; target=&quot;_blank&quot;&gt;http://www.designobserver.com/&lt;/a&gt; Design Observer is a well respected site in the design community that features writings related to all aspects of design and culture.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;68. &lt;a title=&quot;Life Hack&quot; href=&quot;http://www.lifehack.org/&quot; target=&quot;_blank&quot;&gt;http://www.lifehack.org/&lt;/a&gt; This great site is dedicated to hacking your life by providing you with tips and tricks to get things done quickly by automating, organizing and increasing your productivity.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;69. &lt;a title=&quot;I Love Typography&quot; href=&quot;http://ilovetypography.com/&quot; target=&quot;_blank&quot;&gt;http://ilovetypography.com/ &lt;/a&gt;  I Love Typography is a great web site devoted to typography, type, fonts and typefaces of all kinds. If you love typography you will enjoy this site.&lt;br /&gt;&lt;/div&gt;&lt;div align=&quot;justify&quot;&gt;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;&lt;/div&gt;&lt;br /&gt;&lt;strong&gt;Web Design Forums&lt;br /&gt;&lt;/strong&gt;&lt;br /&gt;72. &lt;a title=&quot;Digital Point Forums&quot; href=&quot;http://forums.digitalpoint.com/&quot; target=&quot;_blank&quot;&gt;forums.digitalpoint.com&lt;/a&gt;&lt;br /&gt;This is one of the biggest and most popular programming forums around; there are many thread topics raging from coding and servers to search engine optimization and graphic design.&lt;br /&gt;It’s a great place to ask questions, find help or promote your services.&lt;br /&gt;&lt;br /&gt;73. &lt;a title=&quot;Webmaster World&quot; href=&quot;http://www.webmasterworld.com/&quot; target=&quot;_blank&quot;&gt;http://www.webmasterworld.com/&lt;/a&gt;This is a very active and informative forum on the world of web design. It is a great place to learn and have questions answered.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Graphic Design Forums&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;74. &lt;a title=&quot;Graphic Design Forum&quot; href=&quot;http://www.graphicdesignforum.com/&quot; target=&quot;_blank&quot;&gt;http://www.graphicdesignforum.com/&lt;/a&gt;This is a discussion forum dedicated to all topics related to graphic design.&lt;br /&gt;&lt;br /&gt;75. &lt;a title=&quot;Graphic Design Forum&quot; href=&quot;http://www.graphic-design-forum.com/&quot; target=&quot;_blank&quot;&gt;http://www.graphic-design-forum.com/&lt;/a&gt;This is another active design forum that allows you to chat about graphic design and post designs for a review.&lt;br /&gt;&lt;br /&gt;76. &lt;a title=&quot;Steel Dolphin&quot; href=&quot;http://www.steeldolphin-forums.com/&quot; target=&quot;_blank&quot;&gt;http://www.steeldolphin-forums.com/&lt;/a&gt;This is a fine art and graphic design forum where many users showcase their work and discuss fine art and graphic design with fellow community members.&lt;br /&gt;&lt;br /&gt;Source / Find more resources &lt;a href=&quot;http://webusabilityhelp.blogspot.com/2007/11/99-useful-resources-for-graphic.html&quot;&gt;99 Useful Resources for Graphic Designers&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/1872832375590367971/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/1872832375590367971' title='14 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1872832375590367971'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1872832375590367971'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/12/resources-for-graphic-designers.html' title='Resources for Graphic Designers'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>14</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-481372198910536176</id><published>2007-11-30T03:31:00.000-08:00</published><updated>2007-11-30T03:34:41.849-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Outsourced Application Development India</title><content type='html'>&lt;span style=&quot;font-weight:bold;&quot;&gt;The process of development of applications on web is known as Web application development&lt;/span&gt;. Web applications are of great importance in this fast growing world where the virtual market has a lot to offer for growing businesses. Not only monetarily but also for promotion and advertisement, different application on the web can give you an upper hand to take the best advantage of changing market and world.&lt;br /&gt;&lt;br /&gt;There are many benefits of application development online. Generating &lt;span style=&quot;font-weight:bold;&quot;&gt;application on many websites can add an additional feature that can generate more traffic and increase visibility of the website to a new height&lt;/span&gt;. Further, many application may also help in better expression of services being provided and you can actually give a better demonstration of your offering to your ultimate clients. That is the reason; many companies are preferring website that has quality application to give them better visibility and web presence.&lt;br /&gt;&lt;br /&gt;&lt;span style=&quot;font-weight:bold;&quot;&gt;Outsourced Application Development&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;The system of application development is catching the nerves like never before. If you are a business person, you must require applications to get much needed oxygen for your business health. You can approach to various agencies, firms or companies to get your application designed. Further, you can forward your work to any foreign company where you can get the expertise of application designing. Outsourced application development has become really popular with so much to offer in really short span of time.&lt;br /&gt;&lt;br /&gt;India is becoming a preferred hub of application development throughout the world. The country offers the best of everything to get the best of market. Till now, you have not heard about the usability of Indian outsourced application development, searching online can be the best thing to do. Search thoroughly and just have the best of everything.&lt;br /&gt;&lt;br /&gt;Source : &lt;a href=&quot;http://www.articlesbase.com/software-articles/outsourced-application-development-india-262444.html&quot;&gt;Outsourced Application Development&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/481372198910536176/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/481372198910536176' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/481372198910536176'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/481372198910536176'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/11/outsourced-application-development.html' title='Outsourced Application Development India'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-7634868205125515406</id><published>2007-11-22T04:35:00.000-08:00</published><updated>2007-11-22T04:45:30.880-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="website design resource"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>100 Unconventional Sources for Web Design Inspiration</title><content type='html'>&lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Most web designers look to the usual resources for inspiration : web design portfolios, social media sites and CSS galleries&lt;/span&gt;. But what happens when you do that? You get a site that looks just like everyone else’s.&lt;/p&gt; &lt;p&gt;Check out these resources that inspire you to build a website that separates itself from the pack.&lt;span id=&quot;more-147&quot;&gt;&lt;/span&gt;&lt;/p&gt; &lt;h3&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Art &amp;amp; Illustration&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;Web design is a visual art, so take a look at the aesthetics employed by artists in other fields for inspiration.&lt;/p&gt; &lt;p style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;&lt;em&gt;Photography&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;ol start=&quot;1&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.thephotographyshowcase.com/&quot;&gt;The Photography Showcase&lt;/a&gt;&lt;/strong&gt;: Check out The Photography Showcase for links to top rated photographers.&lt;br /&gt;&lt;a href=&quot;http://www.thephotographyshowcase.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/photoshowcase.jpg&quot; alt=&quot;Photography Showcase&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://forum.shutterbug.com/photopost/&quot;&gt;PhotoPost&lt;/a&gt;&lt;/strong&gt;: Shutterbug’s PhotoPost is a gallery of user-created photos, divided into categories like monochrome, US National Parks, and Digital Doings.&lt;br /&gt;&lt;a href=&quot;http://forum.shutterbug.com/photopost/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/shutterbug.jpg&quot; alt=&quot;Shutterbug Photopost&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.photoeye.com/Gallery/index.cfm&quot;&gt;Photo-eye&lt;/a&gt;&lt;/strong&gt;: On Photo-eye, you can look for unique camera formats and print processes.&lt;br /&gt;&lt;a href=&quot;http://www.photoeye.com/Gallery/index.cfm&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/photo-eye.jpg&quot; alt=&quot;Photo-eye&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.flickr.com/&quot;&gt;Flickr&lt;/a&gt;&lt;/strong&gt;: This immensely popular photo sharing site is home to both amateur and professional photographers.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.photosig.com/go/main;jsessionid=akecGE9fGC2dm4ei5u&quot;&gt;photoSIG&lt;/a&gt;&lt;/strong&gt;: Check out the community-critiqued photos on photoSIG.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.artphotogallery.org/02/artphotogallery/02.html&quot;&gt;Fine Art Photography Gallery &amp;amp; Forum&lt;/a&gt;&lt;/strong&gt;: For fine art photography from the stars of today and pioneers of the past, check out this gallery.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.photoarts.com/&quot;&gt;Photo Arts&lt;/a&gt;&lt;/strong&gt;: On Photo Arts, you’ll find fine art and documentary photography.&lt;/li&gt;&lt;/ol&gt; &lt;p style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;&lt;em&gt;Illustration &amp;amp; Comic Book Art&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;ol start=&quot;8&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.theispot.com/&quot;&gt;theispot&lt;/a&gt;&lt;/strong&gt;: On theispot, you’ll find illustrations from over 1,000 top artists.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.illosaurus.com/&quot;&gt;Illosaurus&lt;/a&gt;&lt;/strong&gt;: Illosaurus is a portal for some of the best illustration sites online.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www2.childrensillustrators.com/content.cgi/index&quot;&gt;Children’s Illustrators&lt;/a&gt;&lt;/strong&gt;: Check out this website to see illustrations made with kids in mind.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.drawn.ca/&quot;&gt;Drawn!&lt;/a&gt;&lt;/strong&gt;: This blog features illustrations and cartoons that are sure to spark your creativity.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.comicbookart.com/&quot;&gt;Comic Book Art&lt;/a&gt;&lt;/strong&gt;: Check out Comic Book Art for loads of original illustrations created for comic books.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.illustrationweb.com/&quot;&gt;Illustration Web&lt;/a&gt;&lt;/strong&gt;: On Illustration Web, check out amateur and pro illustrations.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.comicbookpros.com/&quot;&gt;Comic Book Pros&lt;/a&gt;&lt;/strong&gt;: Here you’ll find comic art created by some of the best in the business.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://dragonberry.com/&quot;&gt;Comic Art Links Directory&lt;/a&gt;&lt;/strong&gt;: Get hooked up with covers, manga, individual artists, and more on this directory.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.mastersofcomicbookart.com/&quot;&gt;Masters of Comic Book Art&lt;/a&gt;&lt;/strong&gt;: On this site, you’ll be able to find high quality comic book art, fonts, sketches, and more.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.illustrationfriday.com/&quot;&gt;Illustration Friday&lt;/a&gt;&lt;/strong&gt;: See how different artists respond to a weekly prompt in their own unique ways.&lt;/li&gt;&lt;/ol&gt; &lt;p style=&quot;font-weight: bold;&quot;&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;&lt;em&gt;Fine Art&lt;/em&gt;&lt;/span&gt;&lt;/p&gt; &lt;ol start=&quot;18&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.fine-art.com/&quot;&gt;Fine-Art&lt;/a&gt;&lt;/strong&gt;: On Fine-Art, you can find art from jewelry to sculpture in nearly any genre and subject.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.artcyclopedia.com/&quot;&gt;Art cyclopedia&lt;/a&gt;&lt;/strong&gt;: On Art cyclopedia, find historic works, art movements, and more.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.gallery-worldwide.com/&quot;&gt;Art Gallery Worldwide&lt;/a&gt;&lt;/strong&gt;: This online art gallery has selections in fantasy, landscape, abstract, nude, and lots of other genres.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://fineartamerica.com/&quot;&gt;Fine Art America&lt;/a&gt;&lt;/strong&gt;: Find art that’s being created in your region of America.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.theartgallery.com.au/&quot;&gt;The Worldwide Art Gallery&lt;/a&gt;&lt;/strong&gt;: On this site, discover art from all over the world.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.nga.gov/onlinetours/index.shtm&quot;&gt;National Gallery of Art&lt;/a&gt;&lt;/strong&gt;: The US government’s National Gallery of Art offers online tours that take you through sculpture, works on paper, and many other creative mediums.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.pbs.org/arts/arts_fineart.html&quot;&gt;PBS-Fine Art&lt;/a&gt;&lt;/strong&gt;: Find out the stories behind art by watching programs from PBS.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.wga.hu/&quot;&gt;Web Gallery of Art&lt;/a&gt;&lt;/strong&gt;: On this searchable online gallery, you’ll find European fine art dating from 1100-1850.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.fineartmodels.com/home/index.asp&quot;&gt;Fine Art Models&lt;/a&gt;&lt;/strong&gt;: Fine Art Models showcases amazing scale models of trains, ships, automobiles, aircraft and more.&lt;/li&gt;&lt;/ol&gt; &lt;p style=&quot;font-weight: bold;&quot;&gt;&lt;em&gt;General Art&lt;br /&gt;&lt;/em&gt;&lt;/p&gt; &lt;ol start=&quot;27&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.deviantart.com/&quot;&gt;deviantART&lt;/a&gt;&lt;/strong&gt;: deviantART showcases work from artists whose work is off the beaten path.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://wwar.com/&quot;&gt;World Wide Arts Resources&lt;/a&gt;&lt;/strong&gt;: Find art from all over the world here.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.warmtoastcafe.com/&quot;&gt;Warmtoast Cafe&lt;/a&gt;&lt;/strong&gt;: The Warmtoast Cafe is home to loads of artists and designers that love to showcase their work.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://burningword.com/&quot;&gt;Burning Word&lt;/a&gt;&lt;/strong&gt;: Burning Word features a collection of poetry and prose.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.lounge72.com/root/&quot;&gt;Lounge72&lt;/a&gt;&lt;/strong&gt;: Lounge72 is a portal for superior design, interviews, and a gorgeous PDF calendar.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.theneozine.com/&quot;&gt;Neozine&lt;/a&gt;&lt;/strong&gt;: Here you’ll find a collection of art and resources relating to design.&lt;/li&gt;&lt;/ol&gt; &lt;h3&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Product Design&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;Whether it’s a DVD menu title, video game, or toaster, web designers can learn from what other design fields offer. Use them to consider usability, aesthetics, and create new effects that are usually reserved for offline design.&lt;/p&gt; &lt;ol start=&quot;33&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.thegamersgallery.com/&quot;&gt;The Gamers’ Gallery&lt;/a&gt;&lt;/strong&gt;: On the Gamers’ Gallery, you’ll find screenshots of the latest games.&lt;br /&gt;&lt;a href=&quot;http://www.thegamersgallery.com/&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/gamersgallery.jpg&quot; alt=&quot;Gamers Gallery&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.michaelgraves.com/mgdg.htm&quot;&gt;Michael Graves Design Group&lt;/a&gt;&lt;/strong&gt;: Take a look at Michael Graves’ product design gallery to study the way he employs functionality and friendly aesthetics.&lt;br /&gt;&lt;a href=&quot;http://www.michaelgraves.com/mgdg.htm&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/michaelgraves.jpg&quot; alt=&quot;Michael Graves Design Group&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://kotaku.com/search/screenshot/&quot;&gt;Kotaku&lt;/a&gt;&lt;/strong&gt;: Kotaku has the latest in game screen shots with insightful commentary.&lt;br /&gt;&lt;a href=&quot;http://kotaku.com/search/screenshot/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/kotaku.jpg&quot; alt=&quot;Kotaku&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.b1media.com/&quot;&gt;B1 Media&lt;/a&gt;&lt;/strong&gt;: Check out what this award-winning design firm has done with DVD menu titles.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.alessi.com/catalogo/alessi/index.jsp&quot;&gt;Alessi&lt;/a&gt;&lt;/strong&gt;: This Italian design group engineers thoughtful home accessories.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.highend3d.com/gallery/product_design/&quot;&gt;Highend3D&lt;/a&gt;&lt;/strong&gt;: Check out Highend3D’s product design gallery, which ranges from cologne bottles to cell phones.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.eamesgallery.com/&quot;&gt;Charles and Ray Eames&lt;/a&gt;&lt;/strong&gt;: Take a look at the historic designs and ongoing creations made in the name of Charles and Ray Eames.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.idsa.org/&quot;&gt;Industrial Designers Society of America&lt;/a&gt;&lt;/strong&gt;: Check out some of the leaders in industrial product design.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.delphion.com/historic&quot;&gt;Gallery of Historic Patents&lt;/a&gt;&lt;/strong&gt;: This gallery showcases the patents behind historic creations like the Statue of Liberty, Orville and Wright’s “flying machine,” and more.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://world.std.com/%7Etrystero/Memento_LE.html&quot;&gt;Memento Navigation Guide&lt;/a&gt;&lt;/strong&gt;: Take a look at the Memento DVD menu’s unique, yet frustrating navigation.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.greatbuildings.com/&quot;&gt;Great Buildings&lt;/a&gt;&lt;/strong&gt;: Discover historic and inspiring architecture in this collection.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.pilotsdesign.nl/pilots_gallery/pilots-gallery.html&quot;&gt;Pilots Product Design&lt;/a&gt;&lt;/strong&gt;: Pilots has an extensive gallery of their design work, which includes interior and exterior creations.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.ugo.com/ugo/html/index/?id=51&amp;amp;categoryId=8&quot;&gt;UGO&lt;/a&gt;&lt;/strong&gt;: Under Ground Online has screenshots of new and yet-to-be-released games.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.yankodesign.com/&quot;&gt;Yanko Design&lt;/a&gt;&lt;/strong&gt;: Check out modern industrial design news and product highlights at Yanko Design.&lt;/li&gt;&lt;/ol&gt; &lt;h3&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Information Architecture&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;Information architecture is key to building a highly usable site. Check out these resources for tutorials and other helpful information.&lt;/p&gt; &lt;ol start=&quot;47&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://argus-acia.com/strange_connections/strange001.html&quot;&gt;Defining Information Architecture&lt;/a&gt;&lt;/strong&gt;: Peter Morville defines what information architecture is all about.&lt;br /&gt;&lt;a href=&quot;http://argus-acia.com/strange_connections/strange001.html&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/defininginfoarchitecture.jpg&quot; alt=&quot;Defining Information Architecture&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.eleganthack.com/reading/index.html&quot;&gt;Recommended Reading&lt;/a&gt;&lt;/strong&gt;: Check out these books for an in-depth look at information architecture.&lt;br /&gt;&lt;a href=&quot;http://www.eleganthack.com/reading/index.html&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://www.designvitality.com/blog/wp-content/uploads/2007/09/reading.jpg&quot; alt=&quot;Recommended Reading&quot; /&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://argus-acia.com/white_papers/iaglossary.html&quot;&gt;Information Architecture Glossary&lt;/a&gt;&lt;/strong&gt;: If you’re clueless about information architecture terms, check out this handy glossary.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.libsci.sc.edu/bob/class/clis748/webguidesf98/informationarchitecture_index.html&quot;&gt;Web Guide&lt;/a&gt;&lt;/strong&gt;: This guide is full of information architecture resources, from associations to education.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webmonkey.com/design/site_building/tutorials/tutorial1.html&quot;&gt;Information Architecture Tutorial&lt;/a&gt;&lt;/strong&gt;: Follow this tutorial for 5 lessons in information architecture.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://evolt.org/article/web_site_architecture_101/4090/635/&quot;&gt;Web Site Architecture 101&lt;/a&gt;&lt;/strong&gt;: This guide offers an explanation of web site architecture in three easy steps.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.jjg.net/ia/visvocab/&quot;&gt;Visual Vocabulary for Information Architecture&lt;/a&gt;&lt;/strong&gt;: This collection of definitions will help you visualize information architecture.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.gslis.utexas.edu/%7El38613dw/readings/InfoArchitecture.html&quot;&gt;Information Architecture Lesson&lt;/a&gt;&lt;/strong&gt;: In this lesson, you’ll find information architecture ideas and how they relate to information science.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webtechniques.com/archives/2001/10/chak/&quot;&gt;Effective Info Architecture&lt;/a&gt;&lt;/strong&gt;: Andrew Chak runs down the basics of information architecture techniques.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://argus-acia.com/white_papers/shopping_cart_ia.html&quot;&gt;Information Architecture of the Shopping Cart&lt;/a&gt;&lt;/strong&gt;: Sarah Bidigare discusses best practices for information architecture in e-commerce.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://argus-acia.com/people/wodtke_profile.html&quot;&gt;Christina Wodtke&lt;/a&gt;&lt;/strong&gt;: Read what Christina Wodtke has to say about the intersection of design, fine art, and information architecture.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.alistapart.com/stories/topless/&quot;&gt;The Art of Topless Dancing and Information Design&lt;/a&gt;&lt;/strong&gt;: Denice Warren describes how to deal with the people you’ll work with in information design.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.clicknet.ro/networks/2006/08/information-architecture.html&quot;&gt;Information Architecture&lt;/a&gt;&lt;/strong&gt;: Here you’ll find a nine-step guide to deploying a site with appropriate information architecture.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesignfromscratch.com/ia_models.cfm&quot;&gt;Information Architecture models&lt;/a&gt;&lt;/strong&gt;: Here you can take a look at some common information architecture models.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.interactionarchitect.com/knowledge/article19991111shd.htm&quot;&gt;The challenges of designing interactive systems&lt;/a&gt;&lt;/strong&gt;: Find out about the challenges of designing easy to use interactive systems.&lt;/li&gt;&lt;/ol&gt; &lt;h3&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Usability &amp;amp; Accessibility&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;Designing an attractive website is great, but you have to make sure that it can be navigated. Use these resources to find out more about why you should pay attention to usability and accessibility, and how you can implement them in your work.&lt;/p&gt; &lt;ol start=&quot;62&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesignfromscratch.com/accessibility.cfm&quot;&gt;Accessibility for web sites&lt;/a&gt;&lt;/strong&gt;: Find out why it’s important to build an accessible web site here.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://wdvl.internet.com/Authoring/Design/Usability/&quot;&gt;Designing Web Usability&lt;/a&gt;&lt;/strong&gt;: Read this article from usability leader Jakob Nielson on design for both users and search engines.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.hostserver150.com/usabilit/management/b_design.htm&quot;&gt;Key principles of user centred design&lt;/a&gt;&lt;/strong&gt;: Get back to the basics with these principles for building a highly usable website.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.accessify.com/tools-and-wizards/&quot;&gt;Accessibility Tools&lt;/a&gt;&lt;/strong&gt;: Check out this link for accessibility tools and wizards that will make your job easier.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesignfromscratch.com/effective_text.cfm&quot;&gt;Effective text&lt;/a&gt;&lt;/strong&gt;: Find out why text is better than graphics in web design.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.usabilityfirst.com/websites/index.txl&quot;&gt;Usability First&lt;/a&gt;&lt;/strong&gt;: Usuability First’s guide to web design encourages readers to remember that usability should not be an afterthought.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesignfromscratch.com/readability.cfm&quot;&gt;Readability&lt;/a&gt;&lt;/strong&gt;: Check out this guide to clear, readable text.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://jthom.best.vwh.net/usability/index.htm&quot;&gt;The Usability Methods Toolbox&lt;/a&gt;&lt;/strong&gt;: Check out this source for the latest in usability methods.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.hostserver150.com/usabilit/tools/affinity.htm&quot;&gt;Affinity Diagramming&lt;/a&gt;&lt;/strong&gt;: Find out about the method of affinity diagramming here.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.accessify.com/features/tutorials/the-perfect-popup/&quot;&gt;The Perfect Pop-up&lt;/a&gt;&lt;/strong&gt;: This tutorial shows you how to use unobtrusive pop-up windows that are accessible for everyone.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.hostserver150.com/usabilit/tools/r_questionnaire.htm&quot;&gt;Questionnaires&lt;/a&gt;&lt;/strong&gt;: Use these questionnaires to find out how usable people think your site is.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesignfromscratch.com/people_are_impatient.cfm&quot;&gt;People are impatient&lt;/a&gt;&lt;/strong&gt;: Find out why people aren’t going to wait for your website and what you can do about it.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.hostserver150.com/usabilit/management/b_promote.htm&quot;&gt;How to promote usability in an organisation&lt;/a&gt;&lt;/strong&gt;: Use this guide to implement usability in your organization.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.accessify.com/features/tutorials/ten-quick-tests/&quot;&gt;Ten Quick Tests to Check your Web Site for Accessibility&lt;/a&gt;&lt;/strong&gt;: Check out this tutorial to find out if your website is accessible or not.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.ibm.com/developerworks/library/w-mertz.html&quot;&gt;Tips: Design for accessible Web sites&lt;/a&gt;&lt;/strong&gt;: Check out this article for a good introduction to building a website that’s accessible to users with disabilities.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.eastendliteracy.on.ca/clearlanguageanddesign/readingeffectivenesstool/&quot;&gt;Clear Language and Effectiveness Tool&lt;/a&gt;&lt;/strong&gt;: Use this tool to make your language more readable.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.delorie.com/web/lynxview.html&quot;&gt;Lynx Viewer&lt;/a&gt;&lt;/strong&gt;: See how your pages render in the Lynx text browser.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www1.robobraille.org/websites/acj/robobraille.nsf&quot;&gt;RoboBraille&lt;/a&gt;&lt;/strong&gt;: Use RoboBraille to translate text documents into Braille, and more importantly, speech.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.hostserver150.com/usabilit/tools/methods.htm&quot;&gt;Methods table&lt;/a&gt;&lt;/strong&gt;: Use this table to find the most appropriate usability method for your situation.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.uie.com/articles/five_second_test/&quot;&gt;5-Second Tests: Measuring Your Site’s Content Pages&lt;/a&gt;&lt;/strong&gt;: Make sure your content is usable by utilizing these tests.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.accessify.com/features/tutorials/accessible-design/&quot;&gt;An Introduction to Accessible Design&lt;/a&gt;&lt;/strong&gt;: Get the lowdown on accessible design here.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesignfromscratch.com/how_people_use_web_pages.cfm&quot;&gt;How people use web pages&lt;/a&gt;&lt;/strong&gt;: Check out this article for information on the difference between how web designers look at pages and how users look at them.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.accessify.com/features/tutorials/accessible-forms/&quot;&gt;Better Accessible Forms&lt;/a&gt;&lt;/strong&gt;: Read this tutorial to find out how to fix your forms to create a more accessible website.&lt;/li&gt;&lt;/ol&gt; &lt;h3&gt;&lt;span style=&quot;font-size:100%;&quot;&gt;Examples&lt;/span&gt;&lt;/h3&gt; &lt;p&gt;These websites are excellent examples of unconventional web design. You’ll want to emulate their style-if you can figure out how in the world they did it.&lt;/p&gt; &lt;ol start=&quot;85&quot;&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.addicted-flavours.com/addicted.php?ID=1&quot;&gt;Addicted Flavours&lt;/a&gt;&lt;/strong&gt;: Addicted Flavours has a diagonal roll-over menu that goes completely against the web’s traditional vertical and horizonal style.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.michaelfakesch.com/&quot;&gt;Michael Fakesch&lt;/a&gt;&lt;/strong&gt;: Michael’s navigation is an unenven set of stairs.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.dianastewart.co.uk/&quot;&gt;Diana Stewart&lt;/a&gt;&lt;/strong&gt;: Diana Stewart’s site has a bottom navigation with a fixed base.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.haus-hoyer.de/&quot;&gt;Haus Hoyer&lt;/a&gt;&lt;/strong&gt;: Haus Hoyer’s site is a virtual coffee table, full of interactive objects that can be clicked on and moved around.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.webdesign20.com/&quot;&gt;Web Design 2.0&lt;/a&gt;&lt;/strong&gt;: This site features a floating, rotating cube.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.subway-life.com/&quot;&gt;Subway Life&lt;/a&gt;&lt;/strong&gt;: Check out the map-like design of this site.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://c.dric.be/gium/issues/01/&quot;&gt;C.DRIC.BE/GIUM&lt;/a&gt;&lt;/strong&gt;: This site is inside a notebook and full of color.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.apex-arch.sk/&quot;&gt;Apex A&lt;/a&gt;&lt;/strong&gt;: Apex A’s site is built upon a big, green leaf.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.jansochor.com/&quot;&gt;Jansochor&lt;/a&gt;&lt;/strong&gt;: Jansochor’s site is divided into small black boxes.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.cartonagemtrindade.com/&quot;&gt;Cartonagem Trinidade&lt;/a&gt;&lt;/strong&gt;: This site uses a see-through cube for navigations.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.maaikevansteenis.nl/&quot;&gt;Muziektheater&lt;/a&gt;&lt;/strong&gt;: Like Jansochor, Muziektheater’s navigation and homepage is laid out on boxes.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.cathybeck.com/&quot;&gt;Cathy Beck&lt;/a&gt;&lt;/strong&gt;: Cathy Beck’s site is built into a tree.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://noonebelongsheremorethanyou.com/&quot;&gt;No one belongs here more than you&lt;/a&gt;&lt;/strong&gt;: Miranda July used her refrigerator and stovetop as whiteboards to create this site.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://triart2000.ru/&quot;&gt;Triart 2000&lt;/a&gt;&lt;/strong&gt;: This homepage allows users to float in any direction as well as grab and drag objects.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://alexdukal.com/&quot;&gt;Alexdukal&lt;/a&gt;&lt;/strong&gt;: Alex Dukal’s site artfully displays his work and uses smart typography.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;&lt;a href=&quot;http://www.bcube.fr/content.html&quot;&gt;B_Cube&lt;/a&gt;&lt;/strong&gt;: B_Cube’s pages are laid out on a cut open cube.&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;Source :  http://www.designvitality.com/blog/2007/09/web-design-inspiration/</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/7634868205125515406/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/7634868205125515406' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7634868205125515406'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7634868205125515406'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/11/100-unconventional-sources-for-web.html' title='100 Unconventional Sources for Web Design Inspiration'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-3674607444553378342</id><published>2007-11-05T22:36:00.000-08:00</published><updated>2007-11-05T22:56:44.728-08:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Information Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><title type='text'>Information design for the New  Web</title><content type='html'>&lt;p&gt;Information design for the Web has changed.  &lt;/p&gt;  &lt;p&gt;People are changing the way that they consume online information, as well as their expectations about its delivery. The social nature of the Web brings with it an expectation of interaction with information and modern Web design is reflecting that. There are now &lt;span style=&quot;font-weight: bold;&quot;&gt;alternate forms of navigation including the ability to browse by user, tag clouds, tabbed navigation&lt;/span&gt; etc. Advances in technology along with these shifts in user expectations are affecting the way that information is laid out on a webpage. Today’s websites are aiming for intuitive and usable interfaces which are continuously evolving in response to user needs. &lt;span style=&quot;font-weight: bold;&quot;&gt;Website designers are approaching information design differently and designing simple, interactive websites which incorporate advancements in Web interface design, current Web philosophies, and user needs&lt;/span&gt;. Information design for the New Web is simple, it is social, and it embraces alternate forms of navigation.&lt;br /&gt;&lt;/p&gt;&lt;hr /&gt;  &lt;h3&gt;Simplicity&lt;/h3&gt;  &lt;h4&gt;Simplicity of Web Applications&lt;/h4&gt;  &lt;p&gt;In his &lt;em&gt;Paradox of Choice&lt;/em&gt;, Barry Schwarz talks about the tyranny of small decisions and about how the proliferation of choices in our society necessitate that we invest significant time, anxiety, doubt and dread to trivial matters. He asks why it takes an entire day to shop for a pair of jeans nowadays? And he makes the point that this choice overload can not only cause frustration, but turn us from choosers who make careful decisions into pickers who must just grab onto this or that as a whirlwind of choices speeds past us. Every one of us has experienced this feeling with both the Web and with other computer applications, as well as in everyday life. &lt;/p&gt;  &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;The design of today’s Web applications is being led by a principle of simplicity&lt;/span&gt;. Application authors are creating software that has less features and a lower learning curve for end users. The functionality which is included is that which is necessary, nothing more. Social networking websites include functionality such as user profiles which are essential – they do not include weather and stock quotes as well. The days of applications which are overly laden with features is passing. Today’s software programs are empowering to users because they don’t need a manual to use them, they are simple and intuitive. There is no software to install, and with many the commitment of user registration is not necessary to test drive the functionality. It is a &lt;span style=&quot;font-weight: bold;&quot;&gt;DIY service model&lt;/span&gt; which outfits people with the tools that they need to succeed and nothing else. &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/writeboard.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/writeboard_thumb.jpg&quot; alt=&quot;Writeboard Thumb&quot; /&gt;&lt;/a&gt;  &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/healia.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/healia_thumb.jpg&quot; alt=&quot;HealiaThumb&#39;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt; &lt;a href=&quot;http://infotangle.blogsome.com/images/flickr2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/flickr2_thumb.jpg&quot; alt=&quot;FlickrThumb&#39;&quot; /&gt;&lt;/a&gt; &lt;/p&gt;  &lt;p&gt;This less is more philosophy can be seen in today’s productivity tools such as Google Docs and Spreadsheets (formerly Writely), and 37 Signals’ Writeboards in addition to a slew of other Web applications. New vertical search engines such as Healia search only one sector of the Web, becoming semantically superior within that niche area, while &lt;span style=&quot;font-weight: bold;&quot;&gt;applications such as social bookmarking, photo sharing, and video sharing tools strive for excellence in providing focused services to end-users. These new websites are guided by a singularity of purpose and simplicity in functionality&lt;/span&gt;.&lt;/p&gt;  &lt;h4&gt;Simplicity of Design&lt;/h4&gt;  &lt;p&gt;This new trend of simplicity of web application functionality is mirrored in the design and style of today’s webpages. While we used to try and cram in as much information as possible onto our webpages, and preferably “above the fold”, today’s website designers are endeavoring to eliminate the unnecessary while presenting a clean and simple interface for visitors. They are attempting to engage the attention of Web users by drawing their eye to what is important, rather than trying to provide them with everything under the sun.&lt;/p&gt;  &lt;p&gt;&lt;span style=&quot;font-weight: bold;&quot;&gt;Many of the New Web design changes have been influenced by the stylistic tendencies of Apple and the Mac OSX interface&lt;/span&gt;. A modern lexicon of design has developed for the Web which has established itself as design with a purpose, not just design for its own sake. &lt;/p&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;Centered Design &lt;/strong&gt;– Since we aren’t so concerned about crowding the page with all but the kitchen sink, we are able to present our information in a clean and self-assured centered orientation. This design choice is a practical one as well because it is much more compatible with various screen sizes and resolutions. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/apple.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/apple_thumb.jpg&quot; alt=&quot;Apple thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/valleyschwag.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/valleyschwag_thumb.jpg&quot; alt=&quot;Valleyschwag thumb&quot; /&gt; &lt;/a&gt;   &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Rounded Edges &lt;/strong&gt;– The current trend is to round out corners, even on fonts - not presenting anything sharp or severe. It is reflective of the informal attitude and casual tone of today’s Web. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/shopwiki.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/shopwiki_thumb.jpg&quot; alt=&quot;Shopwikithumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/collectivex.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/collectivex_thumb.jpg&quot; alt=&quot;Collective X thumb&quot; /&gt; &lt;/a&gt;   &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;San Serif and Lower Case Fonts &lt;/strong&gt;– In harmony with the casual tone of the New Web, and the tendency to round corners, there are a lot of san serif fonts found on today’s new websites. Similarly, lower case fonts are utilized, especially in the logo to convey a comfortable, casual rapport with the user. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/wayfaring.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/wayfaring_thumb.jpg&quot; alt=&quot;Wayfaring thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/box.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/box_thumb.jpg&quot; alt=&quot;Box thumb&quot; /&gt; &lt;/a&gt;   &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Large Fonts &lt;/strong&gt;– These are often used by New Web sites to point out key concepts to users, or to boldly convey a simple, clear message about the website’s main purpose or “elevator pitch”. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/linkedin.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/linkedin_thumb.jpg&quot; alt=&quot;LinkedIn thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/zookoda.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/zookoda_thumb.jpg&quot; alt=&quot;Zookoda thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Simple Persistent Navigation &lt;/strong&gt;– The navigation on New Web pages is distinct and obvious, it is set apart from the busy-ness of the content and body of the page. Oftentimes it is found running across the top of the page. It is persistent meaning that it appears on each page throughout the website. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/humblevoice.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/humblevoice_thumb.jpg&quot; alt=&quot;HumbleVoice thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/shareyourlook.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/shareyourlook_thumb.jpg&quot; alt=&quot;Share Your Look thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Bold Logos&lt;/strong&gt; – New Web applications are bold and confident and so are the company logos which represent their brands.  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/compete2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/compete2_thumb.jpg&quot; alt=&quot;Compete thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/popsugar3.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/popsugar3_thumb.jpg&quot; alt=&quot;PopSugar thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Strong Colors&lt;/strong&gt; – These are used by today’s websites to emphasize important concepts as well as for creating distinction between areas of a page. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/carbonmade.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/carbonmade_thumb.jpg&quot; alt=&quot;Carbonmade thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/blogburst.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/blogburst_thumb.jpg&quot; alt=&quot;Blogburstthumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Complementary Colors&lt;/strong&gt; – Modern websites tend not to be monochromatic, but rich in color. Many new webpages are utilizing complementary colors such as blues and oranges, and yellows and purples to enrich their design. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/nowpublic.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/nowpublic_thumb.jpg&quot; alt=&quot;NowPublic thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/kaboodle.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/kaboodle_thumb.jpg&quot; alt=&quot;Kaboodle thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Subtle 3D &lt;/strong&gt;– You won’t find garish 3D effects or optical illusions on today’s new websites, but instead a subtle use of drop shadows, gradients, and mirrored surfaces that add a realistic edge to the interface. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/pixsy.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/pixsy_thumb.jpg&quot; alt=&quot;Pixsy thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/collectivex.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/collectivex_thumb.jpg&quot; alt=&quot;Collective X thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Reflective Surfaces &lt;/strong&gt;– This trend of creating the effect of a reflective, or mirrored surface may be found on many new websites, oftentimes surrounding a logo. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/formatpixel.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/formatpixel_thumb.jpg&quot; alt=&quot;Format Pixel thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/competitious.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/competitious_thumb.jpg&quot; alt=&quot;CompetitiousX thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Simple Icons &lt;/strong&gt;– Because of the genuine nature of New Web applications, there is very little if any stock photography to be found. In the place of these marketing images with happy business people shaking hands, are original icons representing actions which can be taken by the user. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/wayfaring.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/wayfaring_thumb.jpg&quot; alt=&quot;Wayfaring thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/curbly4.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/curbly4_thumb.jpg&quot; alt=&quot;Curbly thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Whitespace &lt;/strong&gt;– Website designers are keeping a simple and Zen-like layout by increasing line heights and adding lots of whitespace to pages. Instead of crowding the page with information overload, New Web designers are focusing on the essentials, and producing clean and fresh pages. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/magnolia.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/magnolia_thumb.jpg&quot; alt=&quot;Magnoliathumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/mypicklist.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/mypicklist_thumb.jpg&quot; alt=&quot;My Pick List thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Starbursts &lt;/strong&gt;– These exciting, exploding shapes are very in vogue on today’s websites. They can be found all over the Web, and are most often utilized to promote and highlight a free service. &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/carbonmade3.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/carbonmade3_thumb.jpg&quot; alt=&quot;Carbonmade thumb&quot; /&gt; &lt;/a&gt;             &lt;a href=&quot;http://infotangle.blogsome.com/images/zookoda3.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/zookoda3_thumb.jpg&quot; alt=&quot;Zookoda thumb&quot; /&gt; &lt;/a&gt;  &lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;p&gt;  &lt;/p&gt;&lt;h4&gt;Advances in User Interfaces&lt;/h4&gt;  &lt;p&gt;In addition to design styles, there have been several recent advances in user interface design which have made the Web a simpler place to be.&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;AJAX &lt;/strong&gt;- is an evolution in Web interface design which allows information to be processed without reloading the page. This advancement has brought with it several new capabilities in webpage design. &lt;/p&gt;  &lt;ul&gt;&lt;li&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/popsugar4.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/popsugar4_thumb.jpg&quot; alt=&quot;Popsugar thumb&quot; /&gt; &lt;/a&gt; &lt;strong&gt;Large Tabs &lt;/strong&gt;- Since toggling between tabs is now possible without completely reloading the entire page, Web designers are making good use of them.&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/netvibes.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/netvibes_thumb.jpg&quot; alt=&quot;Netvibes thumb&quot; /&gt; &lt;/a&gt;&lt;strong&gt;Drag &amp;amp; Drop &lt;/strong&gt;– The drag and drop functionality which AJAX makes possible enables designers to create rich, interactive experiences for website visitors. Many of today’s personal start page applications utilize this functionality, allowing users to drag desired widgets and gadgets into their customized space.&lt;/li&gt;&lt;li&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/delicious.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/delicious_thumb.jpg&quot; alt=&quot;delicious thumb&quot; /&gt;&lt;/a&gt;&lt;strong&gt;AutoComplete&lt;/strong&gt; – Filling out forms has never been so easy since the AJAX AutoComplete feature with which website authors can specify suggestions to appear as the visitor types a response. &lt;/li&gt;&lt;/ul&gt;  &lt;p&gt;&lt;strong&gt;Maps &lt;/strong&gt;– Just a few years ago it was ridiculous to think that you could combine any set of information with a map of the world and allow your website visitors to zoom into street level and even get a satellite photo of the area. But mapping capabilities are becoming a commonplace and integral part of the user experience today. And they are something that users are coming to expect. &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/flickr.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/flickr_thumb.jpg&quot; alt=&quot;Flickr thumb&quot; /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;WYSIWYG &lt;/strong&gt;– It is no longer necessary to know HTML code to create content online. Blogs, wikis, content management systems, and other web-based applications are providing “What You See Is What You Get” editors which imitate a Word-like interface for content authoring.&lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/pbwiki1.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/pbwiki1_thumb.jpg&quot; alt=&quot;PB Wiki thumb&quot; /&gt;&lt;/a&gt;&lt;/p&gt;  &lt;p&gt;&lt;strong&gt;Previews &lt;/strong&gt;– Webpage visitors no longer need to make the commitment of clicking through to another website before knowing exactly what they’ll see there. Through applications such as Snap, it is possible to provide users with webpage previews for all the links on a page.&lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/snap.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/snap_thumb.jpg&quot; alt=&quot;Snap thumb&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;hr /&gt;  &lt;h3&gt;Social&lt;/h3&gt;  &lt;p&gt;There are at least two trends emerging in the design of today’s websites, and increasingly there is crossover between the two.&lt;/p&gt;  &lt;h4&gt;The Socialization of Media and Applications&lt;/h4&gt;  &lt;p&gt;There has emerged on the Web a trend towards socializing things which are not inherently social such as books, photos, videos, and text such as news articles, papers, and posts. This inclination extends to Web applications such as collaborative project management programs including as Basecamp, document sharing applications such as Google Docs &amp;amp; Spreadsheets, and many others. With these changes comes an added expectation among users who now assume that they will be able to interact with the information that they discover on the Web. These new trends and expectations require that today’s website interfaces include a baseline of social functionality&lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/commenting.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/commenting_thumb.jpg&quot; alt=&quot;Commenting thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Commenting &lt;/strong&gt;– Website visitors are no longer passive readers, but active ones who want to join the conversation and add in their two cents.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/amazon.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/amazon_thumb.jpg&quot; alt=&quot;Amazon thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Rating &amp;amp; Reviewing &lt;/strong&gt;– Rating items and authoring reviews are capabilities which are quickly becoming requisites for websites with products and media.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/sharevideo.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/sharevideo_thumb.jpg&quot; alt=&quot;Share Video thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Send to a Friend &lt;/strong&gt;– Savvy website designers let their members do their marketing for them by providing them with the tools to send articles, videos, photos, and products to their friends.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/sharecalendar.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/sharecalendar_thumb.jpg&quot; alt=&quot;Share Calendar thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Share &lt;/strong&gt;- Today’s Web user is a collaborative one who expects Web applications, documents, calendars and other content creation tools to be shareable with a team.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/subscribe.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/subscribe_thumb.jpg&quot; alt=&quot;Subscribe thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Subscribe &lt;/strong&gt;– When website visitors discover a column, article, blog post, video, or person they are interested in, they expect to be able to subscribe to the source on the spot.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/bookmark.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/bookmark_thumb.jpg&quot; alt=&quot;Bookmark thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Save &lt;/strong&gt;– Multitasking Web users expect to be able to bookmark articles to read later, favorite entertaining videos, and save other Web content to their own bookmarking service with a click.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;Websites can no longer be islands - visitors want bridges elsewhere. It’s not enough to provide enticing, quality content and provide no connection to the global community that is now the Web. &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/sphereit.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/sphereit_thumb.jpg&quot; alt=&quot;SphereIt thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;What are Others Saying?&lt;/strong&gt; – When readers find an interesting news item on a website, they want to know what others are saying about the topic. This is possible through services such as SphereIt and others.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/sharediscovery.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/sharediscovery_thumb.jpg&quot; alt=&quot;Share Discovery thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Sharing Discoveries &lt;/strong&gt;– When visitors unearth choice news stories, top ten lists, or controversial blog postings, they want to be able to share their discoveries with the world, and be credited for them on social news websites such as digg.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/popurls.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/popurls_thumb.jpg&quot; alt=&quot;PopURLs thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Creating New &lt;/strong&gt;– There are thousands of mashups on the Web today because tech-savvy users want to remix unique websites through their APIs or RSS feeds.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;The design of these basic social tools needs to be simple, easily accessible, and exposed. It’s not enough that users know that they can go to del.icio.us to bookmark an article or blog post, readers are expecting a link right there at the base of the entry. It shouldn’t be necessary for users to click through to view the comments following an article. To be effective, tools need to be close at hand.&lt;/p&gt;  &lt;h4&gt;Social for Social’s Sake&lt;/h4&gt;  &lt;p&gt;In addition to websites which socialize media and applications, there are websites which are social for social’s sake. These websites are all about connecting people and building community. They are the social networking websites such as the MySpace, Gather, Facebook, and Ning networks. The primary component on these sites is the user profile around which both the navigation and activity revolves. This type of website interface also requires a baseline of social functionality.&lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/user_profile.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/user_profile_thumb.jpg&quot; alt=&quot;Profile  thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;User Profiles&lt;/strong&gt; – The main ingredient in any social networking website is the user profile which can be tailored to match a user’s personality.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/friends.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/friends_thumb.jpg&quot; alt=&quot;Friends thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Friends Lists &lt;/strong&gt;– What’s the point of joining a social community if you can’t make friends? The friends list enables people to create their own network of social connections and display them to the world.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/comments2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/comments2_thumb.jpg&quot; alt=&quot;Comments thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Comments &lt;/strong&gt;– These remarks are left for users by users. They are the casual “chatter”, the friendly “writing on the wall”, and the “shout outs” that are left on a person’s profile page.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/message2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/message2_thumb.jpg&quot; alt=&quot;Message thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Communication &lt;/strong&gt;– An integral part of any social network is a means with which to communicate with other members be it an internal messaging system, email, IM, or live talk.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/subscribe_user2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/subscribe_user2_thumb.jpg&quot; alt=&quot;Subscribe User thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Subscribe &lt;/strong&gt;–Just as with social media websites, members of social networking communities expect to find the tools which will let them subscribe to members who they find interesting.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/myspace_groups.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/myspace_groups_thumb.jpg&quot; alt=&quot;Groups thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Groups &lt;/strong&gt;– These sub-communities within a social ecosystem enable members to associate with a focused group of people who share a similar interest, profession, or defining characteristic.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/mayasmom.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/mayasmom_thumb.jpg&quot; alt=&quot;Tools thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Tools for Personal Expression &lt;/strong&gt;– Popular social networking websites provide their members with tools to create content such as personal journals and blogs, as well as the ability to upload media and other items like photos, slideshows, videos, and widgets of all types.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;Not unlike social media websites, the design of these community tools must be easy for members to use, close at hand, and obvious.&lt;/p&gt;&lt;p&gt;  ******************************************************************************** &lt;/p&gt;  &lt;h3&gt;Alternate Navigation&lt;/h3&gt;  &lt;p&gt;Today’s website designers are embracing alternate pathways to information. It used to be that visitors landed on a website and navigated around it by how the creator thought that they should see the world. Now websites are offering alternate and organic ways to navigate content which they hope will be more effective. Many of these new ways to navigate involve providing visitors with tools for discovery while others present a visual representation of what is important, offering multi-tasking, time-starved visitors an instant digest of information. &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/bebo.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/bebo_thumb.jpg&quot; alt=&quot;User thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;By User &lt;/strong&gt;- It’s not enough just to find information any longer, people want to explore each other and find like minded individuals. This type of navigation is natural on social networking websites where the primary purpose is to connect with other members.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/tag_cloud.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/tag_cloud_thumb.jpg&quot; alt=&quot;Tag Cloud thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;The Tag Cloud &lt;/strong&gt;– This is a complementary taxonomy to the controlled vocabulary created by website designers, one which is organic to the user community. There are no instructions required with this intuitive tool which is obviously clickable and oftentimes san serif.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/popsugar4.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/popsugar4_thumb.jpg&quot; alt=&quot;The Top thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;The Top &lt;/strong&gt;– Including such lists as the most popular, most searched, most recent, top commented, top voted, and top emailed, this feature provides a scannable summary of what’s important in a community at any given time. There is still room here for editors to list their own featured items alongside these community lists.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/zeitgeist.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/zeitgeist_thumb.jpg&quot; alt=&quot;Zeitgeist thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;The Zeitgeist &lt;/strong&gt;– This is a container for all of the top and most lists as well as the tag clouds, providing a glimpse into the culture and personality of a particular website community.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/spherit2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/sphereit2_thumb.jpg&quot; alt=&quot;Related thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Related Information &lt;/strong&gt;– Not all pathways to information need to lead to content within the same website. Navigating now involves weaving in and out and around websites and data sources to provide visitors with relevant content. SphereIt as well as custom tools can provide this functionality.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/heat2.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/heat2_thumb.jpg&quot; alt=&quot;Heat thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Heat Maps &lt;/strong&gt;– Websites such as CrazyEgg and Summize are using heat maps as visual tools to help users navigate and digest information.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/digglabs.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/digglabs_thumb.jpg&quot; alt=&quot;Relationship thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Relationship Maps &lt;/strong&gt;– Digg Labs is experimenting with innovative, interactive, visual representations of information with its Swarm, Stack, and BigSpy applications.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/time.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/time_thumb.jpg&quot; alt=&quot;Time thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Time Tools &lt;/strong&gt;– On today’s websites, visitors may even travel back in time and navigate information temporally.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/geolocator.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/geolocator_thumb.jpg&quot; alt=&quot;Geolocator thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Maps &lt;/strong&gt;– Overlaying information on a map, especially with the availability of Google and Yahoo! maps is a commonplace capability of new websites as a form of navigating information. It is particularly crucial for e-commerce sites with brick-and-mortar locations.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/widgets.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/widgets_thumb.jpg&quot; alt=&quot;Widgets thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Widgets &lt;/strong&gt;– Gadgets are another way users are navigating information. They are aggregating custom data in one place, and navigating it from there. Websites are no longer simply text displays, but are applications containing other applications.&lt;br /&gt;&lt;br /&gt; &lt;/p&gt;  &lt;p&gt;&lt;a href=&quot;http://infotangle.blogsome.com/images/twittervision.jpg&quot;&gt;&lt;img src=&quot;http://infotangle.blogsome.com/images/twittervision_thumb.jpg&quot; alt=&quot;Mashups thumb&quot; align=&quot;left&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Mashups &lt;/strong&gt;– Web users are creating their own ways of navigating information by remixing content from different services to create new applications.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/p&gt;&lt;hr /&gt;  &lt;h3&gt;Principles of Information Design for the New Web&lt;/h3&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;Keep it Simple &lt;/strong&gt;- Include only necessary functionality and provide a clean efficient design.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Make it Social &lt;/strong&gt;- Meet users expectations by enabling connections through social tools.&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Offer Alternate Navigation &lt;/strong&gt;– Reflect the Zeitgeist of the website community and embrace alternate pathways to information including utilizing visual tools.&lt;/li&gt;&lt;/ul&gt;  &lt;p&gt; &lt;strong&gt;New Web Philosophies&lt;/strong&gt;&lt;/p&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;Evolve &lt;/strong&gt;– Today’s Website creators aren’t afraid to try new things. There is no right answer and everything doesn’t need to be figured out at the outset. &lt;/li&gt;&lt;li&gt;&lt;strong&gt;Be Nimble &lt;/strong&gt;– Respond to advances in technology and changes in market needs.  Be willing to abandon bad ideas&lt;/li&gt;&lt;li&gt;&lt;strong&gt;Be Open &lt;/strong&gt;– Issue and API and design badges and widgets for your users – or they will design them for you.&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Source : &lt;br /&gt;&lt;pre id=&quot;line31&quot;&gt;&lt;a href=&quot;http://infotangle.blogsome.com/2007/04/02/information-design-for-the-new-web/&quot;&gt;Information Design for the New Web&lt;/a&gt;&lt;/pre&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/3674607444553378342/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/3674607444553378342' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/3674607444553378342'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/3674607444553378342'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/11/information-design-for-new-web.html' title='Information design for the New  Web'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-6049281022209255787</id><published>2007-10-16T04:42:00.000-07:00</published><updated>2007-10-16T04:50:18.116-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Beautiful website design"/><title type='text'>10 ways to make your Web site &#39;sticky&#39;</title><content type='html'>Here are 10 ways to make your site &quot;sticky.&quot;&lt;br /&gt;&lt;br /&gt;1.Comfort your visitors with familiar items and navigation. Think about walking into a department store or supermarket for the first time. Previous experience tells you where to go to find what you need because there are conventions — established and traditional traffic patterns for you to follow. Similarly, there are online standards now to help orient visitors, making them comfortable and ready to learn more.&lt;br /&gt;&lt;br /&gt;In a recent study, Nielsen&#39;s consulting firm, the Nielsen Norman Group in Fremont, Calif., found the following page elements on roughly four out of every 10 sites.&lt;br /&gt;• The term &quot;site map&quot; for the site overview&lt;br /&gt;• A different color after links are clicked and expired&lt;br /&gt;• Shopping-cart links in the upper right corner&lt;br /&gt;• Left-hand navigation for peer-level links&lt;br /&gt;• Logos in the upper left corner&lt;br /&gt;• When used, search boxes on the home page&lt;br /&gt;&lt;br /&gt;There may be other standards that apply to your business or industry. Check out competitive sites and, if you decide to flout convention, have a good reason.&lt;br /&gt;&lt;br /&gt;2. Keep it simple. The faster and easier the navigation, the happier your customer will be. If you&#39;re launching an e-commerce site, it might pay off to outsource some of the complex management and tools you&#39;ll need, such as with Microsoft&#39;s Commerce Manager. And set up a plan to monitor every page periodically so that you catch broken links and make sure every page loads quickly.&lt;br /&gt;&lt;br /&gt;3. Offer a guided tour. &quot;Find out who your visitors are and make suggestions about where they might want to go,&quot; says Thomas Obrey, co-founder of PixelMEDIA, a Portsmouth, N.H., Internet services company, explaining that it can be done via navigational cues or by a click-by-click page tour or demo. &quot;It&#39;s the same concept as a salesperson greeting you at the store, understanding who you are, and guiding you to what you want.&quot;&lt;br /&gt;&lt;br /&gt;As an example, Obrey points to the ECCO shoes site (www.eccousa.com), which his company recently redesigned. &quot;The site is 100% engineered to lead visitors around.&quot; It has a &quot;front end that markets shoes and a back end that sells shoes,&quot; Obrey says.&lt;br /&gt;&lt;br /&gt;4.  Tell your story. &quot;A Web site is like a mini-broadcasting station,&quot; says Terry Isner, creative director at Jaffe Associates, a Washington, D.C., marketing consultant. &quot;It starts right on the home page, which should set the stage by telling a compelling story that positions the company against its competitors.&quot; Include clear, concise information about whatever differentiates your company in your industry or niche.&lt;br /&gt;&lt;br /&gt;Having an &quot;About Us&quot; section enables you to present the human side of your business by profiling your management team and detailing your company&#39;s history. Also, a section devoted to company news allows you to announce new clients, new hirings, new products or features — through press releases you post there. These are &quot;conventions&quot; to many users. Don&#39;t discount their value.&lt;br /&gt;&lt;br /&gt;5. Update your content as regularly as possible. If you want repeat visitors, you need an answer to every returning user&#39;s question: &quot;What&#39;s new?&quot;&lt;br /&gt;&lt;br /&gt;Even if your site is not content-rich, a key to getting repeat visitors is to offer something new when they return — new graphics, new product information, new offers, new article links, new company news, whatever. If you sell products or offer services, updating your online catalogs and product or services pages regularly will let people know you&#39;re still active in the business. It also gives you a chance to vary the offerings you tout and test what resonates with your target audience.&lt;br /&gt;&lt;br /&gt;Also, if your business caters to a particular community of users — such as outdoors enthusiasts, musicians, movie buffs, or even retail store owners — consider having a communities section on your site, or a blog. (For more on blogging, see this article.)&lt;br /&gt;&lt;br /&gt;6. Say yes to archiving pages. When designing or upgrading a site, it takes little additional cost and effort to add an archiving channel for press releases, investor bulletins, media clips, company fact sheets, sales presentations, product announcements or specs, conference briefings, white papers and other content that you originally posted in more prominent places. You never know when a client will remember some data point or presentation you had on the site and return to forward it to your next prospective customer.&lt;br /&gt;&lt;br /&gt;7. Test your labels and links. Before signing off on copy or design, put it through a usability test. Watch a live customer click page by page through your site to see if it&#39;s intuitive.&lt;br /&gt;&lt;br /&gt;You should also test all top-level site labels, suggests Marcia Yudkin, marketing consultant and author of &quot;Web Site Marketing Makeover.&quot; &quot;It&#39;s essential to learn whether the labels you&#39;ve come up with make as much sense to your audience as they do to you.&quot; Also use phrases or call-to-action sentences instead of one-word labels for your active links. &quot;Granted, longer labels can pose design challenges, but what&#39;s the point of an aesthetically perfect home page with options that perplex visitors,&quot; Yudkin says.&lt;br /&gt;&lt;br /&gt;8. Always fine-tune your site after launching it. The most common mistake, say many experts, is doing everything right in taking the site live — — but then walking away from the considerable consumer information it can yield.&lt;br /&gt;&lt;br /&gt;You should be checking into your server logs to monitor visitor and consumer behavior and traffic patterns. What site or search engine does which kind of customers come from? How long do they stay? On which pages? How do they move through the site? What products or information do which customer segments focus on?&lt;br /&gt;&lt;br /&gt;Inexpensive, automated software such as Microsoft&#39;s FastCounter Pro can quickly analyze Web traffic and provide you with easy-to-understand reports. Once you get these reports, do something with them! Use the information to edit your pages, fix the navigation, change links, change content, and alter your search engine marketing to respond to customer needs. (See this article to learn more.)&lt;br /&gt;&lt;br /&gt;9. Establish trust in your users. Many consumers have now been burned by online experiences, so you must quickly establish business bona fides. Web design conventions (see No. 1 above) can help put customers at ease, but you must also establish individual credibility. The options depend on your business. For example, Richard Solomon, a New York State attorney and author, runs SmallClaimsBook.com, which helps people learn about winning in small claims court.&lt;br /&gt;&lt;br /&gt;&quot;I post my television and radio interviews, in addition to book reviews. This shows visitors to the site that I have a product [a book] and a service [public speaking] that are recognized by the media,&quot; he says.&lt;br /&gt;&lt;br /&gt;Other possibilities:&lt;br /&gt;• Prominent bio or expert credentials&lt;br /&gt;• Customer testimonials&lt;br /&gt;• 100% money-back guarantees&lt;br /&gt;• Free or discounted shipping&lt;br /&gt;• Perks or discounts for second-time buyers&lt;br /&gt;• Generous and clear product return policies&lt;br /&gt;• Live chat online sales support; see Microsoft Office Live Meeting for details&lt;br /&gt;• Letting customers track their orders&lt;br /&gt;• Contact information, with a phone number, on every page&lt;br /&gt;• Online customer access to your inventory&lt;br /&gt;• Online client access to your appointment calendar, such as with Microsoft&#39;s Appointment Manager&lt;br /&gt;&lt;br /&gt;10. Empower your visitors. Design your navigation and online applications so your visitors can find what they want. Yes, the site&#39;s overall look and feel is important and, yes, your copy and content must be assured and professional. But the main mission of your site should be to make each visitor feel that he or she is in charge of the experience.&lt;br /&gt;&lt;br /&gt;That&#39;s the route to attracting customers — and motivating them to return.&lt;br /&gt;&lt;br /&gt;Source : http://www.microsoft.com/smallbusiness/resources/marketing/online_marketing/10_ways_to_make_your_web_site_sticky.mspx</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/6049281022209255787/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/6049281022209255787' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6049281022209255787'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6049281022209255787'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/10/10-ways-to-make-your-web-site-sticky.html' title='10 ways to make your Web site &#39;sticky&#39;'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-7015439497747885828</id><published>2007-10-08T04:27:00.000-07:00</published><updated>2007-10-08T04:50:20.976-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Resolution"/><title type='text'>Screen Resolution to design Websites</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomc0BYbywnzqFdEgFqf74bEcxDzr4fDwshHl15w43o2uLwgO1BtUetYEg7HbmGLNOz5GiYc2PDsZos7cMPGotvdoBeYN0qDSDEtMI2FSRJySxb80SCLrmufk_kTvHn7mzz_-t_Tz49am6/s1600-h/ScreenResolutions.jpg&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomc0BYbywnzqFdEgFqf74bEcxDzr4fDwshHl15w43o2uLwgO1BtUetYEg7HbmGLNOz5GiYc2PDsZos7cMPGotvdoBeYN0qDSDEtMI2FSRJySxb80SCLrmufk_kTvHn7mzz_-t_Tz49am6/s320/ScreenResolutions.jpg&quot; border=&quot;0&quot; alt=&quot;Screen Resolution&quot;id=&quot;BLOGGER_PHOTO_ID_5118931457446914242&quot; /&gt;&lt;/a&gt; It&#39;s impossible to design a website to look the same in every browser, platform and screen resolution, so don&#39;t bother trying. Instead, use a fluid, tableless layout for your design, with % widths that expand and contract to fit a visitors browser setting. Design for the 1024x768 setting and ensure it contracts properly, or &#39;transforms gracefully&#39;, to the 800x600 setting. Margins, page widths and indentation are aspects of page design which can aid readability.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Basic Resolution Facts&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;640x480 is not dead&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;While 640x480 is not as required as it used to be, 640x480 is still around. Older computers, laptops with smaller screens, and people who need larger fonts do browse the Web. Even if you choose not to design your page to this resolution you should test your site at this resolution.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;. &lt;strong&gt;800x600 is not guaranteed&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Many Web site design guides recommend designing Web sites for 800x600 resolution. While this resolution is more common on the Web at large, this may not be the case for your customers. If you&#39;re planning on redesigning your Web site, take a few weeks to analyze your browser statistics to determine the most common resolutions used by your customers.&lt;br /&gt;&lt;br /&gt;. &lt;strong&gt;1024x768 and higher are still less common&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;This resolution can be fairly hard to read for many people. A 14-inch flat panel monitor might support 1024x768, but the text is virtually unreadable. Also, many computers sold are set up with lower resolutions by default.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Resolution Items to Think About&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Not all users maximize&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;If you determine that your customers browse at 1024x768, you may be building pages that require horizontal scrolling. Why? Because while they are browsing at that resolution, they don&#39;t maximize their browser window, so 800x600 might fit their window better.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Don&#39;t forget the browser&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Browsers subtract as much as 50 pixels on the right and left, and 200 pixels on the top and bottom. So if you create a table that&#39;s 800 pixels wide, customers with maximized browsers on 800x600 resolution screens will have to scroll horizontally&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;What to Do&lt;/strong&gt; ?&lt;br /&gt;&lt;br /&gt;1. Determine who views your site&lt;br /&gt;&lt;br /&gt;Review your Web logs, or put up a poll or a script to determine what your readers actually use. Use the real-world browser size script to track your readers.&lt;br /&gt;&lt;br /&gt;2. Base your redesign on your customers&lt;br /&gt;&lt;br /&gt;When you redesign your site, build it based on the facts of your Web site. Do not base it on statistics of &quot;the Web&quot; or other sites.&lt;br /&gt;&lt;br /&gt;3. Test your site in various resolutions&lt;br /&gt;Either change your own screen size or use a testing site.&lt;br /&gt;&lt;br /&gt;4. Don&#39;t expect your customers to change&lt;br /&gt;They won&#39;t. And placing restrictions on them just encourages them to leave.&lt;br /&gt;&lt;br /&gt;Source : http://webdesign.about.com/od/webdesign/a/aa123002a.htm</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/7015439497747885828/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/7015439497747885828' title='169 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7015439497747885828'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7015439497747885828'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/10/screen-resolution-to-design-websites.html' title='Screen Resolution to design Websites'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgomc0BYbywnzqFdEgFqf74bEcxDzr4fDwshHl15w43o2uLwgO1BtUetYEg7HbmGLNOz5GiYc2PDsZos7cMPGotvdoBeYN0qDSDEtMI2FSRJySxb80SCLrmufk_kTvHn7mzz_-t_Tz49am6/s72-c/ScreenResolutions.jpg" height="72" width="72"/><thr:total>169</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-6460687540700700574</id><published>2007-10-01T00:08:00.000-07:00</published><updated>2007-10-01T00:58:27.811-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Steps to Create a High Quality Website</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCd0AYSYix4_3B6KE0cExA5miF12woNdPFybgHomv3mtdwK2D8OQYkFD4O7utigLQ-LIFAyQ2Dg-CspufMdnOzNky6kKFs-R_bAyIS3GSJHf4GvBK6HxNJgpl1u1OjYYnB_nGr446dGySK/s1600-h/movewebsite.jpg&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCd0AYSYix4_3B6KE0cExA5miF12woNdPFybgHomv3mtdwK2D8OQYkFD4O7utigLQ-LIFAyQ2Dg-CspufMdnOzNky6kKFs-R_bAyIS3GSJHf4GvBK6HxNJgpl1u1OjYYnB_nGr446dGySK/s200/movewebsite.jpg&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5116274186950682786&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;What you need are goals, content, structure, design, programming and maintenance. What you need is expertise – constantly. This article outlines – without attempting to be comprehensive – the &lt;strong&gt;ten most important steps to create a good website&lt;/strong&gt;. &lt;br /&gt;&lt;br /&gt;1.  Commitment &lt;br /&gt;2.  Planning &lt;br /&gt;3.  Information Architecture &lt;br /&gt;4.  Design &lt;br /&gt;5.  Programming &lt;br /&gt;6.  Quality Assurance &lt;br /&gt;7.  Public Relations &lt;br /&gt;8.  Success Control &lt;br /&gt;9.  Maintenance &lt;br /&gt;10. Quality Assurance&lt;br /&gt;&lt;br /&gt;1. Commitment&lt;br /&gt;&lt;br /&gt;A high-quality website requires a lot of commitment and effort. Good content requires a lot of commitment and effort. Your users and visitors demand commitment and effort. &lt;br /&gt;&lt;br /&gt;2. &lt;strong&gt;Planning&lt;/strong&gt;&lt;br /&gt;You have decided that you really want a website and that this website should really be of an acceptable standard. What you need to do now is a plan:&lt;br /&gt;&lt;br /&gt;What is the goal of your website ? &lt;br /&gt;What is the target audience of your website ? &lt;br /&gt;What content do you intend to offer ? &lt;br /&gt;Which key data and metrics will you use to determine your success? (Determine your key performance indicators.) &lt;br /&gt;&lt;br /&gt;If you are in any doubts or even fail to find an answer to one of the questions, you probably need a break. Or you could try to seek for help regarding your decisions. Your website won’t mind the wait.&lt;br /&gt;&lt;br /&gt;3. &lt;strong&gt;Information Architecture&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;After the planning phase has been completed, don’t immediately start designing and implementing: First, you need to &lt;em&gt;create, test, verify, and reconsider the structure and architecture of your offer&lt;/em&gt;. To do this, read a good book about information architecture, look at a few heuristics and have at least 15 users do some card-sorting. &lt;br /&gt;&lt;br /&gt;4. &lt;strong&gt;Design&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt; &lt;em&gt;Consider a few points before you start the design process&lt;/em&gt;:&lt;br /&gt;&lt;br /&gt;. It doesn’t hurt to have a look at a few principles, whether specific ones by Tufte or Tognazzini or abstract ones like the golden ratio or wabi-sabi. &lt;br /&gt;. It is essential to keep accessibility in mind, even during the design phase. It is easy to address color blindness, photosensitive epilepsy or sufficient contrast during this stage. &lt;br /&gt;. Test your drafts (don’t wait until the final version). Carry out tests, whether with five users, with more than five because that’s not enough, with n users, just as long as it is cheap, or with none because you place your trust in experts. Test and read through basic rules about usability. &lt;br /&gt;&lt;br /&gt;5. &lt;strong&gt;Programming&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;After completing the design process, which should have led to a well operating design, you can now start the implementation. (It is, however, possible, that you start this at an earlier stage already.) In addition to environment (server) and dynamics (script languages), you need to consider the following points:&lt;br /&gt;&lt;br /&gt;6. &lt;strong&gt;Quality Assurance&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;After having worked out an elaborate, high-quality information offer on the basis of the aforementioned points, you should still absolutely and definitely carry out Quality Assurance (QA). The launch of your offer is part of this phase, ideally after a final QA. It may be possible to launch your website immediately after having carried out the QA, but only if you have focused on quality from the beginning.&lt;br /&gt;&lt;br /&gt;7. &lt;strong&gt;Public Relations&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Market your website without feeling guilty. Your HTML should already be suitable for search engines (semantics and accessibility). Use a moderate link strategy from this point on and perform conventional Public Relations (PR). &lt;br /&gt;&lt;br /&gt;8. &lt;strong&gt;Success Control&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Make sure that the “&lt;strong&gt;key performance indicators( KPI )&lt;/strong&gt; you determined at the beginning are measured. If your existing statistics don’t determine these numbers, ensure that they do. There are some useful statistics tools: Google Analytics, Mint, WebSideStory. Use these metrics to evaluate the development and the success of your offer.&lt;br /&gt;&lt;br /&gt;9. &lt;strong&gt;Maintenance&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;Maintain your website. Update your website. Look after your website. Add new content on a regular basis. &lt;br /&gt;&lt;br /&gt;10 &lt;strong&gt;Quality Assurance&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;That’s right, quality assurance is a process. Keep validating, checking, and testing your documents, contents, and design … again and again.&lt;br /&gt;&lt;br /&gt;Eager to know more in detail. Click -&lt;br /&gt;&lt;a href=&quot;http://meiert.com/en/blog/20070510/10-steps-to-create-a-high-quality-website/&quot;&gt;10 Steps to Create a High-Quality Website&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/6460687540700700574/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/6460687540700700574' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6460687540700700574'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6460687540700700574'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/10/steps-to-create-high-quality-website.html' title='Steps to Create a High Quality Website'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCd0AYSYix4_3B6KE0cExA5miF12woNdPFybgHomv3mtdwK2D8OQYkFD4O7utigLQ-LIFAyQ2Dg-CspufMdnOzNky6kKFs-R_bAyIS3GSJHf4GvBK6HxNJgpl1u1OjYYnB_nGr446dGySK/s72-c/movewebsite.jpg" height="72" width="72"/><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-8696032520148849081</id><published>2007-09-21T23:34:00.000-07:00</published><updated>2007-09-22T00:34:17.628-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design Guidelines"/><title type='text'>Google&#39;s website Design and content guidelines</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1YOwaew2lpXHo5vN4MFoKLH2aHst1sjWdJV7-5d8NCLIeElKOM9GTTSdvGQIYG6qmj65RZWDWSQEuyOSPbT2hZ1uE1-qknS_CgWqO6_FNWyPjc1mHQmLd7Em9uzbSsXwvCrOMBrkcEkp/s1600-h/Google&#39;s-logo.jpg&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1YOwaew2lpXHo5vN4MFoKLH2aHst1sjWdJV7-5d8NCLIeElKOM9GTTSdvGQIYG6qmj65RZWDWSQEuyOSPbT2hZ1uE1-qknS_CgWqO6_FNWyPjc1mHQmLd7Em9uzbSsXwvCrOMBrkcEkp/s400/Google&#39;s-logo.jpg&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5112928334412654370&quot; /&gt;&lt;/a&gt;&lt;br /&gt;Following Guidelines should be considered when developing any web site. These points are directed by Google. These points are your Guide to Professional Website Design and Development &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Google&#39;s Design and content guidelines&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;1. Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text link. &lt;br /&gt;&lt;br /&gt;2. Offer a site map to your users with links that point to the important parts of your site. If the site map is larger than 100 or so links, you may want to break the site map into separate pages. &lt;br /&gt;3. Create a useful, information-rich site, and write pages that clearly and accurately describe your content. &lt;br /&gt;4. Think about the words users would type to find your pages, and make sure that your site actually includes those words within it. &lt;br /&gt;5. Try to use text instead of images to display important names, content, or links. The Google crawler doesn&#39;t recognize text contained in images. &lt;br /&gt;6. Make sure that your TITLE tags and ALT attributes are descriptive and accurate. &lt;br /&gt;Check for broken links and correct HTML. &lt;br /&gt;7. If you decide to use dynamic pages (i.e., the URL contains a &quot;?&quot; character), be aware that not every search engine spider crawls dynamic pages as well as static pages. It helps to keep the parameters short and the number of them few. &lt;br /&gt;Keep the links on a given page to a reasonable number (fewer than 100).&lt;br /&gt;&lt;br /&gt;Source :  http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=35769</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/8696032520148849081/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/8696032520148849081' title='126 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/8696032520148849081'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/8696032520148849081'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/09/googles-website-design-and-content.html' title='Google&#39;s website Design and content guidelines'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF1YOwaew2lpXHo5vN4MFoKLH2aHst1sjWdJV7-5d8NCLIeElKOM9GTTSdvGQIYG6qmj65RZWDWSQEuyOSPbT2hZ1uE1-qknS_CgWqO6_FNWyPjc1mHQmLd7Em9uzbSsXwvCrOMBrkcEkp/s72-c/Google&#39;s-logo.jpg" height="72" width="72"/><thr:total>126</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-6404820504787892988</id><published>2007-09-14T01:35:00.000-07:00</published><updated>2007-09-22T00:45:10.742-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Beautiful website design"/><title type='text'>Art to design great looking / beautiful web sites</title><content type='html'>&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg889jAxAea9-xNJ2eeKgknBWWhwOEOZ4_jCjwlN1xHFImlOflnwTrBwLeH0DG51avjq_-omen8CQ0wzhEWc-xtcrpFMzq471uBuPXe5reTj81rSqH5COQoztBbvaI9Hsx3L_FjT2XRgfpk/s1600-h/Beautiful-website-example.jpg&quot;&gt;&lt;img style=&quot;float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg889jAxAea9-xNJ2eeKgknBWWhwOEOZ4_jCjwlN1xHFImlOflnwTrBwLeH0DG51avjq_-omen8CQ0wzhEWc-xtcrpFMzq471uBuPXe5reTj81rSqH5COQoztBbvaI9Hsx3L_FjT2XRgfpk/s400/Beautiful-website-example.jpg&quot; border=&quot;0&quot; alt=&quot;&quot;id=&quot;BLOGGER_PHOTO_ID_5112931160501135154&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;strong&gt;. &lt;/strong&gt; Understand the design process, from discovery to implementation &lt;br /&gt;&lt;strong&gt;.&lt;/strong&gt; Develop pleasing layouts using grids, the rule of thirds, balance, and symmetry &lt;br /&gt;&lt;strong&gt;. &lt;/strong&gt; Use color effectively, develop color schemes and create a palette &lt;br /&gt;&lt;strong&gt;. &lt;/strong&gt; Use textures: lines, points, shapes, volumes, and depth &lt;br /&gt;&lt;strong&gt;. &lt;/strong&gt; Learn how good  typography can make ordinary designs look great &lt;br /&gt;&lt;strong&gt;. &lt;/strong&gt; Effective imagery: choosing, editing and placing images &lt;br /&gt;&lt;strong&gt;. &lt;/strong&gt; Understand what makes “good design</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/6404820504787892988/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/6404820504787892988' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6404820504787892988'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/6404820504787892988'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/09/art-to-design-great-looking-beautiful.html' title='Art to design great looking / beautiful web sites'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg889jAxAea9-xNJ2eeKgknBWWhwOEOZ4_jCjwlN1xHFImlOflnwTrBwLeH0DG51avjq_-omen8CQ0wzhEWc-xtcrpFMzq471uBuPXe5reTj81rSqH5COQoztBbvaI9Hsx3L_FjT2XRgfpk/s72-c/Beautiful-website-example.jpg" height="72" width="72"/><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-7207680262131000024</id><published>2007-09-03T01:12:00.000-07:00</published><updated>2007-09-03T01:15:38.484-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Top 10 Website development Guidlines</title><content type='html'>1. Use clean CSS (cascading style sheets) codes&lt;br /&gt;2. If websites are built on a dynamic platform, make sure that your Content &lt;br /&gt;   Management System is search engine friendly&lt;br /&gt;3. Keep your codes clean by calling all java scripts and CSS using an include file&lt;br /&gt;4. Use keyword rich H1 TAGS&lt;br /&gt;5. Use ALT Tags for images to enable your site to be read by visitors with &lt;br /&gt;   visual/hearing impairments and name all your images keyword rich&lt;br /&gt;6. Keep the download time low by reducing images on the site&lt;br /&gt;7. Float the content right at the top and make it easy for the crawler to index your &lt;br /&gt;   page&lt;br /&gt;8. Make sure phone numbers and address are on every page as text&lt;br /&gt;9. Use Absolute Links, no relative links&lt;br /&gt;10. Check for browser compatibility so the site appears the same across all platforms&lt;br /&gt;&lt;br /&gt;Source : http://blog.milestoneinternet.com/milestone-top-10/milestones-top-10-website-programming-guidelines/</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/7207680262131000024/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/7207680262131000024' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7207680262131000024'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7207680262131000024'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/09/top-10-website-development-guidlines.html' title='Top 10 Website development Guidlines'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>3</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-4450184674813218339</id><published>2007-08-26T23:50:00.000-07:00</published><updated>2007-08-27T00:00:35.205-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>What to choose - web site template or custom development ?</title><content type='html'>What should site be to positively influence business and not bring heaps of problems?”. &lt;br /&gt;&lt;br /&gt;In this article we want to analyse the parameter of how site is created. There are two major variants – you can get custom developed site or you can buy off-the-shelf ready solution for a site. Exactly these two variants or choice of web sites appearing will be discussed in this article.&lt;br /&gt;&lt;br /&gt;variant 1: you decided that you don’t want to be like all the rest and that your business deserves a lot and, constantly, your company web site should be the best in the whole world, especially if you consider it to be a very important constituent of your business. Welcome to the category of people willing to get a custom developed site (exclusive and perfect). Advantages of such a site are: &lt;br /&gt;&lt;br /&gt;* custom web site development always allows taking into consideration current and future (which is the most important) needs of the market and customers; &lt;br /&gt;&lt;br /&gt;* every field of activity and, consequently, target group has lots of details which you will be able to provide for; &lt;br /&gt;&lt;br /&gt;* you will get exactly what you wanted as a result of custom web site development; &lt;br /&gt;&lt;br /&gt;* if you want to get profit and benefit from your web site’s work, you will need to constantly develop and improve it (both content and functionality). It is difficult to do this with off-the-shelf solutions, but custom developed sites can be easily improved, developed and changed. &lt;br /&gt;&lt;br /&gt;Unfortunately, this variant of web site development is not ideal. There are two big disadvantages: time and money. Custom web site development is labour-consuming and takes a lot of time (of course, time of development depends on, first of all, your requirements) and, therefore, it requires great expenditures. So, if you have time and big budget for the project, take this variant into account. &lt;br /&gt;&lt;br /&gt;Second variant : you need to get site (probably, not the most special) as soon as possible and it is highly desirable that site should be not very expensive. You belong to people who need web site, so to say, pro forma. In this case, site will be used not for conducting the business, but will act as means of informing about the company, so it’s functionality can be very simple. If this is your case, there is no doubt that it will be better to choose off-the-shelf solution. We already listed the major advantages of such solutions; these are time and money savings. As for disadvantages, there are a little bit more of them: &lt;br /&gt;&lt;br /&gt;* first of all, you will not be able to profitably realize unique aims and objectives of your business (if there are any); &lt;br /&gt;&lt;br /&gt;* off-the-shelf solutions do not take into account all your needs and requirements, so you will have to manage your work with what the solution has; &lt;br /&gt;&lt;br /&gt;* every time you decide to change or add anything to your site, you will have to turn to developers for help. &lt;br /&gt;&lt;br /&gt;So, these are the basic advantages and disadvantages of two major ways of web site acquisition. Of course, we could give some advice, for example, not to create web site only for yourself, the site will be used by your clients and their needs and wishes are of the highest priority and other. But in general, you should decide which variant of those described above to choose. The main thing is to clearly define, why you and your company need a web site and for what you are going to use it.&lt;br /&gt;&lt;br /&gt;Source : http://www.selfseo.com/story-19368.php</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/4450184674813218339/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/4450184674813218339' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/4450184674813218339'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/4450184674813218339'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/08/what-to-choose-web-site-template-or.html' title='What to choose - web site template or custom development ?'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-7135574846200895684</id><published>2007-08-18T01:18:00.000-07:00</published><updated>2007-08-18T01:22:46.550-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="small business website"/><title type='text'>Snappy design, full color  ? Nowadays, senior yearbooks aren&#39;t what they</title><content type='html'>Island Packet Online - Technology has allowed for the advancement in design and production of yearbooks, with some components expanding online. Web sites such as www.myyearbook.com allow yearbooks to be done entirely online. Brainiac Studios, based in Jasper County, is &lt;a href=&quot;http://www.islandpacket.com/features/story/6560445p-5839187c.html&quot;&gt;more&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;Wired News - Easy Tiger (Lost Highway) The Web is full of crap (duh). And until recently, Ryan Adams was adding to the pile: Last year all 20 episodes are on DVD, so we can watch our heroes as they build the first telephone with Alexander Graham Bell, design &lt;a href=&quot;http://www.wired.com/culture/lifestyle/magazine/15-07/pl_playlist&quot;&gt;more&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;Earthtimes - AVENTURA, FL -- 06/25/07 -- Netspace International Holdings, Inc. (Netspace) (PINKSHEETS: NSIH), a provider of web design and custom internet marketing services, announced today that it has completed its reverse merger. Under the company&#39;s new &lt;a href=&quot;http://www.earthtimes.org/articles/show/news_press_release,128124.shtml&quot;&gt;more&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;Palm Beach Post - I knew that hiring a culturally diverse team would add more depth to the graphic and Web design projects we create, and it has.&quot; Her team includes Jewish, Christian, Buddhist, Cuban-American, Asian-American and black men and women employees; along &lt;a href=&quot;http://www.palmbeachpost.com/business/content/business/epaper/2007/06/25/a9bz_movingup_0625.html&quot;&gt;more &lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Forbes - systems utilizing VDC Display Systems Marquee(TM) and ESCP line of projectors. Video Display Corporation operates eight sales, design and manufacturing facilities throughout the United States and Europe. For more information, visit the Company&#39;s web &lt;a href=&quot;http://www.forbes.com/businesswire/feeds/businesswire/2007/06/25/businesswire20070625005947r1.html&quot;&gt;more&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;CNET News - Web security does build on established computing principles of application design and creation, such as input validation and the principle of least privilege, a widely recognized design consideration to enhance the protection of data and functionality &lt;a href=&quot;http://news.com.com/Google%20We%20all%20have%20to%20invent%20the%20wheel/2009-1002_3-6189397.html&quot;&gt;more&lt;/a&gt; &lt;br /&gt;&lt;br /&gt;AZCentral.com - It&#39;s hard to get customers to appreciate the design or color of a product if they&#39;re just looking at a picture on a Web page, he says. But consumers are more fickle and price sensitive than businesses, says tech analyst Roger Kay with Endpoint &lt;a href=&quot;http://www.azcentral.com/news/articles/0625biz-pinkdell25-ON.html&quot;&gt;more&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/7135574846200895684/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/7135574846200895684' title='0 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7135574846200895684'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7135574846200895684'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/08/snappy-design-full-color-nowadays.html' title='Snappy design, full color  ? Nowadays, senior yearbooks aren&#39;t what they'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-3394980451551909206</id><published>2007-08-17T02:43:00.000-07:00</published><updated>2007-08-17T03:00:30.208-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="small business website"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Building Your Small Business Website</title><content type='html'>&lt;p&gt;Whether you&#39;re planning to build your first website or revise a current one, follow these tips to make the process easier:&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;. Decide its purpose&lt;/strong&gt;. Before you build a new website or modify your existing one, decide what role it will play in your marketing mix. Websites should be designed to achieve one of these three goals: To inform, to promote or to sell products and services. For example: &lt;/p&gt;&lt;ol&gt;&lt;li&gt;Auto manufacturers don&#39;t expect you to buy a car online. It&#39;s too big a purchase to be made sight unseen, so automobile retailers use websites to inform prospective buyers about their products.&lt;br /&gt;&lt;/li&gt;&lt;li&gt;Movie producers design their websites to promote their latest flick by profiling actors, presenting story descriptions and adding downloadable video trailers. &lt;/li&gt;&lt;/ol&gt;&lt;p&gt;   3.   Traders flock to eBay.com to actually sell or buy products online. &lt;/p&gt;&lt;p&gt;&lt;strong&gt;.  Set a production schedule&lt;/strong&gt;. A website is like a resume. you just keep adding things to it and making little adjustments. Therefore, it&#39;s very easy to spend way too much time building your website to get it &quot;perfect.&quot;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;Unlike a brochure or flyer, your website can be changed at any time. Decide what you want your website to achieve, what will go on it and how quickly you want it to go up. It&#39;s better to have a functioning website that isn&#39;t completely finished in your mind than no site at all. Get it done on time and schedule regular updates. &lt;/li&gt;&lt;/ul&gt;&lt;p&gt;.&lt;strong&gt;  Work with a pro&lt;/strong&gt;. Interview three qualified website developers or designers and ask for references. You&#39;ll want to hire a firm with experience in building sites like the one you envision. Be sure there&#39;s a personality fit as well. &lt;/p&gt;&lt;p&gt;Ask the developer to prepare a Production Schedule outlining 1.e how he or she will construct your site between the project start date and your launch deadline. &lt;/p&gt;&lt;p&gt;&lt;strong&gt;Add a blog&lt;/strong&gt;. Blogs are the hottest thing on the Internet today. A blog is your very own easy-to-use mini-website, where you can easily post thoughts, information and interact with people.&lt;/p&gt;&lt;p&gt;Your visitors can read the latest items. Your visitors can comment on what you&#39;ve posted, link to it or email you. Visitors may sign up to receive your daily blog posts. &lt;/p&gt;&lt;p&gt;Small business owners use their blogs for different purposes. You can create a blog to share advice, post news or link to your customers&#39; websites. Blogs can link to your website and help you build online traffic. &lt;/p&gt;&lt;p&gt;Find out more about blogging at &lt;a class=&quot;articlelink&quot; href=&quot;http://www.blogger.com/&quot; target=&quot;new&quot;&gt;www.blogger.com&lt;/a&gt;, &lt;a class=&quot;articlelink&quot; href=&quot;http://www.wordpress.org/&quot; target=&quot;new&quot;&gt;www.wordpress.org&lt;/a&gt;, &lt;a class=&quot;articlelink&quot; href=&quot;http://www.typepad.com/&quot; target=&quot;new&quot;&gt;www.typepad.com&lt;/a&gt; or &lt;a class=&quot;articlelink&quot; href=&quot;http://www.blogware.com/&quot; target=&quot;new&quot;&gt;www.blogware.com&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Help people to find it&lt;/strong&gt;. A website is like a retail store - some people will stumble upon it, others need help finding it. Search Engine Optimization (SEO) wires your website into the world&#39;s top search engines, Google, Yahoo and MSN, so surfers can find your products or services. &lt;/p&gt;&lt;p&gt;&lt;br /&gt;With billions of websites fighting for customer attention, an SEO expert could become one of the most important members of your small business team. An SEO expert understands the complicated world of meta tags, programming code, search strings and website rankings.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Test your site&lt;/strong&gt;. Smart restaurant owners hold a &quot;soft&quot; opening a week before their official opening to work out any operational kinks. The same principle applies to your website launch. Launching your brand new website just before a major marketing campaign can lead to disasters such as customers not being able to place orders, page crashes or dumped shopping carts. &lt;em&gt;Hold off on any major marketing that draws attention to your new site until you know it is working flawlessly&lt;/em&gt;. &lt;/p&gt;&lt;p&gt;Source : &lt;a href=&quot;http://www.visa.ca/smallbusiness/articles/article.cfm?article=295&amp;category=60&quot;&gt;http://www.visa.ca/smallbusiness/articles/article.cfm?article=295&amp;amp;category=60&lt;/a&gt;&lt;/p&gt;</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/3394980451551909206/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/3394980451551909206' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/3394980451551909206'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/3394980451551909206'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/08/building-your-small-business-website.html' title='Building Your Small Business Website'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-1863519168963434677</id><published>2007-08-10T02:09:00.000-07:00</published><updated>2007-08-10T02:19:12.189-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="website design resource"/><title type='text'>website design resource - 500 free fonts</title><content type='html'>I found this Fantastic website. &lt;a href=&quot;http://www.fonts500.com/&quot;&gt;Fonts 500&lt;/a&gt; - &lt;br /&gt;The website contains top 500 free fonts, calculated based on download counts from some of the biggest free font archives which are seeing helpful for every website designer. I hope you like it and suggest me more website like it.</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/1863519168963434677/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/1863519168963434677' title='4 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1863519168963434677'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1863519168963434677'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/08/website-design-resource-500-free-fonts.html' title='website design resource - 500 free fonts'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>4</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-7345374441954214648</id><published>2007-07-24T04:40:00.000-07:00</published><updated>2007-08-10T02:19:48.145-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><title type='text'>Everything You Need to Know About Web Design</title><content type='html'>A representation of content, related to an individual, business or any other topic; using design and graphic principles on the internet in the form of web applications and web sites is known as web design. Web design usually involves and uses technologies and standards such as HTML, CSS, XML, SSL, PHP, ASP, etc. &lt;br /&gt;&lt;br /&gt;Web design differs completely from web development, which is more technical and deals with issues concerning the web site dynamics, validations and constraints. The principle of web site design further involves conception and collection of web pages, that in turn, collectively are known as a single entity, a web site. Web pages are usually the basic content and design holders for the entire web site.&lt;br /&gt;&lt;br /&gt;Web design involves great many characteristics of design. The web site design usually depends completely on the type of content. The web site design should be consistent with the content offered by the site and should be able to please the target population looking for such content. Web site design, should be such that it renders the site almost maintain ace free. It should also be user-friendly, with the most basic navigational concepts instilled and an interface that keeps bringing its users back for more. Thus web design plays a very heavy hand in retaining the web traffic. Aesthetics should be eye pleasing and should be consistent throughout the web site. The whole idea of web design, caters around the presentation of the content posted on the web page, this should be kept in mind during the design phases, so that the content is stark and completely readable without any hindrances. Web design definitely affects the online business and visitor retention a lot, no body wants to visit a web site again which is poorly design and the navigating is a pain.&lt;br /&gt;&lt;br /&gt;Written by William Amerson. Find the latest information on &lt;br /&gt;Web Design. &lt;br /&gt;&lt;br /&gt;This article is free for republishing&lt;br /&gt;Source: http://www.articlealley.com/article_182884_4.html</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/7345374441954214648/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/7345374441954214648' title='2 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7345374441954214648'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/7345374441954214648'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/07/everything-you-need-to-know-about-web.html' title='Everything You Need to Know About Web Design'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>2</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-1279240154599496125</id><published>2007-07-09T04:08:00.000-07:00</published><updated>2007-08-31T05:17:55.491-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Resolution"/><category scheme="http://www.blogger.com/atom/ns#" term="Web Design"/><title type='text'>Web Design that is Screen Resolution Friendly</title><content type='html'>Surfing the web always brings up a swath of different problems all based on the different settings implemented by the web designers in their signature web designs. Among these problems is a major one that has to do with the screen resolution settings of all the different visitors who may visit any given web design. When it comes to screen resolution, it doesn&#39;t matter how perfect and beautiful the web design may be, it is very frustrating when a viewer either cannot see the images or text properly, or the viewers have to scroll to the side to see the rest of what the site has to offer. It is truly annoying when the width of the site doesn&#39;t fit within the width of a visitor&#39;s monitor&#39;s screen size.&lt;br /&gt;&lt;br /&gt;The reason for this is that many older monitors ? frequently VGA monitors ? have a maximum of 640x480 pixels that they will support. There area also many visitors to your website who have older video cards. This means that no matter how good their monitor and your website, they simply will not be able to handle higher resolutions. You will need to keep this in mind when you are creating a web design for a large target audience. After all, you will want the maximum number of people possible to be able to easily and clearly read and view your website.&lt;br /&gt;&lt;br /&gt;So why is it that web designers continue to write for such large screen resolutions ? such as 800x600 and 1024x768 when it means that they&#39;ll be sending so many people away from their sites due to the inability to read them or being frustrated from having to scroll sideways all the time? Actually, there are quite a few reasons to explain this web design pattern. For one, there are likely quite a number of web designers who don&#39;t even realize the issue that they are creating. Similarly, there are those web designers who don&#39;t care that some people will not be able to enjoy their websites. Also, we must consider that some web masters have recognized that their target audience are typically equipped with high screen resolution capabilities, and therefore are simply catering to their desired market.&lt;br /&gt;&lt;br /&gt;It is indeed hard to believe that there are some web designers out there who can call themselves professionals and not understand the way that the different technologies used by their viewers will be impacted by the web designs that they create. It is hard to believe that a supposed &quot;expert&quot; may not recognize that their web designs won&#39;t look the same on every computer. Of course, web designers can&#39;t always be blamed, since they often have the latest technologies to make their work more pleasant and professional. However, it is up to them to understand that the majority of the internet using world is not using state-of-the-art technologies. These web designers are only trying to put out the most impressive looking visuals for a website.&lt;br /&gt;&lt;br /&gt;When it comes to those web designers who know that not everyone will be able to see their website properly, but they just don&#39;t care are the most likely to lose the highest number of visitors. Any graphic larger than 600 by 620 pixels will definitely create a horizontal scroll bar for several website visitors. This is frustrating to visitors who have to scroll in order to read each line of text. Navigation also becomes a struggle because menus may become partially or entirely hidden as the rest of the content is viewed. Furthermore, if the viewer doesn&#39;t realize that the horizontal scrollbar has appeared, they may simply assume that the site is not finished, that it has errors, or that there is nothing additional to see. If the webmaster simply doesn&#39;t care, they&#39;re turning away an awfully large number of people who could be potential clients, part of a potential network, or even contributors.&lt;br /&gt;&lt;br /&gt;When the webmaster has recognized that the primary audience of the site has higher screen resolutions, it is quite natural to create a website design that caters to that resolution. While they will usually meet the standard, making certain that a viewer of 640x480 can still see the vital information on the site, the entire itself will have been optimized for their main target audience. This is an extremely professional way to function because it avoids creating problems of viewing the site no matter what the client, and it still gives the most accurate settings for the equipment used by the main visitors.&lt;br /&gt;&lt;br /&gt;Mark Nenadic&lt;br /&gt;Mark is the director and face behind FifteenDegrees-North http://www.15dn.com , where you will find articles and resources to help with SEO, marketing and Web design.&lt;br /&gt;&lt;br /&gt;Source: http://www.articlealley.com/article_37432_4.html</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/1279240154599496125/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/1279240154599496125' title='9 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1279240154599496125'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1279240154599496125'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/07/web-design-that-is-screen-resolution.html' title='Web Design that is Screen Resolution Friendly'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>9</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-9137587572636457765</id><published>2007-06-29T04:08:00.000-07:00</published><updated>2007-08-10T02:21:24.270-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>Web Page Designing &amp; Development : Get Connected Online</title><content type='html'>In this ever-Changing business market, website is one of the most important source through which you can develop your business. In fact website is your window to the world. Technology has changed the face of communication and effective communication has transformed this world into a global village. A global village which is using the facilities provided by e-commerce. Online marketing has increased the demand for a strong web presence so that companies can add more clients to their existing list of clients and in the process generate more business. In order to take advantage from this trend, all companies should have a powerful website.&lt;br /&gt;&lt;br /&gt;At Our Development Center, we offer a full range of web design solutions for businesses as well as individuals. We cater to the needs of the clients based across the globe. Our team of thorough professionals with proven expertise in the field of website designing &amp; development are capable of providing high quality and cost-effective solutions including complex-database integrated websites, e-commerce websites, website redesign and maintenance solutions.&lt;br /&gt;&lt;br /&gt;Web site designing is an art and it needs lot of creativity. You should be very careful while designing templates. You should have color sense and the most important thing, you should have visualization power. If your website is attractive, then visitors will enter your website. The second most important thing is that your content has to be search-engine friendly. It should have keyword-rich content. You should always remember search engine loves keyword-rich content. you can be sure of receiving a website that not only attracts traffic but also generates more sales. We specialize in web development. We have the requisite expertise to translate your ideas into results.&lt;br /&gt;&lt;br /&gt;We equipped with with professional Web designers who have years of experience in creating a website that sells. Our team of creative web designers will work with you to establish a specification of your website’s look and feel, functionally and navigational framework. We will provide at least 3 mock-up designs based on your specification for you to choose from before we proceed with the development of the website. Every company is unique and therefore each design we create reflects your ideas and needs. While constructing web pages, we keep search engine in mind. Our search engine friendly web pages ensure top rankings. Our content writers are experts in writing excellent content enriched with unique keywords that will help your website gain maximum mileage in the long run. &lt;br /&gt;&lt;br /&gt;We not only work with in a area but whole world is our home,we love to work with Offshore Client as we are Offshore Web Development Company, so in the end it can be said that an effective website design is one which has an elegant, creative look representing company’s vision, needs, products and services to its targeted audience as well as put an impact on untargeted client.&lt;br /&gt;&lt;br /&gt;Article Directory: http://www.articlecube.com&lt;br /&gt;&lt;br /&gt;Author writes Articles mainly on Web Design India and Offshore Outsourcing where he shares his knowledge about the Related and current hot topic. Author is specializes in producing creative marketing materials and making strategy for both online and offline advertising.</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/9137587572636457765/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/9137587572636457765' title='1 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/9137587572636457765'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/9137587572636457765'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/06/web-page-designing-development-get.html' title='Web Page Designing &amp; Development : Get Connected Online'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-2877349016278076089.post-1924991230928710320</id><published>2007-06-20T00:31:00.000-07:00</published><updated>2007-08-10T02:21:48.414-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Website Design"/><category scheme="http://www.blogger.com/atom/ns#" term="Website Development"/><title type='text'>The Importance of Website Design and Development</title><content type='html'>The Internet bubble may have burst, but online business is here to stay. Your business must be online, and you must be making the most of the internet opportunities. In order to do that you will need the following:&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Website Designer&lt;/strong&gt;: You need an experienced website designer who will analyze your needs and build, design, and manage the website solution that is right for you. Your website designer must understand your business and your business operations and design a website that is the best for you. Your designer must know Macromedia Flash, Dreamweaver, and animation for your website.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Website Design&lt;/strong&gt;: You can have an HTML website that acts as an electronic brochure for your business, or you can have a custom website designed that is dynamic. Dynamic sites are database driven websites that generate pages on demand. This could be anything from displaying your inventory on your site to an interactive test or survey.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Website Remodel&lt;/strong&gt;: You may need your site remodeled to give it a fresh new look. You want your website to convey the look your company image demands in your market. Your a website can be designed around your current logo, or you can develop a whole new look and corporate identity image around your company.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Requirements Analysis&lt;/strong&gt;: Your website designer must analyze your business and your online strategy to design a solution that is economical and effective and meets the requirements of your business.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Information Architecture&lt;/strong&gt;: Your website should be designed as a navigation structure and user interface that lets your customers get to what they want quickly and easily. Ease of use is one of the top factors in developing a loyal clientele.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Graphic Design&lt;/strong&gt;:Set yourself apart from your competition with clean, fast-loading graphics that express your identity and unify your site.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;&lt;br /&gt;Front-End Implementation&lt;/strong&gt;: You must have lean, fast, easily maintained html, javascript, and style sheets that work on all major browsers. Ease of Use: Whatever server or various types of databases, your website needs the right combination of technologies to create a reliable, scalable solution that fits your needs.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Content&lt;/strong&gt;: The content of your website should be reviewed and edited so that it gets your point across to your customers.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Website Optimization&lt;/strong&gt;: You must implement the many ways that you can attract customers and create business from your website. Your website must be compatible with the search engines and set up to insure that your site comes up with the correct targeted search terms. This can mean a real boost in your sales.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Market Plan Opportunity:&lt;/strong&gt; Your website should advance the goals of your marketing plan and present the best image of your products or services. Your website should be better than your competitors.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Keywords&lt;/strong&gt;;You must choose the right keywords or phrases that describe your product or service so that your website will be easily located. They must have the right prominence and frequency and the right amount of text to satisfy the search engines.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Meta tags&lt;/strong&gt;: Your keywords must be placed in met tags, and all tags must have the right prominence and frequency in HTML to satisfy search engines.&lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Links&lt;/strong&gt;: You need to create links from other relevant websites to yours to improve your link popularity and improve your ranking with the search engines.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;Jo Ann Joy, CEO www.IndigoBusinessSolutions.com, Phone (602) 663-7007 The future of your business starts here.&lt;br /&gt;&lt;br /&gt;For more information about these and other important business topics and for legal consultation, please visit our website at IndigoBusinessSolutions. Copyright 2006. Indigo Business Solutions is a registered trade name.&lt;br /&gt;&lt;br /&gt;Jo Ann Joy is the CEO and owner of Indigo Business Solutions. She has a law degree and an MBA, and an undergraduate degree in Economics. Her background includes commercial and real estate law, accounting, financial planning, mortgages, marketing, product development, budgeting, sales and banking. She ran a successful business for 10 years, and she has written and given presentations on various business subjects.&lt;br /&gt;&lt;br /&gt;Article Source: http://EzineArticles.com/?expert=Jo_Ann_Joy</content><link rel='replies' type='application/atom+xml' href='http://websitedevelopmentdesign.blogspot.com/feeds/1924991230928710320/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment/fullpage/post/2877349016278076089/1924991230928710320' title='51 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1924991230928710320'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/2877349016278076089/posts/default/1924991230928710320'/><link rel='alternate' type='text/html' href='http://websitedevelopmentdesign.blogspot.com/2007/06/importance-of-website-design-and.html' title='The Importance of Website Design and Development'/><author><name>Unknown</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>51</thr:total></entry></feed>