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

<channel>
	<title>Drawar</title>
	<atom:link href="http://www.drawar.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.drawar.com</link>
	<description>Web Design&#039;s Community</description>
	<lastBuildDate>Tue, 09 Mar 2010 16:05:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Message of Design</title>
		<link>http://www.drawar.com/articles/the-message-of-design/107/</link>
		<comments>http://www.drawar.com/articles/the-message-of-design/107/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 16:05:49 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=107</guid>
		<description><![CDATA[
It is said that great design is able to bring out an emotion from the people that come across it. This may be more realistic with physical objects than websites, but the idea still holds true. Most aspects of getting a design right are pretty easy to implement. Making sure the proper white space is [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 post">
<p>It is said that great design is able to bring out an emotion from the people that come across it. This may be more realistic with physical objects than websites, but the idea still holds true. Most aspects of getting a design right are pretty easy to implement. Making sure the proper white space is being used, choosing the right colors and selecting the right font can be done with a little bit of research and some trial and error. However, there is one element of design that is missed so often by designers that you have to wonder if they are even trying to achieve it and that is delivering the message. This will always be the most important element of any design that you do. The message that your design gives will resonate through the minds of your users. If your design delivers your intended message then you have succeeded. If your design supersedes your message and hides it, then the design has failed.</p>
<p>Too often the main goal of a designer when working with a site is to make the site <a href="http://www.drawar.com/articles/looks-matter-because-we-all-have-feelings/89/">look good</a>. While that is important there is plenty of evidence around the web that shows that a beautiful design doesn&#8217;t always guarantee success. <a href="http://ebay.com" title="eBay">eBay</a> will probably never win any design awards, but their design does the job of delivering a message to their audience. What fascinates me about <a href="http://www.bing.com/" title="bing">Bing</a> is that there is so much emphasis on putting a cool image up that you have to wonder if the real message of being a better way to search gets lost.</p>
<p>We know <a href="http://google.com" title="Google">Google</a> won the previous search engine wars because they offered better results, but don&#8217;t you think their design helped them out as well? When you go to Google, the message is very clear, the site is all about search and nothing else (debatable, I know). When I go to Bing sometimes I forget that I am even supposed to type in the box to search or what I am going there to search for and I am pretty sure that is not the message they are trying to deliver.</p>
<p>Over the years people have questioned (myself being one) why Google hasn&#8217;t redesigned, updated, or added to their spartan design and I realized that their message hasn&#8217;t changed. They still want their audience to know that Google is all about search and nothing else and that is the message the site still delivers. It is a hard feat to pull off. They could be making a ton of money by allowing an ad or two on the home page, but they probably feel it takes away from the message and in doing so could lose them more money by having less people use them.</p>
</p></div>
<div class="span-12">
<div class="screenshot"><img src="http://s3.amazonaws.com/drawar/articles/message/myspace" /></div>
</p></div>
<div class="span-12 last">
<div class="screenshot"><img src="http://s3.amazonaws.com/drawar/articles/message/facebook" /></div>
</p></div>
<div class="span-16 last">
<p><em>Two totally different messages being delivered although the sites share the same concept.</em></p>
<p>It is argued that the rise of <a href="http://facebook.com/" title="Facebook">Facebook</a> and the fall of <a href="http://myspace.com/" title="Myspace">MySpace</a> was due to the fact that Facebook profiles had a less annoying design to them. However, I know a lot of people that hate Facebook for that very reason. If you really take a look at the designs of each you can see the different messages they are trying to deliver. MySpace is more about the individual and their personality. In contrast, Facebook delivered the message that it wasn&#8217;t about you, but your connections with others.</p>
<p>The problem of not delivering the correct message is apparent in companies when they try to expand to other areas that do not fit their business model or stick with their intended &#8220;Mission Statement&#8221;. The message is your mission statement. It is the path that you wish to travel. Sometimes it is safe to veer off the path, but be careful because if you go too far you and your users may get lost.</p>
<p>When designing any site, you must always keep the message at the surface. Once you lose track of the message then you lose track of the design. Sure the design might be nice, but if it is not effective then there is no point. When you add an element to your site like an image or border, <a href="http://www.drawar.com/articles/minimalism-is-mandatory/51/" title="Definition of minimalism in design">question whether it enhances the design and message</a> or does it take away from them. If it takes away or does nothing then why did you put it there? I am not saying that you should question every second that you design because there are times during your design process where you need to let go and create. Great things can come from that. However, after you let yourself go, look back and see how you can bring the message across in a better way.</p>
<h3>Theme/Template Sites and Clients</h3>
<p><em>If you haven&#8217;t already, I suggest you take a second or two after reading this article to check out this <a href="http://www.drawar.com/forums/35/tymes-post-on-designers-love-for-sliders/" title="How to make money with WordPress themes">discussion on theme sites and trends</a> in the Drawar forums.</em></p>
<p>I understand why people buy themes for their sites. They are usually cheaper than hiring a designer and when you like the way something looks it is hard to resist not getting it. However, how much of buying a theme involves what the individual who is buying it likes versus what the actual message of the site is?</p>
<p>How often do you work with a client and you feel they are trying to impose what they like on a website over what the message of the website is? They want Flash here not because it helps to deliver the message, but because they saw it somewhere else and it was cool. They need a background with a solar flare and dark gradient because that is what they believe the people like.</p>
<p>A small controversy arose when Sabrina Dent <a href="http://www.sabrinadent.com/2010/02/23/template-whore/">admitted to using themes</a> for client work. Her reasoning made sense and apparently she disclosed it to her clients so from a professional standpoint there shouldn&#8217;t be much issue. However, you have to wonder if the right message was being delivered to users of the clients&#8217; websites that were made with a theme. I&#8217;m sure the themes were customized in a way to try and deliver the message, but if given more time would a custom design/layout have been more effective in delivering the message?</p>
<p>If the most important element of success to a website is getting the message across, then how vital is it to have a custom design? I know this is a scary thought to many of you that make your living from designing websites, but how many successful blogs out there are nothing more than default templates or themes you have seen elsewhere?</p>
<h3>Who Cares About Design?</h3>
<div class="floatright">
																<a href="http://sethgodin.typepad.com"><img src="http://s3.amazonaws.com/drawar/articles/message/seth" width="300px" alt="Seth Godin" /></a>
															</div>
<p><a href="http://sethgodin.typepad.com/">Seth Godin</a> could probably care less about the design of his website just as long as it helps in getting his message across. It&#8217;s successful and not very visually appealing. It&#8217;s not like he couldn&#8217;t afford to hire a designer, there just isn&#8217;t a need for him.</p>
<p>Before everyone starts to riot here you should know I believe strongly in great design. But what is great design if it isn&#8217;t delivering a message? If <a href="http://www.drawar.com/articles/what-is-design/71/" title="What is Design?">the purpose of design</a> is to help us solve a problem then the message helps us to understand what the problem is. There is a reason you have seen so many people write articles on <a href="http://www.visitmix.com/Articles/A-Common-Sense-Content-Strategy">how important content</a> is to the design process lately.</p>
<p>How often do you come across a t-shirt with nothing but words on it and yet everyone wants one? How important of a role does design play versus the actual message being delivered? </p>
<p>So many designers spend so much time trying to prettify everything without realizing why they are actually doing it? Are you really enhancing the message or are you simply putting lipstick on a pig?</p>
<div class="floatleft">
																<img src="http://s3.amazonaws.com/drawar/articles/message/obama" />
															</div>
<p>During his presidential campaign, Barack Obama had a clear message of change. He probably could&#8217;ve succeeded without the help of design in delivering this message, but how great of a role did design help in enhancing the message to the masses? How much of an impact did this poster alone have on the public?</p>
<p>Design encompasses a lot of individual components brought together to solve a problem. The message is simply one of those components, but without it the solution that the design is trying to offer can get lost.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/the-message-of-design/107/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Designer Ethics</title>
		<link>http://www.drawar.com/articles/designer-ethics/105/</link>
		<comments>http://www.drawar.com/articles/designer-ethics/105/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 14:34:53 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Business]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=105</guid>
		<description><![CDATA[
If you are freelancer or a designer that runs their own studio you know how important it is to get potential clients to believe in the services that you offer. It isn&#8217;t enough that you know you are capable of doing the job correctly. If they choose to go with you and enjoy your work [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>If you are freelancer or a designer that runs their own studio you know how important it is to get potential clients to believe in the services that you offer. It isn&#8217;t enough that you know you are capable of doing the job correctly. If they choose to go with you and enjoy your work enough hopefully they decide to tell others about the great job you did. Nothing beats word-of-mouth marketing.</p>
<p>Whether we like it or not, web design is a crowded field. There is absolutely zero barrier to entry because it is a discipline you can learn as you go along. Some people try their best to learn and improve while others simply want to collect a paycheck. What other industry has potential clients telling you that their little cousin can do the work cheaper? You hope that you don&#8217;t encounter that many clients like this and the ones you do take on respect the prices that you set as you feel they reflect the work that you will perform. However, are you really charging correctly for the work being performed?</p>
<p>We all have bills to pay and mouths to feed. When a client approaches you with a budget of $500 and you know that you can&#8217;t do your usual work within that budget then be honest with them. Let them know that either you can&#8217;t do it at that price or that you can do it, but can only do $500 worth. Don&#8217;t short change yourself and certainly don&#8217;t short change them by saying you can get the job done when in the back of your mind you are thinking differently.</p>
<p>Back when CSS was just starting to hit the mainstream, a large number of frontend devs were still coding their clients&#8217; sites in tables knowing that future revisions would take more time than if they were done in CSS. Is not offering the best option the way you want to go about making money? Most clients won&#8217;t care if their site is done in tables, CSS or Assembly language. They just want a site that works and all their customers will love. However, when they go for their next redesign do you want their future designers to see the mess that was created or being told they will be charged more to clean up the mess that you left? Just because a client might not care about how you do stuff under the hood or is unaware of the consequences it doesn&#8217;t mean you should leave them hanging.</p>
<p>When was the last time you checked the compliance of a site that you built? I&#8217;m not going to go into a standards debate, but do you at least try to make your client&#8217;s site pass as many standards tests as possible? Drawar has issues passing these tests due to the Facebook and Google widgets being used, but I only know that because I checked. I checked because I want as many people as possible to use the site within the means that I have provided. Do you want that for your client?</p>
<p>Although we like to share stories of how the guy down the street is undercutting us on price, there are equally horrifying stories of designers overcharging for services. Running your own business is one of the greatest ethical tests you will encounter. Daily you will come across an issue where the end result will define how past, present and future clients look at you. How do you want to be perceived? What ethics will you maintain?</p>
<p>I can&#8217;t help you define what your ethics should be. Maybe you can post them on your website to help build a trust between your client base and yourself. Just understand that too many people have been burned by designers who didn&#8217;t do what they said they would. Being a great designer means nothing if you don&#8217;t have great ethics to back up your skills. Figure them out now and stand for them no matter what.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/designer-ethics/105/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Your Logo Is Not Your Brand</title>
		<link>http://www.drawar.com/articles/your-logo-is-not-your-brand/103/</link>
		<comments>http://www.drawar.com/articles/your-logo-is-not-your-brand/103/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 14:39:09 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=103</guid>
		<description><![CDATA[
First the scientific definition of a brand.

Brand is the image of the product in the market. Some people distinguish the psychological aspect of a brand from the experiential aspect. The experiential aspect consists of the sum of all points of contact with the brand and is known as the brand experience. The psychological aspect, sometimes [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>First the scientific definition of a brand.</p>
<blockquote>
<p>Brand is the image of the product in the market. Some people distinguish the psychological aspect of a brand from the experiential aspect. The experiential aspect consists of the sum of all points of contact with the brand and is known as the brand experience. The psychological aspect, sometimes referred to as the brand image, is a symbolic construct created within the minds of people and consists of all the information and expectations associated with a product or service.</p>
<p>									<cite><a href="http://en.wikipedia.org/wiki/Brand">Wikipedia</a></cite>
								</p></blockquote>
<p>A brand isn’t a logo. A logo is merely a symbol that represents the brand. Your corporate identity, the stuff found on letterheads and signage, isn’t a brand either. A brand isn’t the product or service that you make. So if a brand isn’t all of these things what is a brand?</p>
<p>A brand is how an individual feels about a company. It’s an individual’s feeling because a brand is defined by how an individual feels about the brand, not what the company wants an individual to feel. Sure companies can’t control how an individual feels, but they certainly can influence the feelings of an individual by properly communicating the qualities that make their brand special.</p>
<p>Have you ever had a client come up to you looking for design work, hoping that you could design them a strong brand?  Maybe you thought you could, but you were wrong. Brands can&#8217;t be designed. They can be planned. They can be maintained. They can be groomed. You just can&#8217;t design one from scratch because brand isn&#8217;t design. Design can be part of the brand though.</p>
</p></div>
<div class="span-20 last">
<div class="floatright">
									<img src="http://s3.amazonaws.com/drawar/articles/brand/coke" alt="Coca-Cola" />
								</div>
<p>This is a logo. This isn&#8217;t a brand. By all means the Coca-Cola logo could be a goat and as long as Coca-Cola made soda that people enjoyed the brand of their company wouldn&#8217;t change much. The reason for this is because the brand of a company, product or service is the experience that it provides. If you bring up Ford Motor Company to 100 people, I guarantee all 100 of them won&#8217;t give you the same answer. Some will be indifferent, some will hate the company and some will love it.</p>
<div class="floatleft">
									<img src="http://s3.amazonaws.com/drawar/articles/brand/aig" width="400px" alt="AIG" />
								</div>
<p>The AIG brand isn&#8217;t a logo. You could put a million smiley faces on the logo and it wouldn&#8217;t change my perspective. The brand to me is one of greedy executives taking money they didn&#8217;t earn and I&#8217;m sure I&#8217;m not alone in feeling this way.</p>
</p></div>
<div class="span-16 last">
<h3>Logos Do Matter Though</h3>
<p>By the way I am sounding one would think that logos don&#8217;t matter when it comes to brand image, but that isn&#8217;t the case. If you have worked hard to build a strong brand then a great logo can go a long way in helping users maintain a connection with it.</p>
<div class="floatright">
									<img src="http://s3.amazonaws.com/drawar/articles/brand/nike" width="300px" alt="Nike Swoosh" />
								</div>
<p>People around the world are well aware of this logo and companies can only dream about creating a logo as memorable as the Nike Swoosh. You would think that it took months of research by a team of designers and brand experts to create it. However, the story tells a different tale (was that a pun or a horrible misuse of the English language?).</p>
<blockquote>
<p>In fact, the Swoosh was created by Carolyn Davidson, a graphic design student at Portland State University.</p>
<p>Davidson met Phil Knight, the founder of Nike, at Portland State University in 1971. At the time, Knight was teaching an accounting class at the university to supplement his income from a small sporting goods store he owned. Knight wanted some marketing collateral material designed for his business, and so he hired Davidson to sketch a few logos.</p>
<p>According to Nike&#8217;s account of the story, Knight wasn&#8217;t initially that keen on Davidson&#8217;s graphic design. He adopted the logo anyway, saying &#8220;I don&#8217;t love it, but it will grow on me.&#8221; Davidson charged Knight $35 for the design.</p>
<p>									<cite><a href="http://www.graphicdesignschoolreview.com/news/2006/05/the_nike_swoosh_and_a_graphic_design_students_legacy.html">Graphic Design School Review</a></cite>
								</p></blockquote>
<p>If that story doesn&#8217;t give you hope then I don&#8217;t know one that will.</p>
<div class="floatleft">
									<img src="http://s3.amazonaws.com/drawar/assets/logo" />
								</div>
<p>Is the Drawar brand the computer monitor with a heart? Some of you might recognize the logo and the brand that you associate with it is whatever experiences you have had with Drawar in the past. Every site and blog has a brand attached to it whether the owner knows it or not.</p>
<ul>
<li><a href="http://www.hongkiat.com/blog/">Hong Kiat</a></li>
<li><a href="http://www.webdesignerdepot.com/">Webdesigner Depot</a></li>
<li><a href="http://webdesignledger.com/">Web Design Ledger</a></li>
<li><a href="http://www.1stwebdesigner.com/">1stwebdesigner</a></li>
</ul>
<p>Here are four wildly popular design blogs. I&#8217;m aware of all of them and there is a good chance that you know them as well. They receive a good amount of traffic and I&#8217;m sure a good deal of revenue as well. However, each of their brands is no different from the next. They all represent the same thing to me. I can only hope that when you think of Drawar, that the feelings and ideas that come up differentiate it from this group.</p>
<p>In no way is that a knock against those sites as they are doing well and I can only hope that one day Drawar reaches the level of success that they have achieved. However, if any of them were to build a service or product and hope that they can push it out by leveraging their brand would do you think it would be effective?</p>
<p>On the opposite end of the spectrum you have <a href="http://smashingmagazine.com/">Smashing Magazine</a> who recently <a href="http://shop.smashingmagazine.com/smashing-book-intl.html">published a book</a> that has done really well. You have to attribute part of its success due to the brand that Smashing represents. When they started Smashing Magazine I&#8217;m sure there was an idea of what they wanted from their site, but over time the brand became something organic that they are now able to utilize. Their logo is recognized across the design community.</p>
<p>So why do I feel that a good logo helps? With so many ways that we interact with companies and their products today, logos are used everywhere and humans still like to see aesthetically pleasing things. The Apple logo looks good on everything. The Google logo? Not so much.</p>
<h3>Brand Is Differentiation</h3>
<p>Competition on the web is fierce and it seems that to differentiate themselves from the crowd many companies simply add feature X without any regards to their brand. When making any changes/additions to your site, products or services you should always end up asking how will this hurt or help your brand. If it doesn’t help it in anyway why should you proceed with it? It’s very difficult to add a new feature today that your competition can’t add tomorrow. Features aren’t what will separate your company from the crowd, your brand is what will do it.</p>
<p>To end I would like to provide you with a definition of brand from my friend Mark.</p>
<blockquote>
<p>Boiled down to its ultimate simplicity, a brand is really nothing more than a promise.</p>
<p>Fulfill that promise consistently, the brand remains strong and gets stronger. Break it, or have one that’s too vague in meaning and you’re either heading for trouble or going to have a real hard time of getting started.</p>
</blockquote>
<p>That isn&#8217;t a logo, that is everything you or your company represent.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/your-logo-is-not-your-brand/103/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>The Principles of Great Design</title>
		<link>http://www.drawar.com/articles/the-principles-of-great-design/99/</link>
		<comments>http://www.drawar.com/articles/the-principles-of-great-design/99/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 16:05:37 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=99</guid>
		<description><![CDATA[
As a designer or lover of design you might find yourself asking not what is design, but what makes a design great? How often have you gone through a gallery and looked at some great designs and told yourself that you are going to open up Photoshop or a browser and do the same thing [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>As a designer or lover of design you might find yourself asking not <a href="http://www.drawar.com/articles/what-is-design/71/">what is design</a>, but what makes a design great? How often have you gone through a <a href="/gallery/">gallery</a> and looked at some great designs and told yourself that you are going to open up Photoshop or a browser and do the same thing right now only to find that when you are done the end result simply doesn&#8217;t match what you were expecting?</p>
<p>Drawar in my mind has a good design, not a great design, but one that is good enough. Good enough however really shouldn&#8217;t be the goal we are trying to reach with a design. You can call it User Experience, but I just like to refer to it as the experience. When I go through Drawar I still recognize that I am on a webpage. Maybe you see it differently and in a better light, we all have our different perspectives. Although the experience of Drawar is through the discussions and community, it would be nice to have the design further enhance the experience that the site provides overall.</p>
</p></div>
<div class="span-16">
<p>Great designers sweat the details. I worked with <a href="http://flyosity.com/">Mike Rundle</a> for over six years so I know what steps great designers go through to make sure all the details are in the right place. He would spend weeks on a header and wouldn&#8217;t stop until each pixel was in the right place. We don&#8217;t notice these things because they flow so naturally to us, however we sure notice when something seems out of place. I&#8217;m the type that likes to throw something together real quick and get it out there and iterate over time, but that is also why I&#8217;m not a real/paid/successful designer.</p>
<p>When I wrote about the <a href="http://www.drawar.com/articles/designs-of-the-year-2009/63/" title="designs of the year">best designs of 2009</a> I tried to explain why I thought the designs were so well done. When people ask me to give my feedback on a design it&#8217;s hard for me to do so if it immediately doesn&#8217;t catch my eye. When a design doesn&#8217;t click or offer <strong>the experience</strong> it means that a number of things are missing or wrong with it. There is no secret formula to great design that one can follow, but there have to be some principles that you aim for because the best designers always seem to produce great designs consistently.</p>
</p></div>
<div class="span-7 prepend-1 last">
<div class="screen"><a href="http://www.drawar.com/gallery/158/"><img src="http://s3.amazonaws.com/drawargallery/item/158/" alt="Flyosity screenshot" /></a></div>
</p></div>
<div class="span-16 last">
<h3>The Principles</h3>
<h4>Balance</h4>
<p>The sum is greater than the parts. We all know this, but how often do we look at the parts of a design to make sure they are there to balance out the sum? Too often you find designs where it seems on element tries to take control of the design. Every design will have dominant elements to it, but they are always balanced out nicely by smaller elements. This is where paying attention to detail really pays off.</p>
</p></div>
<div class="span-16">
<p><a href="http://apple.com">Apple&#8217;s</a> website is a great example of this. There is always a dominant image on any given page, but that image is balanced out nicely by other elements of the design. In contrast, how often do you visit a site where no element is dominant and everything is trying to fight for power (the Drawar homepage maybe)? Balance doesn&#8217;t mean everything carries equal weight, it simply means that you make sure all parts equal one solid design.</p>
<p>Another term that can be used with similar effect is proportion. If you are making a meal where the main dish is steak, you don&#8217;t cover 75% of the plate with mashed potatoes and only 15% steak. Having a good proportion helps to maintain the balance of the site. Interior decorators get paid so well because they help to bring balance to a room. Ever been in a room where the balance felt off? It&#8217;s hard to get settled into and personally it always makes me feel uneasy.</p>
</p></div>
<div class="span-7 prepend-1 last">
<div class="screen"><a href="http://apple.com"><img src="http://s3.amazonaws.com/drawar/articles/greatdesign/apple" alt="Apple.com" /></a></div>
</p></div>
<div class="span-16 last">
<h4>Contrast</h4>
<p>This is something that I have yet to master. Great design provides the eye with necessary variety. Without contrast, good design becomes boring. It loses it&#8217;s power. While balance and proportion are used to maintain cohesiveness, contrast is used to maintain interest. Usually this applies to the colors that are used on a site. When a site sticks with a singular color scheme, it causes the eye and mind to lose focus.</p>
</div>
<div class="span-16">
<p>Rarely do you find a man in an outfit of a singular color. If you are wearing a white tuxedo, it is good to contrast it with a black belt and black shoes to accentuate the look. All white, while looking pretty cool, loses interest quickly because there is nothing used to help keep the interest.</p>
<p>I love <a href="http://kettlenyc.com/">kettle&#8217;s website</a> because the bright yellow contrasts so well with the black. In most cases yellow on the screen is hard to read, but the black provides enough contrast where it isn&#8217;t hard to read and it keeps the design interesting. Contrast is great in manipulating <a href="http://www.drawar.com/articles/looks-matter-because-we-all-have-feelings/89/">the feelings</a> of your users.</p>
</p></div>
<div class="span-7 prepend-1 last">
<div class="screen"><a href=""><img src="http://s3.amazonaws.com/drawargallery/item/1262/" alt="Kettle Website" /></a></div>
</p></div>
<div class="span-16 last">
<h4>Economy</h4>
<p>I like the term economy because it reminds me of a budget. In any design we are limited by something. It could be budget, space or materials. Economy takes into account that less is more and finds the best way to work within the limitations that we are presented.</p>
</p></div>
<div class="span-16">
<p>How many great meals are made (designed) with a minimal amount of ingredients? The more we add to the dish the more the flavors get masked and lose their essence. Economy is the ability to use only the resources that are necessary. Just because you are given a million color palette doesn&#8217;t mean that you need to use all of them. Some of the best designs on the web use at most three colors.</p>
<p>A great example of a site that knows economy is <a href="http://davidkaneda.com">David Kaneda&#8217;s blog</a>. Nothing on the site is overdone and yet it isn&#8217;t minimal to the point of losing your interest. The site works with limited elements and yet finds a way to maximize the effectiveness of each one.</p>
</p></div>
<div class="span-7 prepend-1 last">
<div class="screen"><a href="http://www.drawar.com/gallery/1246/"><img src="http://s3.amazonaws.com/drawargallery/item/1246/" alt="David Kaneda screenshot" /></a></div>
</p></div>
<div class="span-16 last">
<h4>Direction</h4>
<p>This is another place where many designs fail. Designers have to remember that they are designing to guide the eyes of the user to some goal. Going back to the Apple website, what if they had the large image at the bottom of the page instead of the top? Wouldn&#8217;t your eye be drawn to the bottom initially instead of having it work its way down? This is why <a href="http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/">ads on sites</a> bother me so much. They aren&#8217;t integrated in the design to help enhance direction. Instead, they seemed to be placed to purposefully disrupt the direction of the design. You want your readers to read your content, but instead they keep getting pulled to the blinking image on the right.</p>
<p><a href="http://techcrunch.com">TechCrunch</a> recently did a realignment with their ads to put them more in the direction of the content. Instead of having a large listing of ads in the sidebar on the homepage, they placed the ads in between the entries. This goes along with the direction of the design and causes less disruption than before.</p>
<p>Great designs are like a map that gently guide the user&#8217;s eye down a path.</p>
<h4>Space</h4>
</p></div>
<div class="span-16">
<p>White space. Sometimes I see a design that uses too much and other times I see one that uses too little. I don&#8217;t know what it is, but good designers just seem to have a good eye for spacing. Great designers understand the importance of using a grid and within that grid they can find the spacing that is required to pull great effect from the design. The problem with white space is that many people perceive it to be applicable only to minimal designs. Why wouldn&#8217;t the spacing of elements play just as an important role on a content-rich site than it does on a poster?</p>
<p>Looking at the <a href="http://nytimes.com">New York Times</a> website, the spacing of sections is the only thing keeping the site together. It&#8217;s a clean design and although I do wish there was a <a href="http://www.drawar.com/articles/old-news-news-sites/49/">lot less going on</a>, the designers worked with what they had to and utilized spacing to the max.</p>
</p></div>
<div class="prepend-1 span-7 last">
<div class="screen"><a href="http://nytimes.com"><img src="http://s3.amazonaws.com/drawar/articles/greatdesign/nytimes" alt="New York Times" /></a></div>
</p></div>
<div class="span-16 last">
<h3>Two Examples</h3>
<p>Below are two examples of sites that I feel take each of these principles into consideration to produce fantastic designs. They have nothing in common with regards to content, style or topic. The beauty of great design is that it is always different, but you always can trace its greatness back to these core principles which other great designs share.</p>
<p>Creating a great design is difficult because you can&#8217;t apply only one of these principles well, they all have to be applied and work together. Good design might take into a consideration a couple of the principles, but great design sees each of these principles as a necessity.</p>
</p></div>
<div class="span-11 append-1">
<div class="screenshot">
									<a href="http://www.drawar.com/gallery/1251/"><img src="http://s3.amazonaws.com/drawargallery/item/1251/" alt="Larkef" /></a>
								</div>
</p></div>
<div class="span-11 prepend-1 last">
<div class="screenshot">
									<a href="http://www.drawar.com/gallery/1245/"><img src="http://s3.amazonaws.com/drawargallery/item/1245/" alt="Future of Web Design screenshot" /></a>
								</div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/the-principles-of-great-design/99/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>The Designer&#8217;s Survival Guide</title>
		<link>http://www.drawar.com/articles/the-designers-survival-guide/97/</link>
		<comments>http://www.drawar.com/articles/the-designers-survival-guide/97/#comments</comments>
		<pubDate>Wed, 24 Feb 2010 17:28:30 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Business]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=97</guid>
		<description><![CDATA[

Guest Post
This is a guest post by Dan Ritzenthaler. Be sure to check out his beautifully designed site and if you ever need some design work done, don&#8217;t hesitate to look him up.

Navigating a design project gone wrong is like surviving a wilderness disaster: it takes strength, courage and cunning to make it out unscathed. [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<div class="sideitemright">
<h3>Guest Post</h3>
<p>This is a guest post by <a href="http://www.wurkit.com/">Dan Ritzenthaler</a>. Be sure to check out his beautifully designed site and if you ever need some design work done, don&#8217;t hesitate to look him up.</p>
</p></div>
<p>Navigating a design project gone wrong is like surviving a wilderness disaster: it takes strength, courage and cunning to make it out unscathed. Luckily, there are a few things you can do to increase your chances of survival. I&#8217;ll discuss a few tips and tricks that will help steer you to safety.</p>
<h3>Awareness is Critical</h3>
<p>To survive a design disaster, it&#8217;s critical to be aware of your terrain, in control of your emotions, and prepared for potential obstacles.</p>
<h4>Know Your Terrain</h4>
<p>Knowing your terrain means having a solid understanding of your client and project environment. What <a href="http://www.alistapart.com/articles/getting-to-no/">type of client</a> are you working with? What are his/her goals and pet peeves? What is he/she expecting from you? Are you on track to meet your deadline? Understanding your terrain will help you make better choices through the process and keep you from making the same mistake twice.</p>
<h4>Stay Calm</h4>
<p>Emotions play a pivotal role in great design, but they should be kept to a minimum when things go south. Blaming your client for &#8220;just not getting it&#8221;–or yourself for not being good enough–will only cause your temperature to rise. When you find yourself getting emotional, take a deep breath and a step back so you see things clearly.</p>
<h4>Plan for Falling Rocks</h4>
<p>You don&#8217;t want to be caught off-guard in the wild, or during a design project. One way to avoid surprises is to simply plan for obstacles: a client changing strategy or pushing out the schedule, for example. Building ample time into your schedule or explaining up front that returning to strategy late in the project will increase the budget are two ways you can gracefully manage falling rocks.</p>
<h3>Progress is Everything</h3>
<p>You now have a good understanding of your environment, control of your emotions, and a clear plan. You&#8217;re out of the red zone. The next step is to get yourself out of this predicament entirely.</p>
<h4>Take Decisive Action</h4>
<p>Every time you face a new challenge, prepare to make a decision and quickly act on it. Same goes for when you&#8217;ve made a mistake–instead of hiding your weakness, take responsibility and let your client know right away. Then, take steps to fix the problem. These decisive, small course corrections will make you stronger and keep you moving forward.</p>
<h4>Celebrate Your Successes</h4>
<p>In a survival situation, hope is crucial. Unfortunately, losing hope is easy when angry clients or deadlines loom. Reminding yourself and your team of even minor successes will keep you uplifted through long stretches of suffering. Be sure to celebrate with clients, too–even a simple &#8220;thank you&#8221; at the conclusion of a difficult project phase can work wonders.</p>
<h4>Read Signals and Signs</h4>
<p>Every time you get stuck, open yourself up to subtle signs and signals that might usher in previously unseen opportunity. Have you glossed over an idea your client really loves? Have you taken full advantage of all the tools at your disposal? Keep an eye out for those unexpected gems.</p>
<h4>Play</h4>
<p>Allowing yourself to play games and experiment with new patterns, rhythms, and ways of doing things often leads to new techniques for survival. For example: If you&#8217;re used to computer wireframes, try whiteboarding. If you&#8217;re used to your office, try a co-working space. Experimenting helps you generate new ways of doing things, and have more fun.</p>
<h4>Find Beauty</h4>
<p>Even disaster can have its bright spots. Have you learned something about yourself? Have you found a fixable hole in your process? Finding beauty amid chaos keeps you in a positive frame of mind and reduces the chances you&#8217;ll fall into despair.</p>
<h3>Reality Check</h3>
<p>The human brain is shockingly good at manufacturing stories that support unfounded guesses and assumptions. To keep your imagination from hijacking reality and sabotaging your chances of walking away from your design disaster, you must keep a firm grasp on reality.</p>
<h4>Embrace Rock Bottom</h4>
<p>You&#8217;ll probably hit a wall once or twice along the way. Fortunately, these low points have a silver lining: rock bottom is where you see things for what they really are. Your design just isn&#8217;t working, for instance? Scrap it. When you get to this point, take responsibility for the failed design and start over. These moments show your sincerity and intentions and can inspire more constructive feedback.</p>
<h4>Let Go of Your Fear of Failure</h4>
<p>People don&#8217;t like to think about failure (or getting fired or losing a client). The result is often denial and ignorance–the very culprits that ultimately cause what you hope to prevent. Confronting the possibility of failure will force you to deal with the reality of your situation.</p>
<h4>Don&#8217;t Be a Victim</h4>
<p>If you rely on someone else (your project manager, another designer) to come along and save you, then you&#8217;re not just in trouble–you&#8217;re really lost. You&#8217;re sure to fail with a victim mentality, so remember: only you can save yourself.</p>
<h3>The Final Steps</h3>
<p>You&#8217;ve got a solid plan, the right attitude, and you understand the full weight of your situation. It&#8217;s time to dig deep and drag yourself home.</p>
<h4>Sprint to Safety</h4>
<p>The journey&#8217;s never done when you think it&#8217;s done–there are usually a few more obstacles just before you touch home. You also tend to lower your defenses when you see the finish line. So be prepared to work even harder and sprint through those last few steps.</p>
<h4>End On a Positive Note</h4>
<p>Once disaster has been averted and you&#8217;re past the finish line, don&#8217;t forget to check in with your client to see if they need help with the transition. Leave them with a good impression–your last meeting will be the one they remember most.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/the-designers-survival-guide/97/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Looks Matter Because We All Have Feelings</title>
		<link>http://www.drawar.com/articles/looks-matter-because-we-all-have-feelings/89/</link>
		<comments>http://www.drawar.com/articles/looks-matter-because-we-all-have-feelings/89/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 18:47:29 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=89</guid>
		<description><![CDATA[
First you should go over and read Jason Lynes&#8217;s article No one cares about your website. There are a couple of messages he seems to be trying to get across and many of them seem to blend in with each other, but for simplicity&#8217;s sake I will quote the final paragraph and assume that is [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>First you should go over and read Jason Lynes&#8217;s article <em><a href="http://jasonlynes.com/2010/02/22/no-one-cares-about-your-website/">No one cares about your website</em></a>. There are a couple of messages he seems to be trying to get across and many of them seem to blend in with each other, but for simplicity&#8217;s sake I will quote the final paragraph and assume that is what we are working with.</p>
<blockquote>
<p>Which means, your stupid website doesn’t matter. We, our customers, clients, and partners, are taking our websites way too seriously.   It’s just a website!  Figure out what information your users need, and figure out how to get it online without screwing it up.</p>
<p>My point is, stop taking yourselves so seriously. Yes, make your work beautiful. Do whatever you have to do to keep your designer title and still sleep well at night. But stop thinking you’re God’s gift to the internet, and stop mulling over design decisions for days and days when the most basic solution will do just fine. It’s just a website, and it’s going to be alright.</p>
</blockquote>
<p>If only it was that simple. While I agree wholeheartedly that the point of design should be helping <a href="http://www.drawar.com/articles/world-wide-web-for-dummies-not-us/87/">people accomplish tasks</a> there is another aspect of design that often gets overlooked and that is the emotional design of things.</p>
<p>When I tried to answer the question of <a href="http://www.drawar.com/articles/what-is-design/71/" title="what is design">what is design</a>, one of the points I brought up was the role emotion plays in design. It seems that whenever I design something, I know the feeling that I want the user to have, but is it possible to force a specific emotion from a user through design? My initial answer to this question is no, but after I do some exploring maybe I will change my answer. </p>
</p></div>
<div class="span-16">
<p>The first person to coin the term &#8220;emotional design&#8221; was Don Norman in his highly recommended book <em><a href="http://www.amazon.com/gp/product/0465051367?ie=UTF8&#038;tag=drawar-20&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0465051367">Emotional Design: Why We Love (or Hate) Everyday Things</a><img src="http://www.assoc-amazon.com/e/ir?t=drawar-20&#038;l=as2&#038;o=1&#038;a=0465051367" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></em>. Seriously, if you have never read this book I can&#8217;t recommend it enough. The premise behind the book is that emotions play a huge role in  how we are able to understand the world and our ability to learn new things. Norman takes the classical <a href="http://en.wikipedia.org/wiki/Attitude_(psychology)">ABC model of attitudes</a>, which include affect, behavior and cognition, and transforms them into visceral, behavioral and reflective. According to him the design of the objects around us are perceived on all three of these levels and because of this a good design makes sure to address all three levels.</p>
<p>It isn&#8217;t as simple as making something look pretty though. Many designers are capable of making a site look gorgeous before you can get a chance to interact with it. However, how many times have you seen a great looking site only to try and interact with it and be left frustrated? Flip it around and how many times have you been to a generic looking site and after using it for a bit are drawn back to it consistently?</p>
<p>Recently there was a discussion in the <a href="http://www.reddit.com/r/web_design/comments/alknb/does_reddit_need_a_design_update_heres_a_quick/">Web Design Reddit</a> about Reddit receiving a redesign. Taking a quick glance at the mockup that is being proposed it is clear that it is more attractive than the current site. Can you guess what the majority of the reaction was from the site&#8217;s users? They didn&#8217;t want it and some even claimed to hate it. I really didn&#8217;t understand why till I started to read their responses and it helped me better understand how important of a role their experience with the site played in how they viewed the new mockup.</p>
<blockquote>
<p>I agree, I hated the look of reddit at first. It was one of the primary reasons I lurked at digg instead of reddit. Now I have come to like it, purely because it&#8217;s a pleasure to use and actually motivates me to contribute in discussions. Fancy graphics might make a good first impression but a functional website like reddit needs to be simple and clear to use.</p>
</blockquote>
<blockquote>
<p>You&#8217;re pitching this idea of a radical overhaul to a community of people that collectively freak out when Google changes the padding on the search results. It does look nice, but to be honest I kinda miss the old reddit from a few years ago when I started coming here but such is life and all things change.</p>
</blockquote>
<p>Usually when someone comes around and says they are going to make something look better you find very little resistance to it. However, in the case of Reddit, the users had become emotionally attached to the current design. How often is that the case with any community site that tries to go through a redesign? The users start to revolt because they are used to the old design and in their mind nothing can top it. There is an emotional connection that one simply can not plan for and although this connection might not stem directly from the aesthetics of the site, it is hard to say that the aesthetics and therefore design don&#8217;t matter.</p>
</p></div>
<div class="span-7 prepend-1 last">
									<a href="http://www.amazon.com/gp/product/0465051367?ie=UTF8&#038;tag=drawar-20&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=0465051367"><img src="http://s3.amazonaws.com/drawar/articles/aesthetics/norman" alt="Emotional Design" /></a><br />
									<span class="caption"><em>Emotional Design</em></span>
								</div>
<div class="span-16">
<p>In the article <em><a href="http://www.drawar.com/articles/why-i-hate-your-web-app/85/">Why I Hate Your Web App</a></em> I sang the praises of <a href="http://tumblr.com">Tumblr&#8217;s</a> design. I decided to try it out today and opened an account and let me tell you the whole process is a beautiful thing to behold. The design of it all is amazing and you can see why people become so attached to the platform. If the design was anything less spectacular I don&#8217;t think the service would be as popular. It would still be popular, but not as much or have such a fanatical following. The design of everything makes you want to use Tumblr and become attached to it. It connects to you on a emotional level from the very second you begin to use it.</p>
<div class="floatleft">
									<img src="http://s3.amazonaws.com/drawar/articles/aesthetics/megan" alt="Megan Fox" /><br />
									<span class="caption">Pure aesthetics.</span>
								</div>
<p>Granted, if the service sucked or was difficult to use, the design wouldn&#8217;t make any difference in the world, but from what I have seen so far it is the perfect blend of form and function. They understand that design does matter. Does it matter to the point of pulling your hair out and causing stress? I don&#8217;t think so, but it mattered enough for them to put a bit more emphasis on it than competing services.</p>
<p>I don&#8217;t think Jason is saying that design really doesn&#8217;t matter, but that it is merely part of the overall picture. When it comes to a website the aesthetics, information design, usability and content all play a role in how users perceive the site. From all of these they develop either positive or negative emotions towards the site. For community sites, the role of the community probably plays an even bigger role than the previously mentioned categories.</p>
<p>Take a second to think about these rivalries and how much of a role aesthetics play.</p>
<ul>
<li><a href="http://bing.com/">Bing</a> vs. <a href="http://google.com/">Google</a></li>
<li><a href="http://facebook.com/">Facebook</a> vs. <a href="http://myspace.com/">MySpace</a></li>
<li><a href="http://posterous.com">Posterous</a> vs. <a href="http://tumblr.com">Tumblr</a></li>
</ul>
<p>I know these aren&#8217;t exact matches as each of them do something a little bit differently, but if you don&#8217;t believe that aesthetics play a role in how some people choose which one to use then you are mistaken. We use aesthetics as the trait to base our decisions for a lot of things. Cars, furniture, clothes and even potential mates. Can we overcome horrible aesthetics to attract people to our websites? Of course we can, but why would you want to make your job any harder?</p>
<p>How many articles on design blogs do you come across today where the validity of the article is trumped by the look of the site itself? Aesthetics play a role on a design blog because if they aren&#8217;t at least aesthetically acceptable to your own eye then how can you find a way to trust the content on the page? There are so many bad websites out there that if your usability and experience design were equally as bad, but you had better aesthetics, you would probably win out.</p>
<p>Back to the original article that got this whole conversation started. While reading it I couldn&#8217;t help but think a number of times how I would change the line-heigh, headings, and a couple of other aesthetics on the site. I&#8217;m sure that is just because I have a thing for design.</p>
<p>The look of something always matters, it just depends on how well the other characteristics of the design fit together that determine how much the aesthetics matter.</p>
</p></div>
<div class="span-7 prepend-1 last">
									<img src="http://s3.amazonaws.com/drawar/articles/webapps/tumblr" /><br />
									<img src="http://s3.amazonaws.com/drawar/articles/aesthetics/about" /><br />
									<img src="http://s3.amazonaws.com/drawar/articles/aesthetics/directory" /><br />
									<img src="http://s3.amazonaws.com/drawar/articles/aesthetics/staff" /><br />
									<span class="caption">Tumblr pages, sexy.</span>
								</div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/looks-matter-because-we-all-have-feelings/89/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>World Wide Web For Dummies, Not Us</title>
		<link>http://www.drawar.com/articles/world-wide-web-for-dummies-not-us/87/</link>
		<comments>http://www.drawar.com/articles/world-wide-web-for-dummies-not-us/87/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 17:18:05 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[IA / ID]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=87</guid>
		<description><![CDATA[
I recently got done reading Dave Winer&#8217;s post on complexity and the web and it was fitting that it came not too long after the fiasco over at Read/Write Web. If you missed what happened over there the story goes like this. Read/Write Web posted a blog entry on Facebook Connect. Somehow, this became the [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>I recently got done reading Dave Winer&#8217;s post on <a href="http://www.scripting.com/stories/2010/02/20/whatWeDontUnderstand.html">complexity and the web</a> and it was fitting that it came not too long after the fiasco over at <a href="http://readwriteweb.com/">Read/Write Web</a>. If you missed what happened over there the story goes like this. Read/Write Web posted a <a href="http://www.readwriteweb.com/archives/facebook_wants_to_be_your_one_true_login.php">blog entry on Facebook Connect</a>. Somehow, this became the top result in Google for &#8216;Facebook login&#8217; so hundreds of people went to the site expecting to be able to log into Facebook, especially since RW/W has a Facebook Connect button on their site. Check out the comments and you will see.</p>
<p>Much of the blogosphere laughed at these people and called them idiots. How could they possibly mistake a blog for Facebook and why didn&#8217;t they just type &#8216;facebook.com&#8217; in their browser? Little do web geeks know that a large amount of the web&#8217;s population use the web in this way. Google or another search engine is their address bar and that is how they navigate around the web. Instead of insulting them, we need to understand that these people make up a large portion of the audience we are trying to make money from.</p>
<p>How many times do we get upset when we see a simple website or service become popular and think that we could&#8217;ve done that ourselves? There is a reason that often times you find me and others preaching the benefits of simplifying things. Although the <a href="http://apple.com/ipad">iPad</a> isn&#8217;t out yet, there is great debate about whether it is powerful or complex enough for regular users. Most people don&#8217;t want complex, they just want to get tasks done.</p>
<p>How easy do you make it for people to get stuff done?</p>
<p>I&#8217;m going to look into the steps that we all have to go through to complete many of the daily tasks we do online. To kill any repetition I am going to assume these steps will apply to everything (<em>italics</em> mean the step might be optional):</p>
<ol>
<li>Turn on computer.</li>
<li><em>Login to computer.</em></li>
<li>Open browser.</li>
</ol></div>
<div class="span-11 append-1">
<h3>Commenting On Drawar</h3>
<ol>
<li>Type in the url of Drawar in your browser (or go to Google and search like many people do. Top SE phrase for the site is &#8216;drawar&#8217;).</li>
<li>Click the article you wish to comment on.</li>
<li>Click either Facebook Connect or Google Friend Connect.</li>
<li>Login to the service you want or register an account with that service.
<ol>
<li>Fill in the information needed to register.</li>
<li>Confirm registration via email.</li>
<li>Remember login and password.</li>
<li>Back to step #4.</li>
</ol>
</li>
<li><em>Create a nickname</em></li>
<li>Type in a comment.</li>
<li>Press submit and hope that your cookies didn&#8217;t expire during this time.</li>
</ol>
<p>How many of you that own websites where people can comment have wondered why people just don&#8217;t leave comments on your site? It can&#8217;t be that hard can it? If someone asked you to do a simple task that might require 7-11 steps would you quickly jump on board?</p>
</p></div>
<div class="span-11 append-1 last">
<h3>Subscribing To Drawar Articles</h3>
<p>Most of us have been on the web so long that seeing a RSS icon is nothing new to us. However, can you imagine the people who see those orange icons everywhere and still have no idea what they mean?</p>
<ol>
<li>Find the subscribe button.</li>
<li>Click to see a web page with a bunch of words and tags.</li>
<li>Have no clue what you are supposed to do with the page.</li>
<li>After some research you find out that you can subscribe to this page.</li>
<li>After some more research you pick a RSS reader.</li>
<li>You finally subscribe to the page.</li>
</ol></div>
<div class="clear">&nbsp;</div>
<div class="span-11 append-1">
<h3>Sending An Email Through A Web Service</h3>
<ol>
<li>Type in the url of your email provider.</li>
<li><em>Login to service.</em></li>
<li>Find the &#8216;compose&#8217; button.</li>
<li>Remember or search for the email address of the person(s) you are sending the email to.</li>
<li>Type a subject.</li>
<li>Type a body.</li>
<li>Press send.</li>
</ol>
<p>We are looking at 6-7 steps just to send an email and those were the minimum steps. Imagine if you have to go through an address book and search for the emails of the people you are writing.</p>
</p></div>
<div class="span-11 append-1 last">
<div class="screenshot"><a href="http://www.flickr.com/photos/basykes/476064963/"><img width="400px" src="http://s3.amazonaws.com/drawar/articles/dummies/fordummies" alt="For Dummies" /></a></div>
</p></div>
<hr class="clear" />
<div class="span-16 last">
<h3>Easy To Us, Hard To Them</h3>
<p>No doubt you are reading these examples and shaking your head at how silly they seem. Sending an email isn&#8217;t hard and neither is commenting on a site. You just go out and do it. Driving a car isn&#8217;t that hard either, but very few of us jumped right in and headed to the nearest traffic jam. We take our knowledge for granted and assume that everyone else in the world knows what we know or at least can accomplish the same tasks that we can.</p>
<p>This doesn&#8217;t mean that everything you develop online should be dumbed down to the lowest denominator, but you need to look at the audience you are trying to reach and the goals of the site. Drawar&#8217;s audience is a little more aware technically than the general web audience so I take a few more liberties with how things are being done than I should.</p>
<p>I&#8217;ve talked about some of the principles behind making things easy in <a href="http://www.drawar.com/articles/minimalism-is-mandatory/51/"><em>Simplicity Is Mandatory</em></a>, but that was more from a design angle. Here I want you to think about the steps required to complete a task on your site. You want people to use your site? Make it one step. The web isn&#8217;t about the brainiacs that create it, it&#8217;s about the people that you tend to laugh at for their inability to do a site specific search on Google in Hebrew.</p>
<p>One of the hottest sites this month is <a href="http://chatroulette.com/">Chat Roulette</a>. The only purpose it seems to serve is that you get to talk to a complete stranger via webcam. Why is this successful besides the fact people like to clown around? All you have to do is press &#8216;Play&#8217; and you are talking. One step. One step is why there are over 31,000 people on the site as I write this.</p>
<p>The world outside of you (yes, you) doesn&#8217;t like a lot of steps. They aren&#8217;t as intellectually curious as you are and therefore don&#8217;t wish to explore the ins and outs of Atom feeds or tagging. They come online to get things done and more than likely you are preventing them from doing so. Stop it. Help them out and you will find they will help you out in return.</p>
<p>The web doesn&#8217;t need to be dumbed down, it just needs to make more sense with a lot less steps.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/world-wide-web-for-dummies-not-us/87/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Why I Hate Your Web App</title>
		<link>http://www.drawar.com/articles/why-i-hate-your-web-app/85/</link>
		<comments>http://www.drawar.com/articles/why-i-hate-your-web-app/85/#comments</comments>
		<pubDate>Fri, 19 Feb 2010 16:54:09 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=85</guid>
		<description><![CDATA[
I think everyone I know online has a great idea for a web application or website with some functionality behind it. We all believe that we have that one killer idea that if only we had the time to get it done would make us millionaires. Looking at some of the successful startups in the [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>I think everyone I know online has a great idea for a web application or website with some functionality behind it. We all believe that we have that one killer idea that if only we had the time to get it done would make us millionaires. Looking at some of the successful startups in the past, it&#8217;s amazing how often one thinks that they could&#8217;ve created it just as easily.</p>
<ul>
<li><a href="http://tumblr.com/">Tumblr</a></li>
<li><a href="http://flickr.com/">Flickr</a></li>
<li><a href="http://twitter.com/">Twitter</a></li>
<li><a href="http://facebook.com/">Facebook</a></li>
</ul>
<p>Does any of those look like sites you couldn&#8217;t at least emulate the <strong>basic</strong> functionality of in no time at all? When a web service, web application or website makes it big, there are always those in the crowd that say they could create the site over a weekend because they don&#8217;t understand the big deal behind it. Yet, if they attempt to duplicate the success of the thing they are implementing they fail miserably.</p>
<p>Maybe you are working on the next big thing right now and can&#8217;t wait to put it in the hands of users. Maybe you have already put your hard work in the hands of the community and they just weren&#8217;t as receptive as you had hoped they would be. Here are reasons that I hate what you created.</p>
<h3 class="largecenter">No Community</h3>
<p>When a website is based around a community it sucks to go to it and there is no community to be found. I know how difficult it can be to create a community out of nothing, but it is even more difficult to keep my interests if a community doesn&#8217;t exist. In a weird twist of fate, if you can somehow develop a community it will help overcome some of the other issues that you will see below.</p>
<div class="screenshot"><a href="http://reddit.com/"><img src="http://s3.amazonaws.com/drawar/articles/webapps/reddit" alt="reddit" /></a></div>
<p><a href="http://reddit.com">Reddit</a> is a great example of this. It never had the shiny design that other sites in its genre had, but it developed a strong community that made you forget the look of the site. You go to Reddit for the community, not to be impressed by the latest technology or design.</p>
<p>In contrast there is <a href="http://www.undrln.com/">undrln</a> which I personally use and love, but it gets harder and harder to go back to the site because the community is so small. I want to love the site and use it and get everyone in the world to join in on the fun, but if they don&#8217;t then I am left alone and that defeats the purpose of me using it. Just goes to show communities don&#8217;t build themselves. Get out there and market your stuff.</p>
<p>A major problem behind any person that comes up with an idea that involves lots of people using it is that they just assume that because they are excited about the idea that others will be equally excited. It doesn&#8217;t work like that unfortunately, otherwise we would all be a part of every online community created. Focus on a small number of core people and build out from there. Trying to get everyone at once never works.</p>
<h3 class="largecenter">I Can Only Use Your Site When I&#8217;m On Your Site</h3>
<p>Could you imagine how small <a href="http://twitter.com/">Twitter</a> would still be if there were no applications for it? The ability to use Twitter without actually having to go to Twitter is what makes it so appealing to me and others. Some websites are mean to be visited, like <a href="http://gmail.com/">Gmail</a>, while others like Twitter become valuable when they let their data roam free.</p>
<p>Some sites do well because they offer the best of both worlds. I don&#8217;t need to visit <a href="http://flickr.com/">Flickr</a> to experience it or to use my photos, but if I want the benefit of the community I need to visit the site. Twitter on the other hand gives me absolutely no incentive to visit it. I&#8217;m sure that has worked out as a blessing and curse for them.</p>
<p><a href="http://www.facebook.com">Facebook</a> offers you limited ways to interact with the site outside of it, but most people don&#8217;t mind going to it. If there really is no incentive to visit your site and the data doesn&#8217;t need to be protected, then please give me a way to use the site without having to be there. It doesn&#8217;t mean I will never go back to the site, but sometimes I just need to get something from the site and don&#8217;t need to experience everything about the site at the moment.</p>
<h3 class="largecenter">What Is It You Do Again?</h3>
<div class="sideitemright">
<h3>What others say</h3>
<p>Amazing how a couple of words can change the perspective of a potential user and help them decide whether or not they want to give you a shot.</p>
<blockquote>
<p>Share your photos. Watch the world.</p>
<p>																<cite><a href="http://flickr.com/">Flickr</a></cite>
															</p></blockquote>
<blockquote>
<p>The better way to get projects done.</p>
<p>																<cite><a href="http://basecamphq.com">Basecamp</a></cite>
															</p></blockquote></div>
<p>This is usually a problem because the people that code these websites are also the ones writing the copy. Not too long ago I read an article, <em><a href="http://www.businessinsider.com/why-tumblr-is-kicking-posterous-ass-2010-1">Why Tumblr Is Kicking Posterous&#8217;s Ass</a></em>, and while I&#8217;m not going to go into why the site is using the wrong metrics, it did bring to light how they differ in explaining themselves.</p>
<blockquote>
<p>posterous is the dead simple place to post everything. just email us.</p>
<p>																<cite><a href="http://posterous.com/">posterous</a></cite>
															</p></blockquote>
<blockquote>
<p>The easiest way to blog.</p>
<p>																<cite><a href="http://tumblr.com/">tumblr</a></cite>
															</p></blockquote>
<p>You might think that there isn&#8217;t much different between the two, but to me the difference is huge. On Tumblr when I see the tagline, it lets me know exactly what the site was made for. If I want to blog easily I can go there and do it.</p>
<p>Posterous shares much of the same functionality as Tumblr and in some ways is superior, but what exactly does &#8216;post everything&#8217; mean? Humans don&#8217;t like everything because it isn&#8217;t specific and although the site really does let you post everything it doesn&#8217;t help explain itself better than Tumblr.</p>
<h3 class="largecenter">Your Competition Is Better</h3>
<p>Let&#8217;s face it, you think you created the next great thing, but you didn&#8217;t even create something that is the best in its category. My sole email account used to be on <a href="http://mail.yahoo.com/">Yahoo! Mail</a>. <a href="http://gmail.com">Gmail</a> came along and simply offered a better product. There was no reason for me to switch emails and you know how hard it can be for some people to let go of things they had forever, but Gmail was so far above and beyond Yahoo that I had no problem making the switch.</p>
<p>Initially I saw no reason to switch to Reddit from <a href="http://digg.com/">Digg</a>, but eventually I found that Reddit simply offers a better user experience overall and I haven&#8217;t turned back since. There were plenty of places to host your photos before Flickr came around, but Flickr simply offered more than the rest.</p>
<p>I know the <a href="http://37signals.com">37signals</a> mantra of less being more is favored amongst many, but sometimes you have to offer more. If you can&#8217;t do that then you have to offer better and that better has to be much better. It can be a better community, better functionality or if all things are even, a better design.</p>
<h3 class="largecenter">Sweet, Another Registration Form</h3>
<p>When the signup form is short and sweet I have no problem signing up. However, that doesn&#8217;t mean I want to signup and have to remember another login/password combo. With <a href="http://developers.facebook.com/connect.php">Facebook Connect</a>, <a href="http://www.google.com/friendconnect">Google Friend Connect</a> and <a href="http://openid.net/">OpenID</a>, I don&#8217;t have to worry about logins anymore. More and more sites and services are implementing them and if you do as well you have a better chance of converting me. I&#8217;m not saying it is mandatory, but by giving me the option of using one of these services you have already taken away another step for me to access your stuff which is a very good thing.</p>
<div class="screenshot"><a href="http://tumblr.com"><img src="http://s3.amazonaws.com/drawar/articles/webapps/tumblr" /></a></div>
<p>Tumblr offers a simple signup form that doesn&#8217;t intimidate users and invitingly gets them to fill it out. Ironically, posterous offers the option of using Facebook Connect, but you wouldn&#8217;t know that from the homepage. Instead, I am being told that to use the site that I am already on, I need to go back to my email client and send the site something (&#8230;or everything). It&#8217;s hard enough to get someone to your site, why not let them use it immediately when they are there?</p>
<h3 class="largecenter">I Forget About You</h3>
<p>How many sites have you signed up with, used for a couple of minutes then completely forgot about? You know when sites report the number of users they have and you think to yourself that 90% of those users have to be people that registered and never returned to the site. If there is a way you can remind people to come back to your site or make it easier for them to keep track of what is going on then implement it. Nothing should be holding you back. We have enough things going on in our lives to try and remember about your hot new toy.</p>
<p>Maybe you offer RSS feeds for everything or email alerts or SMS alerts. In some way you can&#8217;t trust us to remember to check back in with your site, we need you to hold our hands. Build us a virtual leash.</p>
<h3 class="largecenter">The Design Sucks</h3>
<p>During our great discussion of <a href="http://www.drawar.com/articles/what-is-design/71/">what design was</a> it was assumed that design was more than just the way something looks so don&#8217;t get snooty with me when I say the design sucks. You aren&#8217;t a designer, you are a programmer, but that is no reason to make things harder to use. Reddit is ugly as sin to me, but I love it because it is easy to use. Gmail? Definitely not the epitome of aesthetics, but it gets the job done in an easy fashion. Tumblr? Sexy and easy to use. When you can pull that feat off your chances are looking pretty good.</p>
<p>You have to remember that you have been working with your service since day 1 so you know how to navigate around it. Everything is second nature to you so you won&#8217;t view the site as a new user would. Get people you know to try it out and see what they think. If you aren&#8217;t too lazy, apply some <a href="http://en.wikipedia.org/wiki/A/B_testing">A/B testing</a> and by all means continue to iterate. That doesn&#8217;t just apply to code, but also how people interact with your site. Drawar has been up less than three months and I have probably made over 100 changes to how the audience works with the site. The changes haven&#8217;t been dramatic, but I continue to tweak till hopefully one day I get the right formula.</p>
<p>It&#8217;s also good to be a bit superficial. Your odds of converting new users is greatly increased if the aesthetics of your service are top notch. Looks aren&#8217;t everything, but there is no reason you should handicap yourself with something that doesn&#8217;t look good.</p>
<hr />
<p>If you are in the process of creating a new web app then think about why people won&#8217;t want to use your site. Think about why you don&#8217;t use other services. It&#8217;s not an exact science and there is still a large chance you will not reach the epic proportions that you always dreamed of, but at least you can better your odds. And really I don&#8217;t hate your Web App, I just don&#8217;t see a need to use it.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/why-i-hate-your-web-app/85/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>The Ups and Downs of Web Development</title>
		<link>http://www.drawar.com/articles/the-ups-and-downs-of-web-development/83/</link>
		<comments>http://www.drawar.com/articles/the-ups-and-downs-of-web-development/83/#comments</comments>
		<pubDate>Thu, 21 Jan 2010 17:56:07 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=83</guid>
		<description><![CDATA[
If you do any type of development work on the web then you understand what frustration is. It can come from clients or it can come from a browser not rendering a box the way it should. Either way, frustration is simply part of the job description. Triumph is also part of the job description [...]]]></description>
			<content:encoded><![CDATA[<div class="span-24 last">
<p class="large">If you do any type of development work on the web then you understand what frustration is. It can come from clients or it can come from a browser not rendering a box the way it should. Either way, frustration is simply part of the job description. Triumph is also part of the job description and although at times it may seem that there are more downs than ups, when there is an up, it erases all the feelings the downs caused previously&#8230;usually.</p>
<p class="large">Here are the moments that cause me to experience some Ups.</p>
</p></div>
<hr class="clear" />
<div class="span-11 colborder">
<h3>Creating Flawless Markup</h3>
<p>This doesn&#8217;t happen often to me, but I love the feeling of creating an XHTML document and the markup flows as logically as any document should. There is one <em>&lt;h1&gt;</em> and the other headers follow where appropriate. <em>&lt;div&gt;</em>s are only used to separate a section of the page and there are no extraneous divs hanging around. <em>&lt;span&gt;</em>s are only used inline and when they are needed.</p>
<p>I know what I am describing is nirvana. Sometimes you have no choice but to wrap <em>&lt;div&gt;</em>s around other <em>&lt;div&gt;</em>s. Maybe everything isn&#8217;t perfect and you don&#8217;t always validate to perfection, but isn&#8217;t it a good feeling when you go to run a site through the validation machine and you get the badge? Because I use outside services like Facebook Connect and Google Friend Connect, validation isn&#8217;t completely in my hands. I can&#8217;t even get the <acronym title="Cascading Style Sheets">CSS</acronym> to validate because I&#8217;m using Mozilla and Safari selectors. I really do miss that badge, but I think I can carry on without it for now. One day though I will get it back and I will surely celebrate with some cider and music.</p>
<p>I&#8217;m not going to say you should ignore validation or that you should be a stickler for it. I&#8217;m just saying it&#8217;s good when stuff validates and even better when you put your best effort into making everything validate.</p>
</p></div>
<div class="span-11 append-1 last">
<h3>Degrading Gracefully</h3>
<p>As we progress further into web development, the use of JavaScript starts to become more and more abundant. Unfortunately, there are still plenty of people that have JavaScript disabled and might be missing out on some of the functionality a site offers. For example on Drawar, if you don&#8217;t have JS enabled you can&#8217;t login to the site. I&#8217;m unaware of a workaround for this since I don&#8217;t control the JS for the Facebook and Google elements, but this makes it apparent I also need to create my own registration system for those few strays without JS.</p>
<p>If you use JS on your site it&#8217;s a great feeling to know that even without it being available to certain users they can still use your site, just without the same experience as others. Degrading gracefully is important and definitely something I am seeing developers being less concerned about simply because so many people keep JS enabled. If anything, try your best to offer a dumbed down version of your site. If you have to offer up the mobile version then so be it, but don&#8217;t let a lack of degradation hold someone back from using your site.</p>
</p></div>
<hr class="clear" />
<div class="span-11 colborder">
<h3>Increasing Text Size Doesn&#8217;t Break The Layout</h3>
<p>Can you believe there are still sites out there that break completely when you increase the text size? I don&#8217;t want to get into the liquid vs. fixed width debate, but this has always been one of the driving points behind creating liquid layouts. Sometimes we forget that not everyone wants to view our site at the font size that we have set and not everyone can read the text at the size we select.</p>
<p>Keeping this in mind can sometimes constrain your design, especially if you are trying to stick with fixed-height elements. However, with JS and advanced CSS there are more and more workarounds happening that help to increase the flexibility of your designs.</p>
<p>I don&#8217;t think anyone is expecting your site to remain flawless when users increase the text size because eventually any site will reach its limit on how well it can handle 296px fonts. However, if you test your site and find that increasing the font size by one notch completely throws a wrench into everything, then maybe you should consider making some adjustments.</p>
</p></div>
<div class="span-11 append-1 last">
<h3>Site Works In IE Without Even Trying</h3>
<p>Just so I don&#8217;t single out IE completely, isn&#8217;t it great when you finish up a design and then go to test it out in different browsers and it works flawlessly in each and every one? I used to love that feeling and I know <a href="http://flyosity.com/">Mike Rundle</a> did as well. He could tell you some war stories about his struggles with IE and the design of <a href="http://9rules.com">9rules</a>.</p>
<p>With the recent security issues of IE surfacing (again) we can only hope that there will be a time where 99% of the world is using a non-IE browser. I know it&#8217;s a far-fetched dream, but if we can&#8217;t have our dreams, what are we left with?</p>
<p>People like to think that the fist pump became famous because of the new show <em>Jersey Shore</em>, when in reality, web geeks have been fist pumping ever since the first one created a flawless IE design in one shot.</p>
</p></div>
<hr class="clear" />
<div class="span-11 colborder">
<h3>Selectors Actually Make Sense</h3>
<p>There are times when I get so lost in my CSS that I forget what selectors I have used for other elements and so to prevent me from having to go and look for them (I know, lazy) I start to create crazy names. <em>.largeCenterBlob</em> for example. I couldn&#8217;t tell you what it does and most of the time I end up going back to look at what it actually does. Imagine if I stuck with selectors that actually made sense? I have a couple of them <em>.floatRight</em> and <em>.sideboxItemRight</em>, but the rest could fit just as well in a <em>Twilight</em> novel.</p>
<p>I wish I could say I had an intricate system that I have honed and developed over the years, but I don&#8217;t. I still wing it so if you have any suggestions I&#8217;m all ears. I have been looking around and haven&#8217;t come across anything yet. Maybe common sense should be the system I use.</p>
</p></div>
<div class="span-11 append-1 last">
<h3>A Printed Page Looks Just As Good As The Screen Version</h3>
<p>When was the last time you paid attention to how a page on your site looks when it is printed on paper? I know I haven&#8217;t in a while and I even have a print stylesheet hidden in a folder that I don&#8217;t use. I can only imagine the joy though of seeing someone print an article from here and having it look spectacular in print. It&#8217;s not like it is even hard to create a print style for sites and yet so many of us neglect it probably because we don&#8217;t print stuff too often. However, I know a ton of people that do like to print content that they find on the web so it would be a good idea for all of us to pay a little bit of attention to how our content formats on paper.</p>
</p></div>
<hr class="clear" />
<div class="span-11 colborder">
<h3>Creating An Awesome Form</h3>
<p>I hate forms. I hate writing the XHTML for them. I hate styling them. I hate having to check user inputs. I hate everything about them. That is why it is such a great feeling when you create a truly awesome one. You would think we are crazy when we walk away from a design and think to ourselves &#8220;damn, I love that form.&#8221; Seriously, how often do you come across a form and fall in love with the design of it?</p>
<p>Props to you if you are someone that has created a form that provides instant feedback. You are nothing short of god status in my book. I love those types of forms. If there were a position for a professional form creator, this would be the first qualification I look for in a candidate.</p>
<p><a href="http://www.tumblr.com/">Tumblr</a> has a form on their homepage that makes me want to fill it out even though I have no intention of ever using the service. How great did the designer feel when she popped that one out? She probably went to the bar and bought everyone a round. I know I would.</p>
<p>From a user&#8217;s perspective, how frustrating is it when:</p>
<ul>
<li>Forms ask for too much information?</li>
<li>Forms don&#8217;t make it clear what information is required until after you have press submit?</li>
<li>Forms erase all of your input just because you filled in one part incorrectly?</li>
</ul>
<p>These are all things you have to keep in mind when creating forms on your site. Some site development is 90% forms and 10% everything else. Thankfully, there are wonderful services like <a href="http://wufoo.com/">Wufoo</a> that ease the burden for many of us.</p>
</p></div>
<div class="span-11 append-1 last">
<h3>Don&#8217;t Hate A Design A Month Later</h3>
<p>I don&#8217;t know how often this actually happens, but it rarely happens to me. I think John Gruber might be one of the greatest examples of this with his <a href="http://daringfireball.net">Daringfireball</a> design. That site hasn&#8217;t changed since 1972 and you would like to think it is because Gruber likes it just the way it is. How many of you can say that you have created a site that you stared at every single day and after a month were completely content with it?</p>
<p>I&#8217;m probably not that way because I go through a lot of design iterations before I land on the one that I feel is right. I&#8217;m more of a throw it against the wall and see if it sticks kind of guy, while I know others like to perfect a design in Photoshop before moving on. Those types are probably more content with how a design looks after a month more than I am, but I wouldn&#8217;t change my habits for the world.</p>
<p>I&#8217;m stuck in my ways like that and I suck at Photoshop. And design. And drawing. Great, now I need to write an article on the Ups and Downs of making yourself depressed through your own writing.</p>
</p></div>
<hr class="clear" />
<div class="span-11 colborder">
<h3>The Client Likes The First Design They Are Shown</h3>
<p>Yeah right, good one.</p>
<p>I&#8217;ve never experienced this one, but I&#8217;ve heard rumors of designers being able to pull this off. These designers were direct descendants of Zeus himself apparently.</p>
</p></div>
<div class="span-11 append-1 last">
<h3>????????????</h3>
<h3>Now it&#8217;s your turn to share your ups and downs.</h3>
</p></div>
<hr class="clear" />
<div class="span-24">
<p class="large">I know to an outsider these moments seem trivial, but it&#8217;s hard to explain the rush one gets when everything goes right. You can be coding for hours and banging your head against the wall, when you finally see that one semi-colon missing and there you have yourself another triumph.</p>
<p class="large">It&#8217;s just part of the job description I guess and I probably wouldn&#8217;t change a thing about it. Well, except for that whole IE thing maybe.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/the-ups-and-downs-of-web-development/83/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Building Your Knowledge Portfolio</title>
		<link>http://www.drawar.com/articles/building-your-knowledge-portfolio/79/</link>
		<comments>http://www.drawar.com/articles/building-your-knowledge-portfolio/79/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 18:48:17 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[General]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=79</guid>
		<description><![CDATA[
In their book, The Pragmatic Programmer: From Journeyman to Master, Hunt and Thomas refer to something known as the &#8220;knowledge portfolio&#8221;. They call it a portfolio because they believe it should be invested in over time.  You should always invest in your portfolio so that it grows and never becomes an excuse for holding [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16">
<p>In their book, <a href="http://www.amazon.com/gp/product/020161622X?ie=UTF8&#038;tag=drawar-20&#038;linkCode=as2&#038;camp=1789&#038;creative=390957&#038;creativeASIN=020161622X">The Pragmatic Programmer: From Journeyman to Master</a><img src="http://www.assoc-amazon.com/e/ir?t=drawar-20&#038;l=as2&#038;o=1&#038;a=020161622X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />, Hunt and Thomas refer to something known as the &#8220;knowledge portfolio&#8221;. They call it a portfolio because they believe it should be invested in over time.  You should always invest in your portfolio so that it grows and never becomes an excuse for holding you back. In the computer industry, or any industry for that matter, if you are not growing you are not moving. I can say this because I have experienced it. Between 2007 and 2009 I was a bit careless about pushing the skills that I needed to build websites and it has come back to bite me in the ass as I am having to relearn old stuff and learn new stuff at the same time.</p>
<h3>High School Students, College Students, and Recent Grads</h3>
<p>This part of life can be difficult as many people struggle to get their career jumpstarted. You may think that life has put you inside of a Catch-22. To get a job you need experience, but to gain experience you need a job so you think. There are plenty of opportunities to gain experience in the world you just need to know where to look. Too be honest there are so many laid-off professionals that if you do not increase your knowledge portfolio you will more than likely not succeed at all in competing with them. Add to the fact that more and more companies are outsourcing design and development work overseas.</p>
<p>For many of us out there I believe the secret to success lies in open source software.  Go to <a href="http://www.github.com">GitHub</a> and there you will find thousands of chances to gain more experience and increase your knowledge portfolio. There you will find over 100,000 individuals who in most cases are willing to help you get better. Web designers this is your chance to jump on board and design their websites for them because most open source projects need the help of a good designer or any designer at all. QA people can help test the products. Technical writers can write the documentation. There is always something to do because programmers can&#8217;t do everything (even though they sometimes try) themselves.</p>
<p>You can always start on your own projects as well. It can be frustrating working on something for free when you are struggling for money and that is why you should continue to look for work while doing something on the site. The project doesn&#8217;t have to be a way to make money. It can be something quick that you can add to your portfolio. Design and development work isn&#8217;t only impressive to businesses when it is paid work, they like to see you take the initiative to do things on your own.</p>
<h3>The Unemployed</h3>
<p>Follow the advice given above. Stay active in your profession even if you do not have a job. Let your future interviewers know that you have the desire to work and that you love what you do by participating in Open Source projects or your own projects. If you are a designer you would be surprised on how many clients you could get through a blog. No employer likes to see a 6 month gap between jobs because that could be a sign of someone who does not mind staying complacent. Even though you are not getting paid, that should never stop you from doing what you love.</p>
<p>You should also start a blog. You would be amazed at the amount of contacts you can develop from it. Yes they can be time consuming if you try to spend too much time on it, but take an hour a day to write. You don&#8217;t have to complete an article in an hour, but every day make some progress in completing something you can publish. I have already received a number of emails concerning development work although I am not looking for any and the amount of contacts I have developed in such a short time is nothing short of staggering to me.</p>
<h3>For everyone</h3>
<p>Always try to learn something new or improve on what you already know. Programmers this should be easy because I think very few individuals can truly master a programming language. Even better, you should learn another programming language that might help you with future problems. In the past I have done development work in Perl, Ruby, C# and of course PHP. Although I wouldn&#8217;t call myself proficient in the first three, the experience of using them has helped me grasp programming challenges that I encounter quicker.</p>
<p>Before I started Drawar, I never really had any plans to get back into development, but since I dabbled in a couple of small projects on my own I was able to keep my knowledge up to a usable level.</p>
<p>For designers and front-end devs, everyday there are new examples of individuals pushing CSS to its limits. <span class="pulledquote">There is always something new to learn in CSS.</span> Also try to get better at information architecture, design, and document design. You will build better websites from your new knowledge. Increase your understanding of usability. Find out why eBay and Amazon succeed where others fail (and it is just not first mover advantage). Do not stop learning or think you have done everything you can.</p>
<p>It is okay to become a jack of all trades, master of none, because all of these skills will give you a broader perspective on how to handle different scenarios. The top guys in the industry never stop pushing themselves and it is no wonder they continue to pump out great stuff that others could only wish to achieve. The best are the best for a reason. Not because they were born with the knowledge, but they continued to push themselves to new heights never seen before. With the Internet and Open Source, this is possible for any individual.</p>
<blockquote><p>Make learning a habit.</p>
</blockquote>
<p>Do as the quote above says and you will find yourself a better programmer, designer, architect, doctor or whatever. Continue to learn because you love what you do, not because someone told you to do it. We have so many resources at our disposal that there are no excuses to not push yourself or learn something new.</p>
<p>The best way to learn is by doing. I wanted to write better. So I started a blog and wrote. I am learning better ways to express my ideas and opinions. Every time I write here it is a learning experience. I write what I think I know and by the time I am done writing I find that I might not know as much as I thought. I am learning and I am loving it. Knowledge is one of the few things people can not take from you. Cherish it and continue to help it grow. Most importantly, take the time to share it with the world so that they may grow as well.</p>
</p></div>
<div class="span-7 prepend-1 last sidestuff">
<p>As this site grows I hope more and more people join in and <a href="/articles/">write articles</a>, post in the <a href="/forums/">forums</a> and share <a href="/links/">links</a>. Although it is possible to build your knowledge portfolio on your own, it becomes much easier with the help of the community. This is also why you see me voice my frustrations in regards to the content that some sites in our community produce.</p>
<p>I&#8217;m a greedy individual and want every piece of content I read to provide me with some new piece of knowledge. Much of the stuff being written doesn&#8217;t provide that and I have to wonder what the writer gets out of producing it. Maybe that means I need to learn what makes money and what doesn&#8217;t.</p>
<p>In February, Drawar will be opening up a design competition with the sole purpose of helping us push our limits and to gain more knowledge.</p>
<h3>Resources</h3>
<p>Some great places I like to visit daily to find stuff that helps to continue my education:</p>
<ul>
<li><a href="http://news.ycombinator.com/">Hacker News</a></li>
<li><a href="http://reddit.com/r/web_design">Web Design Reddit</a></li>
<li><a href="http://reddit.com/r/programming/">Proggit</a></li>
<li><a href="http://stackoverflow.com">StackOverflow</a></li>
</ul>
<p>If you have any of your own please share them in the comments.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/building-your-knowledge-portfolio/79/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Coding Craftsmanship</title>
		<link>http://www.drawar.com/articles/coding-craftsmanship/73/</link>
		<comments>http://www.drawar.com/articles/coding-craftsmanship/73/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 17:50:09 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Programming]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=73</guid>
		<description><![CDATA[
Buildings that serve a purpose and enhance the beauty of the environment around them are created by artists disguised as architects. Buildings that are hideous and need to be torn down are created by architects. The difference is that the artist takes pride in what he is doing. He understands that his work will be [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 last">
<p>Buildings that serve a purpose and enhance the beauty of the environment around them are created by artists disguised as architects. Buildings that are hideous and need to be torn down are created by architects. The difference is that the artist takes pride in what he is doing. He understands that his work will be viewed by many people and therefore stakes his pride in the building. The architect knows that he got paid to finish something within a timeframe and therefore could care less about how people see his building. In fact he does not even think the building is his anyways.</p>
<p>Hackers act the same way as architects. They gather bricks and cement and throw them together and call it a house. Although it works, it will more than likely not stand the test of time. As a programmer/front end developer you should not see your code as a means to an end. It should provide a source for others to look at and revel in its beauty. Beautiful code has more to do with the functionality of the code and how it works than the actual look of it. I want to get lost in the beauty of its design. I want to see how simple you make complicated sequences appear. A quick example is the <a href="http://www.cut-the-knot.org/recurrence/hanoi.shtml" >Towers of Hanoi</a> done using recursive functions. There are plenty of ways to go about this problem, but the recursive approach shows you how code can be an art. Although very rarely you see recursiveness used in large designs you must marvel at the simplicity of the design to such a complicated problem. To me simplicity of design is beauty.</p>
<p>In <em><a href="http://www.drawar.com/articles/what-is-design/71/">What is Design?</a></em> I answered the question by saying:</p>
<blockquote>
<p>Design is the process of finding the most elegant answer to the question of ‘how do I?</p>
</blockquote>
<p>Does this not apply to code as well? We might not find the most elegant solution initially, but after a couple of iterations one would hope we would finally get there.</p>
</p></div>
<div class="span-24 last">
<div class="floatright">
									<img src="http://s3.amazonaws.com/drawar/articles/programmingart/david" /><br />
									<span class="caption">Statue of David</span>
								</div>
<p>A lot of programmers are given code that is not theirs and they are told to refactor it or make it work better. This is the greatest time for showing that programming can be an art and probably an even better time to wish that every programmer treated their code as an art form. It is like someone giving you a marble statue of something that appears to be a man and when you are done with it looks like David.</p>
<p>If you tackle your code as an artist then you are putting an investment into it. You are putting yourself behind the code so that the code represents you. A lot of open source projects need to take heed and listen. Just because you start a great idea for a project and start an account on <a href="http://github.com/">GitHub</a> it does not mean you will draw in the legions of the open source army. No doubt you will draw interest, but if your code is a catastrophe and the design is horrific then that interest will die quickly. Beautiful code and design lasts like great pieces of art. There is a reason <a href="http://rubyonrails.org" >Ruby on Rails</a> remains popular and it goes beyond the fact that <a href="http://37signals.com/">37signals hypes it</a>.</p>
<p>Programming is an art because you are creating your own masterpiece. You are creating your own exhibit for the world to see. Artists don&#8217;t paint just so they can keep their works to themselves. They paint because they want the world to enjoy what they enjoy. Why should coding be any different? Of course if you are writing a small program for yourself, write it however you want. I write small little programs that serve my purposes, but I also design them as if I were letting the whole world see them. For some reason I can&#8217;t let bad design and ugly code get in my way. I take pride in what I do because I take it seriously and I wish others to take me seriously as well.</p>
</p></div>
<div class="span-16 last">
<p>Granted, and this is where a majority of the coders start to nod their head, there just isn&#8217;t enough time to design the most elegant solution. You are under a crunch and you know an answer that will work, but will probably be ugly. By all means apply it and hopefully you have the chance later to come back and reiterate it to a more beautiful solution.</p>
<p>As programmers you are under tight deadlines so your main priority is to create working code. However, if the design is not thought out then that working code might be incompatible with the other components that it has to interact with. If there is an art to the design of the code maybe it can be fixed easier than the spaghetti code. If something is hacked together quickly, that is understandable, but go back and fix it up. 99% of the time there is a more elegant solution to the problem.</p>
<p>If you view the <a href="/css/custom.css">custom.css</a> for this site you will see that I don&#8217;t really create complicated CSS. I happen to know where everything is so in my mind it is a good solution. Unfortunately, for someone else that might be looking to jump into it, it can take them a bit of time. That is not a good thing. Also because of the style of the CSS I can&#8217;t tell when I am redoing code that I could simply be reusing. How many lines of CSS do we waste by repeating attributes and properties for different elements?</p>
<p>In contrast if you look at the CSS for <a href="http://flyosity.com">Flyosity</a>, Mike Rundle takes his time to make sure that the CSS is logically indented to he can quickly jump back into it to make changes. You can tell he takes pride in his CSS.</p>
</p></div>
<div class="span-24 last">
<pre>
<code>
#right_column {
	position: relative;
	z-index: 1000;
	padding: 0;
	top: -101px;
	float: left;
	width: 250px; }

	.portfolio {
		margin-bottom: 10px; }

		.portfolio a {
			display: block;
			padding: 36px 15px 0 72px;
			height: 30px;
			text-decoration: none;
			font: normal 12px "Lucida Grande", "Verdana", sans-serif;
			color: #19a0d1;
			margin-left: -11px;
			text-shadow: rgba(255,255,255,.8) 0 1px 0;
			-webkit-text-shadow: rgba(255,255,255,.8) 0 1px 0;
			background: transparent url(images/portfolio_icon.png) 2px 8px no-repeat; }

			.portfolio a:hover {
				text-decoration: underline; }
</code>
</pre>
</div>
<div class="span-16 last">
<p>See yourself as a master craftsman who has apprentices and journeymen coming from all over to view your code so that they may learn the art of programming. Take pride in your work not for others&#8217; enjoyment, but for your own sense of self. We are artists and we must learn to love our art.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/coding-craftsmanship/73/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>What Is Design?</title>
		<link>http://www.drawar.com/articles/what-is-design/71/</link>
		<comments>http://www.drawar.com/articles/what-is-design/71/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 18:08:22 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=71</guid>
		<description><![CDATA[
A question that doesn&#8217;t seem to have one right answer. Maybe that is a good thing and maybe that is a bad thing. Either way, it is a question that you should ask yourself if you are involved in the process of design. It doesn&#8217;t matter if you are the actual designer or you are [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16">
<p>A question that doesn&#8217;t seem to have one right answer. Maybe that is a good thing and maybe that is a bad thing. Either way, it is a question that you should ask yourself if you are involved in the process of design. It doesn&#8217;t matter if you are the actual designer or you are the person that employs the person doing the design, design is important and if you are going to be part of the process you have to understand your own idea of it.</p>
<p>What is design to me? Like design I think it&#8217;s best to break the problem up until you find the simplest solution. So to answer the question maybe it&#8217;s best to take a design approach to it. This might mean looking at what others are saying about design. You can see how people responded to the question on Twitter to the right. The Wikipedia definition of design of course doesn&#8217;t keep things as simple as a 140 character response.</p>
<blockquote>
<p>Design is the planning that lays the basis for the making of every object or system.</p>
<p>															<cite><a href="http://en.wikipedia.org/wiki/Design" title="Wikipedia definition of design">Wikipedia</a></cite>
														</p></blockquote>
<p>That sounds like the engineer&#8217;s definition of design.</p>
<p>Now that we have what everyone else feels design involves, lets see what else the problem involves. The design of a website contains the information architecture, colors, white space, typography and resolution. So is design information architecture? Is design colors? Of course web design involves all of these so you can say that each of these falls under the umbrella of design. However, there has to be a better answer than simply listing what can be shown on a webpage.</p>
<p>When looking at a physical object that you like, what aspect of its design draws you to it?</p>
<div><img src="http://s3.amazonaws.com/drawar/articles/whatisdesign/ipod" alt="Apple iPod" /></div>
<p>I love the design of the <a href="http://apple.com/ipod">Apple iPod</a> as do many people I&#8217;m sure. What do I like about it? I like the curves. I like the screen. I like the way you interact with the iPod via its dial. So from this we could say that design is how we interact with something. Maybe design is how we interact with a product or how an object interacts with its environment. However, I feel that design means more than that.</p>
<div class="floatleft"><img src="http://s3.amazonaws.com/drawar/articles/whatisdesign/uglyplant" alt="Ugly Plant" /></div>
<p>Digging even deeper we sometimes like the way something is designed because it is easy to work with. Making something easy to use is a by-product of great design. We don&#8217;t like to think too hard to solve a problem. Nature is the greatest problem solver of all. Looking at a plant, every piece of it can be justified. Nothing is extraneous, everything serve its purpose. Are all plants aesthetically pleasing? I don&#8217;t think so, but to me aesthetics is an opinion. Beauty is in the eye of the beholder as they say.</p>
<p>Going back to the iPod example, what many people love about the iPod is that it solves the problems of storing large amounts of music and listening to it in an intuitive fashion. Although for some features, like turning it off you might have to read the manual, the overall usage of an iPod is pretty easy. They say the quickest way to get from Point A to Point B is a straight line and in many ways the iPod&#8217;s design encourages that. So in this case maybe we can say that design is the process of finding the quickest way to complete a task.</p>
<h3>What about emotion?</h3>
<blockquote>
<p>The main issue is that emotions have a crucial role in the human ability to understand the world, and how they learn new things. For example: aesthetically pleasing objects appear to the user to be more effective, by virtue of their sensual appeal. This is due to the affinity the user feels for an object that appeals to him, due to the formation of an emotional connection [with the object].</p>
<p>								<cite><a href="http://en.wikipedia.org/wiki/Emotional_Design">Wikipedia</a></cite>
							</p></blockquote>
<p>If you take this into account, is design the ability to evoke emotions from the person interacting with it? It can be, but in nature rarely are there emotions used when one object is interacting with another. The design of how humans breathe has nothing to do with our emotions, although I&#8217;m sure we would all be sad if we lost the ability to do so. I believe that trying to evoke an emotion in some designs is very important, but it is not essential and as I have already stated emotional design isn&#8217;t included in all design.</p>
<p>Now we don&#8217;t have to worry about including emotions in the definition of design, but that doesn&#8217;t mean we should forget the important role that emotion plays in the designs that we create daily.</p>
<h3>The Answer</h3>
<p>Now that I have established some guidelines of what I feel design does and doesn&#8217;t include I can come up with a better definition of what design is to me.</p>
<blockquote>
<p>Design is the process of finding the most elegant answer to the question of &#8216;how do I?&#8217;</p>
<p>								<cite>Paul Scrivens</cite>
							</p></blockquote>
<p>How do I ensure the Twitter responses on the right are visually separate enough so that the reader can easily scan them? How do I create an article layout that encourages the reader to actually want to read the whole article? How do I open this door? How do I get oxygen into my lungs?</p>
<p>You can have a number of answers to each question, but one answer will be more elegant than the rest. One answer will be the simplest solution. You might not get to that answer the first time around, but that is why we redesign. Don&#8217;t redesign just to do something new, redesign because you have a better answer to the question.</p>
<p>Is my answer the correct answer to the question of what is design? I have no idea, but I know it makes perfect sense to me and it&#8217;s the answer that helps guide me whenever I start a new task. Don&#8217;t hesitate to really think about the answer yourself, you may be surprised at what you come up with.</p>
</p></div>
<div class="span-7 prepend-1 last sidestuff">
<p>Here are the responses I received from <a href="http://twitter.com/drawar/status/7639784600">Twitter</a>. There is also a running <a href="http://www.drawar.com/forums/50/what-is-design/">forum discussion</a> on the topic.</p>
<blockquote>
<p>One of the hardest aspect of designs is trying to take a complex idea and presenting it in a way that the audience can understand.</p>
<p>														<cite><a href="http://twitter.com/tiagopedras">@tiagopedras</a></cite>
														</p></blockquote>
<blockquote>
<p>super human problem solving story telling.</p>
<p>														<cite><a href="http://twitter.com/jayquercia">@jayquercia</a></cite>
														</p></blockquote>
<blockquote>
<p>design is communication. good design is succinct clear communication.</p>
<p>														<cite><a href="http://twitter.com/mattwiebe">@mattwiebe</a></cite>
														</p></blockquote>
<blockquote>
<p>design IMHO is an aesthetically pleasing solution to a visual or functional problem</p>
<p>														<cite><a href="http://twitter.com/mylesgrimm">@mylesgrimm</a></cite>
														</p></blockquote>
<blockquote>
<p>Visually guiding humans through the unknown</p>
<p>														<cite><a href="http://twitter.com/lewisnyman">@lewisnyman</a></cite>
														</p></blockquote>
<blockquote>
<p>Design is solving a problem</p>
<p>														<cite><a href="http://twitter.com/simonbanyard">@simonbanyard</a></cite>
														</p></blockquote>
<blockquote>
<p>Design is solving a problem as awesomely as possible.</p>
<p>														<cite><a href="http://twitter.com/bryanconnor">@bryanconnor</a></cite>
														</p></blockquote>
<blockquote>
<p>Design = simple effective presentation of content (data or information)</p>
<p>														<cite><a href="http://twitter.com/kevinholesh">@kevinholesh</a></cite>
														</p></blockquote>
<blockquote>
<p>Design is a beautiful, public and visual way of presenting information in a way that gets the right notice from the right people.</p>
<p>														<cite><a href="http://twitter.com/sjmarshy">@sjmarshy</a></cite>
														</p></blockquote>
<blockquote>
<p>it&#8217;s the chance to bring to life dreams and ideas ready to be shared around the globe</p>
<p>														<cite><a href="http://twitter.com/sonoroman">@sonoroman</a></cite>
														</p></blockquote>
<blockquote>
<p>Creating the impossible and Advancing in technology</p>
<p>														<cite><a href="http://twitter.com/TheJennLeeGroup">@TheJennLeeGroup</a></cite>
														</p></blockquote>
<blockquote>
<p>design is the creation of a human-friendly appearance</p>
<p>														<cite><a href="http://twitter.com/defifee_a">@defifee_a</a></cite>
														</p></blockquote>
<blockquote>
<p>Design is the aesthetic reinforcement of content and/or function</p>
<p>(Good design, anyway.)<br />
														<cite><a href="http://twitter.com/futuraprime">@futuraprime</a></cite>
														</p></blockquote>
<blockquote>
<p>For me #designis making life easier.</p>
<p>														<cite><a href="http://twitter.com/@erenemre">@erenemre</a></cite>
														</p></blockquote>
<blockquote>
<p>Design: the process of finding the most beautiful, effective, and useful way of shaping something.</p>
<p>														<cite><a href="http://twitter.com/alexmorse">@alexmorse</a></cite>
														</p></blockquote>
<blockquote>
<p>the filtering of an idea into it&#8217;s visual counterpart&#8230;i think</p>
<p>														<cite><a href="http://twitter.com/icanseeurtweetr">@icanseeurtweetr</a></cite>
														</p></blockquote>
<blockquote>
<p>Remember when your mom straightened up your bow-tie just before your prom? That&#8217;s my metaphor for design in a nut shell.</p>
<p>														<cite><a href="http://twitter.com/iandstewart">@iandstewart</a></cite>
														</p></blockquote></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/what-is-design/71/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Are Homepages Dead Or Are We Missing The Boat?</title>
		<link>http://www.drawar.com/articles/are-homepages-dead-or-are-we-missing-the-boat/69/</link>
		<comments>http://www.drawar.com/articles/are-homepages-dead-or-are-we-missing-the-boat/69/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 18:35:01 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=69</guid>
		<description><![CDATA[

									
								

									
								
Yesterday, I read an entry about the death of the homepage on websites and I remembered that I had written about the same topic many years ago. The basic idea is that a large percentage of your visitors will be coming from links from other sites like Facebook, Twitter, del.icio.us, and Reddit, so they won&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<div class="span-24 post last">
<div class="floatright">
									<a href="http://dustincurtis.com/how-mr-q-manufactured-emotion.html"><img src="http://s3.amazonaws.com/drawar/death/2" alt="Dustin Curtis" /></a>
								</div>
<div class="floatright">
									<a href="http://dustincurtis.com/you_should_follow_me_on_twitter.html"><img src="http://s3.amazonaws.com/drawar/death/3" alt="Dustin Curtis" /></a>
								</div>
<p>Yesterday, I read an entry about the <a href="http://feedusblog.com/detail.asp?c=614967">death of the homepage</a> on websites and I remembered that I had written about the same topic many years ago. The basic idea is that a large percentage of your visitors will be coming from links from other sites like <a href="http://facebook.com/">Facebook</a>, <a href="http://twitter.com/">Twitter</a>, <a href="http://delicious.com">del.icio.us</a>, and <a href="http:///reddit.com">Reddit</a>, so they won&#8217;t be hitting your homepage directly. Because of this, some people tend to think that it makes your homepage less important. I have to disagree.</p>
<p>The homepage is probably the most important page for your regular visitors and as your site grows, the percentage of this userbase grows as well. If the homepage is dying then what is there to replace it? Nothing, because logic says there has to be some page available when they hit the root of your site. I thought about this for a second and figured that if you didn&#8217;t want to have a real homepage on a blog you could make your latest entry the homepage by default. <a href="http://jasonsantamaria.com/">Jason Santa Maria</a> almost does this by making the homepage only show his latest article. I&#8217;m sure other people have already designed their sites like this so don&#8217;t think I am that much of a creative genius to come up with the concept myself.</p>
<p>With the amount of people that are starting to jump directly to internal pages on your site, it just means more care needs to be taken in how you can get them to browse other pages of your site. Many people do this by having a related posts section or fill their sidebars with other sections of their site. Since I don&#8217;t have the statistics behind these things I don&#8217;t know how effective they are, but from personal experience I don&#8217;t recall clicking on too many related posts sections and I only browse the sidebar if I am happy with the content that I came to read. I don&#8217;t like the sidebar distracting me from the reason why I am on the page.</p>
<p>It seems as though in their quest to achieve more page views, owners of websites forgot that they are trying to get people to read or view the content on their site. Is the value to a TV exec having people flick through channels every three seconds or having them sit through an entire program? Could you imagine reading a book and on every page there was a sidebar with tons of information that didn&#8217;t relate to the content of the page? I&#8217;m not saying that books and websites are the same, but I like to think that we can provide an experience similar to that of books where our visitors can read content without being prohibited by a categories sidebar.</p>
<p>If you have read an entry by <a href="http://dustincurtis.com/public-fried-chicken.html">Dustin Curtis</a> then there is a good chance that you enjoyed the experience. I say experience instead of entry because going to a page there is an experience. There is a unique design to the content and when you read an entry that is all that you are reading. He has ads on his site, comments and a colophon, but while you are reading his content he allows you to only focus on that. In a perfect world, this is how the website reading experience occurs to me. However, I understand the need to make money so <a href="http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/" title="Ads suck">ads fill your sidebar</a> and you really want people to bounce around your site because that increases page views. A mistake we make though is that we assume it works, but many times it just works because we are the only resource for the visitor to use. Once they find something better that offers them a greater experience they will bounce.</p>
<p>To prevent this from happening requires a new way of envisioning your internal pages and re-evaluating the goals of your site. Do you really care if people read the content on a page? You don&#8217;t think a sidebar filled with data distracts them at least subconsciously to the point where they can&#8217;t focus? Maybe I was wrong all along and list posts could generate some decent discussion if they weren&#8217;t on the same page fighting for attention with a ton of other things.</p>
<h3>The Homepage As The Sitemap</h3>
<div class="floatleft">
									<a href="http://dustincurtis.com" title="Dustin Curtis"><img src="http://s3.amazonaws.com/drawar/death/1" alt="" /></a>
								</div>
<p>In the discussion of <a href="http://www.drawar.com/articles/old-news-news-sites/49/" title="news sites suck">news sites</a> one of the issues I pointed out was that instead of trying to find a way to present all of their content they needed to find a better way to guide their readers deeper into their sites. Looking at the homepage of <a href="http://dustincurtis.com/">Dustin Curtis</a> on the left, he doesn&#8217;t hide the fact that the homepage is nothing more than a door to the rest of his content. This design works well for a site that has an article every couple of weeks so don&#8217;t think I believe this is the perfect setup for every website out there. However, the purpose still holds true to the point of this article. Maybe homepages are no longer the great destinations they once were and now they are simply portals to the rest of your site. Yes, every site is a portal now.</p>
<p>This doesn&#8217;t give you free reign to think like the mega corps and try to post a link to every page on your site. You can&#8217;t force a visitor to explore your site, you can encourage them and many times that will fail. If they are intrigued enough to do so because of what they have seen on your site then they will do it. If they don&#8217;t want to they will bounce faster than a <a href="http://digg.com/" title="Digg users are llamas">Digg user</a>.</p>
<p>Looking at <a href="http://smashingmagazine.com/">Smashing Magazine</a> you can see how they are trying to move from a blog-type homepage to a portal and pulling it off successfully isn&#8217;t easy. Rarely do portal-type pages lend themselves to a two-column design, but the conventional wisdom for blog designs is that the homepage should look exactly like the rest of the pages. You need to stop thinking like that and assume that every section of your site deserves its own design. Does this require more work? Of course it does, but it enhances the user experience if it is done correctly. Maybe some sections benefit from the exact same layout and I&#8217;m not telling you that everything should always be unique, but at least give it some thought. Too often we fall into the trap of finding a layout and running with it everywhere.</p>
<p>Do you think a traditional blog-style homepage would work well with Drawar? I could have the articles on the left and the sidebar filled with the <a href="/links/">links</a>, <a href="/news/">news</a>, <a href="/forums/">forums</a> and <a href="/gallery/">gallery</a>, but could you imagine how crowded every page would seem then? The homepage itself is already crowded to me and I&#8217;m looking to improve upon it shortly so it&#8217;s hard for me to see how I could fit all of that in a sidebar without distracting from the main purpose of a given page.</p>
<p>My friend Mark Fusco likes to remind me that the experience of a website is more than just the design. It is also the content and a number of other factors that bring it the total end experience to the user. It is quite possible to provide a good experience to users by having sidebars filled with adds and a large amount of extra data. I only know this because sites have been doing so for years and many of them are very successful.</p>
<p>Do you think the homepage as we used to portray it is dead and that it is time to re-evaluate how we look at the design of them?</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/are-homepages-dead-or-are-we-missing-the-boat/69/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Learn Some Business</title>
		<link>http://www.drawar.com/articles/learn-some-business/67/</link>
		<comments>http://www.drawar.com/articles/learn-some-business/67/#comments</comments>
		<pubDate>Wed, 06 Jan 2010 21:03:16 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Business]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=67</guid>
		<description><![CDATA[
Over the past month I have come to understand that although many people understand the basics of design and are really striving to better themselves as designers, a good majority still don&#8217;t know the basic principles of the other side of the coin when it comes to freelancing or running your own design studio and [...]]]></description>
			<content:encoded><![CDATA[<div class="span-18 last post">
<p>Over the past month I have come to understand that although many people understand the basics of design and are really striving to better themselves as designers, a good majority still don&#8217;t know the basic principles of the other side of the coin when it comes to freelancing or running your own design studio and that is business. I have pretty much been on my own for the past eight years and although I don&#8217;t run a design studio, I do have plenty of experience dealing with clients and trying to grow a business.</p>
<p>First off, it is hard and always requires work. I want to get that out there because running a business is like gambling in a casino. When you envision yourself in a casino all you can imagine are the times you win and the large amounts of money you can bring in with very little effort. Truth of the matter is the odds are stacked against you and short term success doesn&#8217;t equal long term success. The odds are stacked against you so even though I do believe in positive thinking and remaining optimistic, you have to keep reality in check and understand that most businesses are setup to fail.</p>
<p>If you are contemplating going out on your own or already are on your own you would be wise to ask yourself a couple of questions.</p>
<h3>What You Do and What You Don&#8217;t Do?</h3>
<p>Simply saying &#8220;I do web design&#8221; is not enough. You have to figure that every client is looking for something different and many times they will assume you can do everything. Before you get into a situation where you start to get in over your head ask yourself these questions and hopefully your answers will help you narrow your focus.</p>
<ul>
<li>Do you only do front end design in Photoshop?</li>
<li>Do you do front end design and code (XHTML, CSS, JavaScript)?</li>
<li>Do you do front end and back end?</li>
<li>Do you do SEO?</li>
<li>Do you maintain the websites on a server and therefore become tech support for server issues?</li>
<li>Are you a copywriter?</li>
</ul>
<p>To truly be great at your business you have to understand what you are willing to do and won&#8217;t do. I used to have a bad habit of wanting to do everything by myself not because I wanted to, but because I could. The problem with this line of thinking is that you soon start to notice that you place your focus on all the things you don&#8217;t like to do and you begin to hate your work. If you really don&#8217;t want to do any XHTML/CSS then you need to find someone who will do that part for you.</p>
<p>Yes, that might mean less money up front for you in the short term, but over time if your focus is only on doing the parts that you love you will find more enjoyment in the long run and eventually the money will follow. There are still plenty of other aspects in your business that you will need to handle that you probably won&#8217;t enjoy as much, but everything can&#8217;t be 100% fun.</p>
<h3>Who Are Your Customers?</h3>
<p>Everyone is not the correct answer. If you try to be everything to everyone you end up being nothing to anyone. You can narrow down your audience in a number of different ways. Maybe you only wish to serve one industry (medical, legal, small business) or a geographic area. You could narrow it down to businesses with budgets over $10,000. However, don&#8217;t mistake the fact that narrowing down means you are reducing your revenue.</p>
<p>By meeting the needs of a small audience you provide more value. The greatest form of marketing is word of mouth marketing and people usually do so within their own groups. Focusing on a small audience allows you to better understand their needs and how you can meet those needs better than anyone else. Because of this you can become the go to person in the industry that everyone looks to.</p>
<p>Make sure you are very specific about your target market. If things start to go well for you, you will find that you have the option to choose whether or not you want to broaden your audience because people outside of your audience will begin to contact you. However, if you don&#8217;t know who your target audience is then how do you know who to market to?</p>
<h3>What Makes You Different?</h3>
<p>There are literally thousands of people around the world looking to do what you do. If you go through the <a href="/gallery/" title="Drawar Website Gallery">Gallery</a> and view the websites of design studios you will notice that many of them have the same copy. Everyone likes to create beautiful and usable websites. Everyone codes to web standards. These things don&#8217;t separate you from the rest. Even trying to use price as a means of differentiation isn&#8217;t a good way to go because you will probably be focusing on how cheap you are and there is always someone cheaper.</p>
<p>Drawar itself is a business and if you have visited the site over the last month then hopefully you can see how I have positioned it to be different than other design sites on the web. You know you can find some great designs, resources and conversations every time you come here. Unfortunately, that makes the site very different than what you usually get with sites in the community.</p>
<p>To standout in the market you have to emphasize what makes you different. If you can&#8217;t figure that out then you understand the initial problem at hand.</p>
<h3>Do You Have Cash Flow?</h3>
<p>At the end of the day the most important truth your business has is whether it is bringing in money. People might say you are a great designer and your employees might rave about working for your company, but the truth is that if there is no money coming in, then there is no business. You need to be bringing in cash to stay afloat. You need to be making a profit so you can keep cash in hand to help your company grow.</p>
<p>It is called the bottom line for a reason. I am not saying that you should sacrifice your integrity or morals to increase the bottom line, but the best businesses in the world understand the importance of keeping cash flow in the crosshairs.</p>
<p>Until recently, before they made deals with Google and Microsoft, <a href="http://twitter.com/">Twitter</a> was a great service, but a horrible business. Businesses have cash flows, side projects have people thinking they are running a great business.</p>
<h3>What Should Your Customers Expect?</h3>
<p>We had this discussion in the forums and I wrote about how many of the issues between designers and clients stem from the fact that the design doesn&#8217;t help to set the expectations of their client. Usually, a client is simply told they will get a great design for X amount of dollars. However, should they expect to be included in every step of the process? Will they need to do any work to make the job easier, for example produce content by a certain date?</p>
<p>You have to assume that you and your customers are never on the same page. Communication is key.</p>
<p>What happens if you do a mockup in Photoshop and don&#8217;t tell the client that the site might look different in different browsers? They will get upset because their expectations were that they would be getting what they saw in the mockup. Letting them know ahead of time that their design might not be 100% the same in each browser and explaining why helps to keep their expectations in check.</p>
<p>Most importantly, be realistic about the deadlines you set for yourself. Just because a piece of work seems easy in your head it doesn&#8217;t mean you should underestimate how long it will take. The client will expect that you will continue to iterate the design until it is to their liking, so if you don&#8217;t want to design forever, be sure to let them know that their budget allows them X amount of iterations.</p>
<p>As they say, under promise and over deliver.</p>
<h3>What Should Your Employees Expect?</h3>
<p>When I was part-owner of <a href="http://9rules.com/">9rules</a>, along with <a href="http://elixsir.com/">Tyme White</a> and <a href="http://flyosity.com/">Mike Rundle</a>, we ran into a major hurdle a year after the three of us started working together. We brought Tyme on later in the life of 9rules and at the beginning we provided her with some generalities of what we wanted from her and expected her to go out and perform. After a year of work we found that we were growing frustrated with what was being done.</p>
<p>After sitting down and talking we discovered that we had a set of expectations of the work she would do, while she did exactly what we told her. For some reason we felt that we could mentally pass over what we needed done by her without having to say it. Of course that doesn&#8217;t work and our failure to communicate as a team held us back.</p>
<p>Now with <a href="http://splashpress.com/">Splashpress Media</a>, we use <a href="http://basecamphq.com/">Basecamp</a> to maintain communication amongst all team members. Instead of being frustrated that a job isn&#8217;t getting done I make sure that my expectations for that person are clearly communicated. Once that is over and done with and the job still isn&#8217;t getting done, at least you know that you did your part.</p>
<p>As you do with your customers keep open communications with your employees. Never assume and if you have expectations of a specific job, make sure they just don&#8217;t stay in your mind. Always assume your employees have no idea what you are expecting of them.</p>
<h3>What Are Your Goals?</h3>
<p>Beyond getting rich what are your goals? I have a bad habit of setting goals in my mind and never achieving them not because I am incapable, but because I don&#8217;t write them down. You get to decide your future, but if you aren&#8217;t continually focused on that future then you are sure to miss it.</p>
<p>It&#8217;s a good idea to set goals that increase in iterations. Maybe in 30 days you receive your first 100 visitors and your first 90 days you get your first order. Setting goals will allow you to focus on what needs to be done to achieve them and if you miss one you can easily analyze what went wrong. They also help for the next part.</p>
<h3>Can You Stick With It?</h3>
<p>If you are lucky there won&#8217;t be any rough patches, but if you are successful and growing then there definitely will be. If you can persevere and stick with your business through the tough times then you have a decent shot at succeeding. However, don&#8217;t confuse perseverance with stupidity. There is a time and a place to know when you just aren&#8217;t cut out for running your own business or the business you are running isn&#8217;t good enough and you need to abandon ship.</p>
<p>It could be when you never seem to reach any of your goals or it could be when you are dead broke and get tired of eating Ramen every day. Either way, like gambling in a casino, there has to be a limit set for when you will bail out.</p>
<h3>Can You Maintain Your Integrity?</h3>
<p>Can you imagine what would happen if I had written about my <a href="http://www.drawar.com/articles/smashing-magazine-killed-the-community-or-maybe-it-was-me/39/" title="lists suck">distaste for list posts</a> and then my very next article was nothing but a simple Top 10 list? What about me complaining that <a href="http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/" title="ads suck">ads can kill a site</a> and the very next day you see 10 of them pop up? I&#8217;m not saying people can&#8217;t change their minds, but if you want your customers to trust you, they have to trust your integrity as well.</p>
<p>Your integrity many times is your reputation. You have to ask yourself if you can maintain your integrity even when times are bad. I could be an extremely rich person if I had gone through with some of the shadier deals that were offered to me during the 9rules days, but I couldn&#8217;t sell myself, my friends, my business partners or my community out like that. It isn&#8217;t easy maintaining your integrity when you are trying to put food on the table, but at the end of the day it allows you to sleep well at night. If you stick to your guns you will find that you have less regrets when looking back at the past.</p>
<h3>It Isn&#8217;t Easy</h3>
<p>I just wanted to remind you that it isn&#8217;t easy. I question myself all the time whether I am cut out to run a company, but at the end of the day I know what I am capable of doing. I understand my flaws that need to be improved and the strengths that I can focus on to keep me going. Hopefully you understand yourself well enough and can decide if you are capable of putting in long hours, experiencing many ups and downs, and possibly dealing with failure.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/learn-some-business/67/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Doing It Different Might Be Doing It Right</title>
		<link>http://www.drawar.com/articles/doing-it-different-might-be-doing-it-right/65/</link>
		<comments>http://www.drawar.com/articles/doing-it-different-might-be-doing-it-right/65/#comments</comments>
		<pubDate>Tue, 29 Dec 2009 17:53:04 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=65</guid>
		<description><![CDATA[
Everyday you wake up and follow the same routine. You put your clothes on the same way and only brush your teeth at certain times. When you start a design you go and look for inspiration and from that inspiration you start to come up with ideas. The logo goes in the upper-left corner, the [...]]]></description>
			<content:encoded><![CDATA[<div class="span-18 last post">
<p>Everyday you wake up and follow the same routine. You put your clothes on the same way and only brush your teeth at certain times. When you start a design you go and <a href="/gallery/">look for inspiration</a> and from that inspiration you start to come up with ideas. The logo goes in the upper-left corner, the navigation goes across the top and depending on what type of site you are designing, you either have a large image or two columns laid out nicely.</p>
<p>You know you could make the footer really cool with tons of information and you have to make sure that all the ways a person can subscribe (<a href="/feed/">RSS</a>, <a href="http://twitter.com/drawar/">Twitter</a> and email) to the site are in the upper-right corner. You could try something new, but what&#8217;s the point? These are all conventional methods that have been around forever and you know that your audience is use to them so there is no reason to change.</p>
<p>When it comes to client work there is absolutely no reason to even try pushing your limits anymore because every time you have tried in the past they shot you down. They want what their competitors have. You think of a great idea in your head and scrap it immediately out of fear of rejection.</p>
<p><a href="http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/">Ads</a>? Well, we all know what to do with them. Stick them in the sidebar, stack em up and collect the money. That is the only way to go about it and since that is how businesses pay you, why should you bother changing it? God forbid you move them around on different pages or just use <a href="http://decknetwork.net/" title="The Deck Ad Network">one ad slot</a> to show advertisers that this is a better way to get attention. Industry practices are your practices.</p>
<p>Maybe you are one of those designers that has reached the point of no return where you don&#8217;t even try to experiment anymore. Maybe your imagination has gone out the window. Design shouldn&#8217;t always be fun and you shouldn&#8217;t always have fun doing what you do for a living. When you first started you had a ton of crazy ideas of things you could do on the web, but eventually the system broke you down. Over time you started to conform and that uniqueness went away. <span class="pulledquote">I mean honestly, what is the point of trying something new if nobody accepts it?</span></p>
<blockquote>
<p>Having a hard time designing for yourself? Keep a list of frustrating things clients won&#8217;t let you do-then do those things on your own site.</p>
<p>													<cite><a href="http://twitter.com/chriscoyier/status/6256611612">@chriscoyier</a></em>
												</p></blockquote>
<p>However, what would happen if you designed a page and <a href="http://www.drawar.com/articles/minimalism-is-mandatory/51/">looked at every element</a> on it and decided that it was done wrong? What if you went to a competitor&#8217;s site and figured that even though they were a success, it could be done better? Do you think then you would look at your design and try to find ways to improve it even if you are following conventional methods? Maybe then you would throw out the conventional and play with the experimental.</p>
<p>There are times when the conventional method is the best method. I can&#8217;t tell you when that is or if that statement is even true. Perhaps it is only the best method because someone hasn&#8217;t come up with a better one yet. When &#8220;designing&#8221; this site (which is in a constant state of development) I had a hard time of coming up with a logotype. You see, I&#8217;m not good at picking fonts or laying out typography. I tried a number of different fonts and I didn&#8217;t like how any of them looked when they spelled <em>Drawar</em>. I figured the brand and identity of the site would show through the experience that the audience has here.</p>
<p>40,000+ people have come to the site in 30 days and nobody has mentioned a thing about it. I&#8217;m not sure if people notice it or they just don&#8217;t care, but maybe you don&#8217;t always need to blast your audience with what site they are on. Can&#8217;t they usually tell from the title bar anyways? There are no rules of design, just best practices that can be stretched, twisted and molded into your own creations.</p>
<p>What holds us back from pushing certain boundaries? Probably the fact that we don&#8217;t want to miss out on gaining more people or pissing off our clients. How many people do you chase away though because your site is no different than the rest? How mad would your clients be if they knew they weren&#8217;t getting everything you could offer? Sometimes it is okay to assume that everything that has been done before is wrong. This is how <a href="http://apple.com/">Apple</a> thinks and exactly the opposite of how <a href="http://microsoft.com">Microsoft</a> thinks.</p>
<h3>I Think I&#8217;ll Put The Ad In The Footer, Below The Copyright</h3>
<div class="floatright">
													<a href="http://idsgn.org/" title="idsgn"><img src="http://s3.amazonaws.com/drawararticles/wrong/idsgn/" alt="idsgn" /></a></p>
<div class="caption">idsgn</div>
</p></div>
<p>How often have you redesigned your blog and said you were tired of a two column layout, but stuck with it because it was the &#8220;right&#8221; thing to do? Plumbers have to do their job a certain way because plumbing is not about finding new ways to solve a problem. A pipe is broken so you fix it. Same with auto-mechanics. Designers though are given the ability to solve problems any way they want and yet most of them choose to solve the problem someone else&#8217;s way. Why put yourself in a creative profession when you are never creative?</p>
<p>It can be scary pushing your own limits. Nobody likes to try something and watch it fail, but instead of going back to the norm when it fails, why not try to see if you can make it work? How many success stories can you think of where someone said they did it exactly like the other guys and won? Want to see a site that is doing things differently both conceptually and from a design point of view? <a href="http://www.pictorymag.com/" title="Pictory">Pictory</a>. People will like it and they will copy it. They won&#8217;t win.</p>
<p>You aren&#8217;t bigger or better than <a href="http://smashingmagazine.com/">Smashing Magazine</a> because you tried to be exactly like them. You will never be as successful as <a href="http://zeldman.com/">Zeldman</a> because you followed his lead. To steal from <a href="http://elixsir.com/lets-take-an-objective-look-at-advice-entries">Tyme White</a>, Digg clones? See ya.</p>
<p><span class="pulledquote">Face it, you <a href="http://www.drawar.com/articles/you-are-not-a-designer-and-i-am-not-a-musician/55/">probably aren&#8217;t a designer</a> because you make 90% of your job copying, when 90% of your job should be imagining.</span> You wonder why you and your designs get drowned out and like to believe that the web is just too crowded, when in reality you just aren&#8217;t original. Everyone started where you are now and the leaders have always been the ones that innovated. They saw their own way to do something and followed that path. You figured that adding a slight curve to what has already been done would put you on top. It didn&#8217;t work and it shouldn&#8217;t have.</p>
<p>Seriously, when was the last time you pushed the envelope and tried something different?</p>
<p>I know, I know, after all this reading you are still going to tell me that sometimes you just have to do things the way people want you to do them and I agree. Can&#8217;t revolutionize every piece of work you do (or can you?), but that doesn&#8217;t mean you shouldn&#8217;t at least think about it. All designers, developers, online apps, etc. are fighting for their place on the web, but all of them are the same so the only thing they are fighting for is last place. When everyone has a knife, the guy with the gun will probably win.</p>
<p>In 2010 make an effort to push yourself and if you have to play it safe with clients, work on your own projects that let you do what you will. It&#8217;s okay to look around to see what others are doing, but that doesn&#8217;t mean it should be the way to go about it. We have reached a point of design saturation on the web where doing it right means you need to look at everything differently.</p>
<p>The goal of Drawar is to establish a brand that stands out from the rest of the design community. With so many sites and people around doing what everyone else does didn&#8217;t make any sense. Write articles/entries that come from your own mind and not that of other&#8217;s. Create designs that showcase your imagination and not something you learned in a book or saw in a gallery. 90% of the industry is more talented than I am and yet I get offers from people looking to see if I will design their sites, write articles for them and how they can work with me in the future. Develop an ego and understand that if you really believe you should be successful at whatever you are doing then you have to do it your way.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/doing-it-different-might-be-doing-it-right/65/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Designs of the Year: 2009</title>
		<link>http://www.drawar.com/articles/designs-of-the-year-2009/63/</link>
		<comments>http://www.drawar.com/articles/designs-of-the-year-2009/63/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 19:28:30 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=63</guid>
		<description><![CDATA[

Disclaimer
Reading this in a newsreader might be a bad idea, there are a lot of images.
I went through all of the 1100+ sites in the Drawar gallery and found the ones that did a little extra special. Although I like every design that is entered into the gallery, it doesn&#8217;t mean that there are things [...]]]></description>
			<content:encoded><![CDATA[<div class="span-24 last">
<div class="sideitemright">
<h3>Disclaimer</h3>
<p><em>Reading this in a newsreader might be a bad idea, there are a lot of images.</em></p>
<p>I went through all of the 1100+ sites in the <a href="/gallery/">Drawar gallery</a> and found the ones that did a little extra special. Although I like every design that is entered into the gallery, it doesn&#8217;t mean that there are things I wouldn&#8217;t change about them. With this selection of 15 sites I tried to pick the ones where I couldn&#8217;t find something I would change from a design perspective.</p>
<p>I followed each pick with some justification for why it was selected. Some go into more details than others. If you login to Drawar you can go through the gallery and create your own top list of 2009.</p>
<p>Indeed this is a list.</p>
</p></div>
<p>At times I probably come across as too cynical in regards to the state of design on the web. However, I have a great respect for a large amount of the work that is being done by people around the world. This can be seen by the many sites that I admire in the <a href="/gallery/" title="The Drawar website gallery">Drawar Gallery</a>. Like other galleries you come across on the web, they only go so far as to show you what sites a person likes, when many times people want to understand why a person likes a certain site. With this in mind I wanted to showcase some of my favorite designs of 2009 and provide some explanation as to why I have selected them.</p>
<p>What makes these sites special in my mind is that they don&#8217;t go overboard in trying to wow you. Their &#8220;wow&#8221; factor comes from the many subtle nuances that they provide. Many of them go unnoticed when you think about them individually, but when you combine them all they make for a memorable design. I can only hope that after going through these designs you to have a better appreciation of what it takes to bring together a cohesive design.</p>
<p><em>Note:</em> It is quite possible that some of these designs existed before 2009, however they were only added to the gallery in 2009 and therefore every design was open for selection. As we move forward to 2010 and beyond you should start to see sites included during the year they were made. Also, there is no point in asking me why I didn&#8217;t include a certain site, everyone will have their standouts, these were mine.</p>
</p></div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="sidlee"><a href="http://www.sidlee.com/" title="Sid Lee">Sid Lee</a></h3>
<div class="screenshot"><a href="http://www.sidlee.com/" title="Sid Lee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></div>
</p></div>
<div class="span-18">
<p>I am going to start this off with a Flash site. Flash has been on the way out for a couple of years now, but there are still plenty of good reasons to use it and if done correctly the results can be amazing. <a href="http://sidlee.com/">Sid Lee</a> is a great example of a Flash website done well.</p>
<p>What I love about this site is how well it flows. I never found myself questioning what I should do next because the site made me want to explore all of it. The choice of using black and white as the primary colors allow the actual work (portfolio) to stand out. The typography is easy on the eyes and the grid/layout throughout is well-structured.</p>
<p>Could most of this be done in XHTML/JavaScript? I&#8217;m sure it could be, but that doesn&#8217;t take away from the fact that this is simply a well-executed and superbly designed site. Even if you never intend on using Flash for a website don&#8217;t let this take away from the fact that you can learn a lot from this site. Unlike many other Flash sites, the ones that give Flash a bad rep, this one isn&#8217;t in your face. If more Flash sites were done like this, the world wouldn&#8217;t have such a distaste for it.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="billytamplin"><a href="http://www.billytamplin.com/" title="Billy Tamplin">Billy Tamplin</a></h3>
<div class="screenshot"><a href="http://www.billytamplin.com/" title="Billy Tamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></div>
</p></div>
<div class="span-18 last">
<p>Blog design isn&#8217;t easy. You might think I am insane for saying so, but with so many great blogs out there filled with wonderful designs it is a huge challenge to create a design that is memorable. <a href="http://www.billytamplin.com" title="Billy Tamplin">Billy Tamplin</a> is able to pull of this feat while also producing some great content. If you read <a href="http://www.drawar.com/articles/minimalism-is-mandatory/51/" title="Minimalism in design"><em>Minimalism is Mandatory</em></a> you can understand how it can be hard for a designer to create an intriguing design without over-designing it. Nothing on this site seems forced and I can justify why every design decision was made from the huge images unique to each post to the typography and box borders implemented.</p>
<p>Not only does he go with a dominant colored scheme (blue), but he pulls it off while using a background pattern that runs throughout the site.</p>
<p>The navigation isn&#8217;t unique, but the tabbed backgrounds are and it is something as a user you wouldn&#8217;t notice for longer than a couple of seconds, but something you won&#8217;t forget.</p>
<p>My biggest gripe would have to be the flash of the typography when the browser is loading the appropriate font. There are more and more techniques to improve the load time of externally loaded fonts and I hope that this site implements them soon.</p>
<p>Did I mention I love how each entry has it&#8217;s own achievement icon? I did? Well I do and I love it. Sit down and actually look at every piece of the site and while many of the elements don&#8217;t stand out to you immediately, hopefully you can see that when they are all combined they make for one spectacular design.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="sourhaze"><a href="http://sourhaze.com/ep1/">Sourhaze: EP 1</a></h3>
<div class="screenshot"><a href="http://sourhaze.com/ep1/"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></div>
</p></div>
<div class="span-18 last">
<p>I want you to take a second and think of all the musician-based websites that you have been to and let me know if you found the same trend of loud music, crappy Flash and an overabundance of too much going on as I have. If the purpose of a music website is to sell music, many of them fall short of their goal. <a href="http://sourhaze.com/ep1/"><em>Sourhaze</em></a> on the other hand presents you with a design that is soothing and only presents to their audience what they deem is necessary.</p>
<p>If you are going to sell music, give us the music. This website shows you the tracks front and center. You get a short description and a buy button that doesn&#8217;t overwhelm you.</p>
<p>The real beauty of this design though is how it perfectly matches the type of music <em>Sourhaze</em> is selling. The background gradient is smooth and asymmetrical and instead of trying to be a dominant element in the design it does what backgrounds do best, stay in the background.</p>
<p>I guarantee if more music websites were this focused on their designs, they would sell more music.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="tweetcc"><a href="http://tweetcc.com/" title="tweetCC">TweetCC</a></h3>
<div class="screenshot"><a href="http://tweetcc.com/" title="tweetCC"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></div>
</p></div>
<div class="span-18 last">
<p>First let me state that <a href="http://www.stuffandnonsense.co.uk/">Andy Clarke</a> is an ass with a horrible sense of fashion who just happens to have a rare eye for great design (/laughter). Now that I got that out of the way <a href="http://tweetcc.com/" title="tweetCC">this site</a> is a great example of how effective CSS3 will be in the future for helping designers realize their visions on the web. Before you take another step and being your bitching and moaning of how most users won&#8217;t be able to see these effects let me tell you that I really don&#8217;t care. While I do believe that everyone deserves equal access to websites, I don&#8217;t feel that everyone has to view them the exact same way. You don&#8217;t complain about everyone in the world not being able to drive a Bentley, but you would be even more upset if everyone wasn&#8217;t given the right to buy a car. <span class="pulledquote">To hold off on creating a great site because some people won&#8217;t see all of its effects doesn&#8217;t make much sense.</span> Push the limits of your design with the technologies presented to you and sometimes you will have to wait for the world to catch up. So what.</p>
<p>The background changes with every page refresh, which isn&#8217;t a necessary addition, but one that if you notice goes a long way in helping you appreciate the time and effort it took to put this site together. Not too often are we able to go to a site and fall in love with the typography of it all, but when the reason the page leaps off at you is because of the typography, then you have a great site.</p>
<p>Another site done by Andy that follows the same trends is <a href="http://forabeautifulweb.com/"><em>For A Beautiful Web</em></a>.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="mica"><a href="http://www.mica.edu/" title="MICA">Maryland Institute College of Art</a></h3>
<div class="screenshot"><a href="http://www.mica.edu/" title="MICA"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></div>
</p></div>
<div class="span-18 last">
<p>No reason to beat around the bush here, the majority of college and university websites suck. I hated going to my school&#8217;s website because even though I had been there a million times before I always had a hard time finding what I needed and reading the small words hurt my eyes. MICA is a great example of a educational website that gets the right message across. It wouldn&#8217;t be too good if a college of art couldn&#8217;t produce a site that matches the quality of its education, but MICA doesn&#8217;t have to worry about that.</p>
<p>Not too long ago I came across an article (since taken down) that talked about the negatives of using a grid-based layout and one of the negatives was that grids are too restrictive. This obviously isn&#8217;t true. The only restriction is the imagination of the designer. MICA uses a grid structure, but you never get the impression that the designer(s) felt constrained. In fact, you get the feeling that they embraced the grid and wanted to push it as far as they could while still maintaining a solid structure.</p>
<p>The images don&#8217;t overwhelm you and I love having the logo and navigation, typical header elements, more in the middle of the page. If more colleges pushed harder on their design then you would probably see an increase of students looking to enroll.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="idsgn"><a href="http://www.idsgn.org/" title="idsgn">idsgn</a></h3>
<div class="screenshot"><a href="http://www.idsgn.org/" title="idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></div>
</p></div>
<div class="span-18 last">
<p>Not sure what I can say about this design that hasn&#8217;t already been said by others. When I think about what a design blog should be, this is what I envision. A design blog that places emphasis on its design realizing that the content is the design. Too often we come across design blogs that try to show off the skills of the designer outside of the content they are trying to present. Flashy background images, huge pictures that have nothing to do with the site or some out of this world JavaScript that does nothing more than to move a box two pixels.</p>
<p><em>idsgn</em> rolls out the red carpet and gets out of the way of the content.</p>
<p>With this design it is the attention to detail that helps this site rise above others. The typography is great and the buttons and icons shown throughout are beautiful yet understated. Blockquotes are great and how images are used in each post are something I enjoy.</p>
<p>There is even an ad <a href="http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/">that doesn&#8217;t kill the design</a>. If you run a design blog, take the time to look this one over and understand the importance of paying attention to the little details. I know I can learn a lot and apply it here on <em>Drawar</em>.</p>
<p>My only issue and this is the same one I had with Billy Tamblin and that is the flash of typography that occurs at the end of the page load.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="trails"><a href="http://tnvacation.com/trails/" title="Tennessee Vacation Trails">Tennessee Vacation Trails</a></h3>
<div class="screenshot"><a href="http://tnvacation.com/trails/" title="Tennessee Vacation Trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></div>
</p></div>
<div class="span-18 last">
<p>This year was a great year for JavaScript junkies looking to push the envelop of what could be accomplished on the web. The team over at <a href="http://www.designsensory.com/"><em>Designsensory</em></a> never seem to disappoint with their sites for <a href="http://www.drawar.com/tags/tennessee">Tennessee</a> and this one is no exception.</p>
<p>It amazes me that Flash isn&#8217;t used on this site, but good ol&#8217; JavaScript. It really starts to push the developer&#8217;s imagination. However, this site isn&#8217;t all about what is happening under the hood, the frontend is just as beautiful.</p>
<p>Not too often do we get to let pictures be the actual content to a site and when we do get the chance, many times we go over the top. <em>Designsensory</em> has done a great job of using imagery to draw the audience in and encourage them to explore. The site itself is intuitive, so the lack of too much verbose content is a plus on the design of things. And I always like to give props to a designer when they can make <a href="/tags/brown">brown</a> work on a site.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="bobulate"><a href="http://bobulate.com/" title="Bobulate">Bobulate</a></h3>
<div class="screenshot"><a href="http://bobulate.com/" title="Bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></div>
</p></div>
<div class="span-18 last">
<p>Maybe it&#8217;s because the web and specifically the blogging scene have changed so quickly, but when you come across a site that is a page filled with nothing but the content that should be read it is refreshing. These type of sites used to exist all over the place, but then people wanted to monetize their sites and that led to a change in design decisions. Quickly, blog design became more about showcasing past content and trying to encourage the user to click to a new page even if they hadn&#8217;t read the content yet than the present content that should be shown now.</p>
<p><em>Bobulate</em> is exactly what your eyes see, but the beauty in its design is probably understated more than we like to admit. These types of designs are deceptive because we look at them and immediately say that we could design something like it, but the same can be said of drawings when we place a piece of paper over them and trace the lines. If so many of us are capable of producing such beauty then you have to wonder why we don&#8217;t see it.</p>
<p>From the typography to the color choices, this site just seems as though every decision made was the right one for the site and the content it encapsulates. Like <em>tweetCC</em> the typography and therefore content, <strong>is the design</strong>. Do you look at the site and feel that it is missing something or more should be added to it? I don&#8217;t and to me that is what makes it so beautiful.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="pikaboo"><a href="http://pikaboo.be/" title="pikaboo">pikaboo</a></h3>
<div class="screenshot"><a href="http://pikaboo.be/" title="pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></div>
</p></div>
<div class="span-18 last">
<p>I might not ever say this again, but as designers, developers, UX people, IA/IDs and web people, I think sometimes we either put too much emphasis on the structure of the site or maybe we just overthink it. Sometimes a site should be exactly what it is meant to be. If you are creating a site to showcase the work you have done, then let the work be the site. How many times have you seen the site of a design agency filled with words that you didn&#8217;t bother to read? It happens all the time.</p>
<p>When you are looking at a portfolio what do you wish to see? The actual portfolio right? <em>pikaboo</em> provides that front and center. Sure the site won&#8217;t win any SEO awards, but many times you don&#8217;t need to be great at SEO, especially if you have a beautiful site like this. Each time I visit the site (every couple weeks/months) I am presented with a new background. How often do we finish a site and leave it till we decide to do a complete redesign?</p>
<p>The navigation and sub-navigation are apparent, but not blatantly in your face that they take away from the actual content. Working with so many images you have to be careful since you can easily create a distraction for your users, but here I think they pull it off pretty well. In the majority of cases I prefer the background to be kept in the background, but it is the background and how it is used that continues to draw me back to this site. Wonderful.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="area17"><a href="http://www.area17.com/" title="area 17">Area 17</a></h3>
<div class="screenshot"><a href="http://www.area17.com/" title="area 17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></div>
</p></div>
<div class="span-18 last">
<p>Again, sometimes you look at a site and you tell yourself you could easily produce something of the same quality and yet rarely does it happen.</p>
<ul>
<li>white space</li>
<li>typography</li>
<li>clean</li>
<li>grid</li>
<li>colors</li>
</ul>
<p>It all works with this design. Nothing feels out of place and nothing feels like it needs more.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="sva"><a href="http://interactiondesign.sva.edu/" title="School of Visual Arts">School of Visual Arts</a></h3>
<div class="screenshot"><a href="http://interactiondesign.sva.edu/" title="School of Visual Arts"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></div>
</p></div>
<div class="span-18 last">
<p>As I mentioned with <a href="#mica"><em>MICA</em></a>, you would be hard-pressed to find an educational website that has a quality design behind it. Fortunately, The School of Visual Arts gets it right with their design.</p>
<p>When I say the pieces all seem to fit together with a site this is a great example. I&#8217;m not sure if it&#8217;s the logo or the red and blue that get me, but something (if not something, then everything) just continues to pull me towards this site. Some images could have definitely been applied to the design to showcase some of the work being done by students and faculty, but I never found myself looking for any. When you can pull off a great design without the use of images and simply through a use of proper white space, typography and a grid, then you are doing things right.</p>
<p>Not every great design jumps off the page at you as the most brilliant piece of art ever, but when does it have to be like that? Sometimes the best designs are the ones that can last over long periods of time and to me this design can last them through the next decade.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="blik"><a href="http://www.whatisblik.com/" title="Blik">Blik</a></h3>
<div class="screenshot"><a href="http://www.whatisblik.com/" title="Blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></div>
</p></div>
<div class="span-18 last">
<p>Chaotic beauty is a term I like to use when I see something that seems as though it was thrown together, but within the chaos you find reason. <em>Blik</em> appears at first glance to be all over the place, but in deep inspection it isn&#8217;t. What amazes me is that this is an e-commerce site that doesn&#8217;t try to push itself as one.</p>
<p>I love the strong use of photography to showcase the actual products. I love the different boxes to showcase varying sections of the site. Notice the subtle use of a background image and how parts of the header and footer leap off the page like a post-it note on a wall.</p>
<p>Next year you best believe I will be purchasing many of their products.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="mission"><a href="http://www.missionbicycle.com/" title="Mission Bicycle Company">Mission Bicycle Company</a></h3>
<div class="screenshot"><a href="http://www.missionbicycle.com/" title="Mission Bicycle Company"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></div>
</p></div>
<div class="span-18 last">
<p>In my opinion e-commerce sites are the hardest sites to design for because in your mind you are thinking about everything you want to say to your audience, but the power lies in how much can you hold back. With <em>Mission</em> I feel as though I am being told a story and not having a product being thrust upon me.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="ia"><a href="http://informationarchitects.jp/" title="iA">iA</a></h3>
<div class="screenshot"><a href="http://informationarchitects.jp/" title="iA"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></div>
</p></div>
<div class="span-18 last">
<p>This might be the one site on the web that comes to mind when someone asks me about a great example of white space. Nobody has ever asked me that question before, but I like to be prepared for when they do.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last bestof">
<ul class="bestoflist">
<li><a href="#sidlee"><img src="http://s3.amazonaws.com/drawargallery/item/1126/" alt="Sid Lee" /></a></li>
<li><a href="#billytamplin"><img src="http://s3.amazonaws.com/drawargallery/item/1071/" alt="Billy Tamplin" /></a></li>
<li><a href="#sourhaze"><img src="http://s3.amazonaws.com/drawargallery/item/792/" alt="Sourhaze: EP 1" /></a></li>
<li><a href="#tweetcc"><img src="http://s3.amazonaws.com/drawargallery/item/849/" alt="TweetCC" /></a></li>
<li><a href="#mica"><img src="http://s3.amazonaws.com/drawargallery/item/543/" alt="MICA" /></a></li>
<li><a href="#idsgn"><img src="http://s3.amazonaws.com/drawargallery/item/309/" alt="idsgn.org" /></a></li>
<li><a href="#trails"><img src="http://s3.amazonaws.com/drawargallery/item/1033/" alt="Tennessee Vacation Trails" /></a></li>
<li><a href="#bobulate"><img src="http://s3.amazonaws.com/drawargallery/item/1013/" alt="Bobulate" /></a></li>
<li><a href="#pikaboo"><img src="http://s3.amazonaws.com/drawargallery/item/961/" alt="pikaboo"></a></li>
<li><a href="#area17"><img src="http://s3.amazonaws.com/drawargallery/item/196/" title="Area 17" /></a></li>
<li><a href="#sva"><img src="http://s3.amazonaws.com/drawargallery/item/924/" alt="School of Visual Arts" /></a></li>
<li><a href="#blik"><img src="http://s3.amazonaws.com/drawargallery/item/558/" alt="Blik" /></a></li>
<li><a href="#mission"><img src="http://s3.amazonaws.com/drawargallery/item/324/" alt="Mission Bicycle Company" /></a></li>
<li><a href="#ia"><img src="http://s3.amazonaws.com/drawargallery/item/922/" alt="iA" /></a></li>
<li><a href="#mix"><img class="currentbestof" src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></li>
</ul>
<h3 id="mix"><a href="http://visitmix.com/" title="MIX Online">MIX Online</a></h3>
<div class="screenshot"><a href="http://visitmix.com/" title="MIX Online"><img src="http://s3.amazonaws.com/drawargallery/item/1163/" alt="MIX Online" /></a></div>
</p></div>
<div class="span-18 last">
<p>Scroll down to the footer and you will see a word there that you aren&#8217;t used to seeing when it comes to great design: <em>Microsoft</em>. I am going to be lazy here and avoid going into detail and just tell you that you should explore this site and pay close attention to everything. Personally, I am naming this one my site of the year.</p>
</p></div>
<div class="span-18 last">
<h3>On to 2010&#8230;</h3>
<p>With each new year brings another set of innovations and trends and hopefully we can build upon the great progress that was made in 2009. Although the majority of the sites out there still look horrible, it seems more and more companies are becoming aware of the importance of great design on their sites. As designers, this doesn&#8217;t mean we should slack of and stop carrying the design banner, it simply means we have to push harder for what we believe in. Here is to a wonderful 2010.</p>
<p>Please share your favorite designs of 2009 and why they stood out to you and don&#8217;t forget to spread this article around. It wasn&#8217;t easy making these big images.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/designs-of-the-year-2009/63/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t Let Ads Kill Your Site</title>
		<link>http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/</link>
		<comments>http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 18:28:03 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=61</guid>
		<description><![CDATA[









&#160;

I&#8217;m not sure when it occurred or why it happened, but somewhere along the way I started to look at every ad on the web that I came across. I became fascinated by these banners no matter their size. I was left in wonderment as to why anyone would plaster so many ads on a [...]]]></description>
			<content:encoded><![CDATA[<div class="span-24 last post">
<ul class="uglyadslist">
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/1/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/3/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/4/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/6/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/8/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/11/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/12/" /></li>
</ul>
<div class="clear">&nbsp;</div>
<div class="columns">
<p>I&#8217;m not sure when it occurred or why it happened, but somewhere along the way I started to look at every ad on the web that I came across. I became fascinated by these banners no matter their size. I was left in wonderment as to why anyone would plaster so many ads on a site knowing they have to be distracting to their audience. Actually, that is a lie, it is obvious why sites do it and it is because people pay them to. A better question is why does there have to be so many?</p>
<p>Couldn&#8217;t you simply have less ads and sell them at a higher rate? It seems to work really for <a href="http://decknetwork.net/" title="The Deck">The Deck</a> and <a href="http://fusionads.net" title="Fusion Ads">Fusion Ads</a>. I guess the problem is most advertisers don&#8217;t want to pay a premium to be placed on your website so you lower the price and to make up for the money you think you are losing you put more ads up believing it doesn&#8217;t hurt anyone. In the short term you are probably right, but eventually your ad placing habits will become an addiction and your readers will start to notice.</p>
<p>If you can keep on producing content they enjoy they might not mind them, <a href="http://techcrunch.com" title="TechCrunch">TechCrunch</a> is a great example, but everyone has a breaking point and most of the time you won&#8217;t notice what the breaking point of your audience is because you are too busy counting the dollars. Sooner or later though you will notice them leaving and when they leave, the ad dollars start to go with them. I mean, do you really need to squeeze out another dollar? If you think you do then shouldn&#8217;t you be focused on other ways to make money with the audience you have worked so hard to gain?</p>
</p></div>
<ul class="uglyadslist">
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/22/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/23/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/13/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/14/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/16/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/17/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/18/" /></li>
</ul>
<div class="clear">&nbsp;</div>
<div class="columns">
<p>You do realize that there is only so much money to go around right? Of course you do and that is why you make sure to sell your ad space at a very low price. The other day I came across a website that was selling six ad spaces for $10 a piece. One space was bought so there were five empty spaces sitting on this poor site. Not only was the person selling at a price that seemed useless, but instead of actually looking at the site I couldn&#8217;t stop looking at the blank ad spaces.</p>
<p>Isn&#8217;t it safe to assume that the ad market is always saturated to the point of explosion? You really think that when you start to build up your site that advertisers are going to come knocking down your door? They already have the traffic they want and probably aren&#8217;t even happy with the conversion rate they are getting.</p>
<p>What&#8217;s that? You thought when businesses spend money on advertising they are always happy with the results? You are so silly. Most companies are happy if they get a 1% click through rate on their ads and they are lucky to get that on a site that features 28 of their competitors. Not only do you have to keep your audience happy, but you also have to keep the advertisers happy. They want to be in front of your audience, but what good does it do them if nobody clicks? They know they are getting horrible results, but continue to advertise with you because their competition does.</p>
<p>What if one day a site came along that reached the same audience as you and could promise a better click through rate? You don&#8217;t think an advertiser would love to jump at an opportunity like that? They could leave their competitors to fight for scraps on your site while they get primetime real estate on another site. Don&#8217;t worry though, this scenario will never happen to you because you have been rolling 4-5 digits deep every month for a very long time.</p>
</p></div>
<ul class="uglyadslist">
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/24/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/25/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/26/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/27/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/28/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/29/" /></li>
</ul>
<div class="clear">&nbsp;</div>
<div class="columns">
<p>You might have started a website because you wanted to reach people. Maybe you had other reasons, but know that over time your audience will become aware of what your true intentions are (look at the advertising models of <a href="http://digg.com/" title="Digg">Digg</a> vs. <a href="http://reddit.com/">Reddit</a>). If you are simply there to make money, both your content and design will reflect that and people will catch on. Eventually, it gets to the point where you become a dinosaur in your own industry. A graveyard site that people only refer to when they talk about the glory days.</p>
<p>It doesn&#8217;t have to end up like that. If you truly care about your audience and you want to stick to the initial goals you had when you started the website then you have to get creative. Keep in mind that more isn&#8217;t always more. <a href="http://37signals.com/" title="37signals">37signals</a> proves that with their products as well as <a href="http://apple.com" title="Apple computers">Apple</a>.</p>
<p>Maybe you could produce an e-book every 6 months or year with all the great content you have produced. <a href="http://www.smashingmagazine.com/2009/12/03/smashing-book-its-out-now/">Smashing Magazine</a> wrote a paperback book and although I don&#8217;t know how many they have sold you almost have to assume it is a lot. You could create a premium section of your site for people to subscribe to. Maybe your site does a great job of producing leads for your design business and if that is the case try not to get greedy. It is hard for potential customers to understand if you are just writing a blog with advertisements or if you actually do provide design services.</p>
<p>I understand the need to have advertising on a site so this isn&#8217;t a blast against sites that make top dollar with advertising. This is a plea asking them to take a step back and look at their sites to see if advertising has become the dominant content on their site. Have you ever tried to read an issue of <em>GQ</em>? It&#8217;s impossible because every other page is an ad. Some sites can get away with this and there is a good chance that yours isn&#8217;t one of them.</p>
</p></div>
<ul class="uglyadslist">
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/37/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/40/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/42/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/43/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/44/" /></li>
<li><img src="http://s3.amazonaws.com/drawararticles/uglyads/46/" /></li>
</ul>
<div class="clear">&nbsp;</div>
<div class="columns">
<p>I might be the naive one though when it comes to ads. I know savvy users can use an add-on such as <a href="https://addons.mozilla.org/en-US/firefox/addon/1865">Ad-Block Plus</a> to prevent showing any ads on a page, but I like to think that there is a compromise that makes all parties (advertisers, site owners, audience) happy. Is it wrong to assume you could charge more by putting up less ads? As an advertiser what is the breaking point when you say enough is enough and avoid a site because there are too many ads?</p>
<p>If you think I went a bit overboard with how may ads are on this page, haven&#8217;t you visited a site before and felt just as overwhelmed? I won&#8217;t even get into the fact that the majority of ads are poorly designed and offer me no incentive to click. If you are going to be one ad in a million at least do your best to lure potential customers in. Having an ad up just because you know you should market your product defeats the whole purpose of marketing.</p>
<p>Enough talk though, I am going to try something different. I am going to put an ad up on this site starting in 2010. It will be just one ad space for the whole year. No other ads will be shown. However, having the same ad every single day doesn&#8217;t help an advertiser because people start to tune it out and I would get annoyed myself seeing the same ad continuously. So the ad will be a different ad every single day. Instead of buying the space for a month you can buy it for a day.</p>
<p>To avoid having to worry about pricing, the rate of the ad will increase with the growth of the site. $1 is added to the rate every day so January 1 will be $1 and December 31 will be $365. You could be front and center of the Drawar commuity for $1. I don&#8217;t plan on selling out every day of the year so to help others in the industry I will fill those empty days with an ad for a site, person or charity I admire.</p>
<p>I have nothing against sites like <a href="http://buysellads.com">BuySellAds</a> that put money in the pockets of great sites. I wish they were around 6 years ago. I just have a bad habit of thinking there is more than one way to do something so this will be my way. For an industry full of creatives there doesn&#8217;t seem to be too much creativity going around, we can fix that together.</p>
<p><em>Interested in purchasing an ad space on Drawar? Check out the <a href="/advertise/">Advertise</a> page for details.</em></p>
</p></div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/dont-let-ads-kill-your-site/61/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>You Are Not A Designer And I Am Not A Musician</title>
		<link>http://www.drawar.com/articles/you-are-not-a-designer-and-i-am-not-a-musician/55/</link>
		<comments>http://www.drawar.com/articles/you-are-not-a-designer-and-i-am-not-a-musician/55/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 18:47:27 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=55</guid>
		<description><![CDATA[
Going through the Drawar Gallery, a majority of the sites are portfolios for design studios and freelancers. When I come across these sites I like to look at the other work done by the designer to see if there are other sites I can draw inspiration from and include in the gallery. Rarely do I [...]]]></description>
			<content:encoded><![CDATA[<div class="span-16 post">
<p>Going through the <a href="/gallery/" title="Drawar Website Gallery">Drawar Gallery</a>, a majority of the sites are portfolios for design studios and freelancers. When I come across these sites I like to look at the other work done by the designer to see if there are other sites I can draw inspiration from and include in the gallery. Rarely do I find any. This can&#8217;t just be a case of clients ruining the work of a designer, this seems more like a case of one hit wonders.</p>
<p><span class="pulledquote">Then it hit me. What if the majority of designers out on the web, aren&#8217;t really designers at all?</span></p>
<p><a href="http://designobserver.com/" title="Design Observer">Design Observer</a> does a wonderful job of taking a very low level approach to design. You have to know your stuff to really gain an appreciation for what the authors of the site talk about. How many of you out there read everything that comes from them? There was a <a href="http://www.qbn.com/topics/615636/">discussion on QBN</a> not too long ago that included one of my articles and one of the points brought up is that the print design and web design communities are separated because web designers aren&#8217;t really designers at all. That struck me as pretty strange because immediately I started calling out names in my head of web designers that I knew with print backgrounds and ones that could definitely go toe-to-toe with the great print designers. Beyond that you have an over-abundance of people selling services as a designer, when they know almost nothing of design.</p>
<p>Call them armchair designers if you want. Call them people that see a trend on the web and make sure to follow it on their next design no matter what the requirements are. Call them people who hit the galleries for inspiration and leave with a little too much inspiration if you catch my drift.</p>
<p>When <a href="http://subtraction.com/" title="Subtracton: Khoi Vinh">Khoi Vinh</a> and <a href="http://www.markboultondesign.com/" title="Mark Boulton">Mark Boulton</a> talk about designing with a grid it is a wonderful thing, but does anyone else find it shocking that so many people treat the grid as if it were something new? For example, here is a comment I found while reading another designer&#8217;s blog.</p>
<blockquote>
<p>Can you go into detail on &#8220;the grid&#8221;? I don&rsquo;t think I&rsquo;ve ever heard a designer mention that before&#8230; and now I&rsquo;m interested. How can I use it to my benefit my designs? I&rsquo;ve always made my designs by color and just what I feel looks right&#8230; never with a grid system.</p>
</blockquote>
<p>I find it hard to believe that someone in this profession doesn&#8217;t know what a grid is or how to use it. I didn&#8217;t go to school for design, but when I thought I might get paid for some design work I made sure to dive head deep into the many great books on design out there. I became a student of design. How many designers know about kerning and the psychology behind colors? How many designers understand the principles of typography and white space? You ever wonder why articles on these subjects are so popular? It&#8217;s because 90% of the web design community don&#8217;t know about these subjects.</p>
<p>Back in 2007, <a href="http://www.airbagindustries.com/archives/airbag/help.php">Greg Storey</a>, wrote a cry for help asking for more qualified designers. There are plenty of people who can chop up a design in XHTML/CSS. Hell you can outsource that for a couple hundred dollars. There are plenty of people who can AJAX-ify your interface to increase the user experience. There are plenty of people who can create a design that looks nice.</p>
<p>The problem is, how many people can design solutions to fix the problems a site has? How many people can take the ideas of their client and translate them properly to the screen? How many designers can look past <a href="http://www.ideasonideas.com/2008/02/fuck_style/" title="fuck style">their own style</a> and design a site that fits the current project?</p>
<p>There aren&#8217;t many. <span class="pulledquote">There aren&#8217;t many people that treat design as an art and passion that must constantly be improved.</span> There aren&#8217;t many people that understand design is a craft that should be studied and poured over until you get tired of it and then you get up and do it again. There aren&#8217;t many people that understand what design is and yet wish to call themselves designers.</p>
<p>I am by no means a designer. If someone were to come up to me and I knew they needed a graphically rich website with vibrant colors, there is no way I could produce that for them. I do my own sites because I only have one style and work with limited colors and keep myself constrained to the graphical properties of CSS. I am no designer. To be honest, most of the people out there are no better than me and yet they want the big bucks. They want the glory. They want to know why their site didn&#8217;t make it into the gallery (do galleries even reject sites anymore?).</p>
<p>No, you are not a designer. You are someone that can piece together some stuff in Photoshop or add the right pieces of code in XHTML/CSS. You aren&#8217;t the person that creates experiences. You aren&#8217;t the translator of ideas that people never thought could be produced visually. You aren&#8217;t the person that can toss their own style to the curb and come up with something even greater because of it.</p>
<p>But you could be. Maybe. Just take the time to study like the greats before you. Push your limits. Test your boundaries. Designers like to work within their comfort zone because they know what they will like. Make something ugly to help you come up with some ideas on how to make something beautiful. When you need inspiration create your own.</p>
<p>A great point was made by <a href="http://elixsir.com">Tyme White</a> in the <a href="/forums/" title="Drawar Community Forums">forums</a>.</p>
<blockquote>
<p>Ever walk into an art museum and you see the pretty paintings, then you come across one that looks like a kid threw a wet paintbrush at the canvas? You stand there wondering why that painting is there&#8230;you could have done it. Then some art enthusiast walks by and mentions how the painting is actually millions of dots made to look like splashed paint. You might wonder why someone would create a piece of art like that but you understand WHY the painting is there. </p>
<p>																<cite><a href="http://www.drawar.com/forums/14/any-design-galleries-worth-visiting-anymore/#reply-216">Tyme White</a></cite>
															</p></blockquote>
<p>Look at the designs that inspire you and even the ones that don&#8217;t and try to understand what part of them appeals to you. To simply say you like the colors doesn&#8217;t help you as a designer. Question why that particular color combination works for that design. Figure out if the fonts used were the best choice. Even when you <strong>know</strong> design, you are always learning design.</p>
<p>You can become a true web designer if you work at it, just not many people out there really have that desire. I know you do though.</p>
<p>Next week I will be going over the Top 5 (gasp, a useful list) Website Designs that I found this year and when I say &#8220;going over&#8221; I mean actually looking at them and discussing why I like them. So be sure to <a href="/feed/" title="Drawar RSS Feed">subscribe to our feed</a> or <a href="http://twitter.com/drawar/" title="Drawar's Twitter">follow us on Twitter</a> because you won&#8217;t want to miss it.</p>
</p></div>
<div class="span-7 prepend-1 last sidestuff">
<p>I wrote this entry two years ago on another site and have revised it to match my current opinions. Here are some of the comments from that original entry.</p>
<blockquote>
<p>Designers do so much more than put objects on a page. A true designer solves design problems on a form v. function continuum. They create problems to be solved. They break through boundaries never even perceived before they broke through.</p>
<p>I am not a designer. Not yet anyway. I can put together a decent website, and I can answer to my clients needs. I can make my client’s cheezy and all together cliché ideas and turn them into something pleasing for their customers to browse, but I am not a designer. I have a long way to go before I solve any problems, before I create something truly unique, before I move the design world in any one direction.</p>
<p>																<cite><a href="http://www.sevenworks.ca/">Reggie</a></cite>
															</p></blockquote>
<blockquote>
<p>I don’t think a title should be used unless the experience, employed position or education is there to back it up. If that isn’t the case, then I am a painter. I am an illustrator. I am a writer. I am a print specialist. I am a computer technician. I am an accountant. Really. I am a nutritionist. I am a novelist. I am a journalist. All true</p>
<p>																<cite>Stevie</cite>
															</p></blockquote>
<blockquote>
<p>“Designer” isn’t just a word, its a concept. “Plumber” is a word that inspires confidence that the individual posesses the expertise needed to successfully install and troubleshoot the plumbing in a building or structure. This isn’t simply knowing how to lock pipes together with putty and a wrench. In this same vein, “Designer” inspires a certain confidence that the individual has spent time not just perfecting the technical aspects of web creation but additionally has the ability to envision an entire solution that addresses both aesthetic and functional concerns. This simply doesn’t happen (not as often as the webdesign awards would have us think) without some education (formal is my preference, critique is so important) of practical design elements.</p>
<p>																<cite>Kate</cite>
															</p></blockquote>
<blockquote>
<p>On one hand you’ve got the group that can play an instrument with technical perfection, but not know anything about music other than how to read which note they need to play. In fact, there’s a lot of people that play in bands and have no idea how to even read music. These would be the people that can execute a design without creating something new (or tailored to the situation/site.)</p>
<p>Then there’s the other group that understands the how and the why of the music. These are the ones who can hear a piece and come up with the harmony line, or a counterpoint to the melody. They can immediately play a complimentary riff over a chord progression, or find a substitution in that progression that creates more interest. These are the true designers.</p>
<p>																<cite><a href="http://www.makesitgood.net/">Alex</a></cite>
															</p></blockquote>
<h3>Invaluable Books</h3>
<ul class="books">
<li><a href="http://www.amazon.com/gp/product/1592530079?ie=UTF8&#038;tag=drawar-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=1592530079"><img src="http://s3.amazonaws.com/drawar/assets/books/universalprinciplesofdesign/" alt="Universal Principles of Design" /></a><img src="http://www.assoc-amazon.com/e/ir?t=drawar-20&#038;l=as2&#038;o=1&#038;a=1592530079" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
																</li>
<li><a href="http://www.amazon.com/gp/product/3721201450?ie=UTF8&#038;tag=drawar-20&#038;linkCode=as2&#038;camp=1789&#038;creative=9325&#038;creativeASIN=3721201450"><img src="http://s3.amazonaws.com/drawar/assets/books/gridsystems/" alt="Grid Systems" /></a><img src="http://www.assoc-amazon.com/e/ir?t=drawar-20&#038;l=as2&#038;o=1&#038;a=3721201450" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />
																</li>
</ul></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/you-are-not-a-designer-and-i-am-not-a-musician/55/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Minimalism Is Mandatory</title>
		<link>http://www.drawar.com/articles/minimalism-is-mandatory/51/</link>
		<comments>http://www.drawar.com/articles/minimalism-is-mandatory/51/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 18:01:48 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=51</guid>
		<description><![CDATA[

(Note: I&#8217;m playing with the CSS3 column element for this article.)
Last week I caught an article on minimalism and although it was a decent read, it made me feel as though the term minimalism gets used improperly when it comes to web design. I think the idea that many people have of minimalism is that [...]]]></description>
			<content:encoded><![CDATA[<div class="span-24 last post">
<div class="columns">
<p><em>(Note: I&#8217;m playing with the <a href="http://webdesignernotebook.com/css/remembering-the-css3-multi-column-layout-module/">CSS3 column</a> element for this article.)</em></p>
<p>Last week I caught an <a href="http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/">article on minimalism</a> and although it was a decent read, it made me feel as though the term minimalism gets used improperly when it comes to web design. I think the idea that many people have of minimalism is that there is nothing on a site, but some text. Maybe there is an image or two, but what you get is usually a black &amp; white site that offers a nice, clean grid structure which pleases the eye.</p>
<p>In some cases this is true, that is what a minimalist design is for <strong>that</strong> site. However, to really understand the essence of minimalism we have to understand what are the most important elements to a site. Once that is established, you should see why every site should deploy a minimalist design.</p>
<h3>What Is Important To A Site</h3>
<p>Every site has a purpose and it is this purpose that should always be the focus when designing a website. No matter how stupid or insane that purpose may be, without a purpose, the site has no reason to exist (the purpose of a site is to have a purpose?). The goal of the designer is to make sure that purpose is portrayed to the audience in the best way possible. To do that, the designer must make sure that nothing is distracting the user away from discovering that purpose.</p>
<p>Once the audience is removed from the purpose of the site, the site has no meaning to them and they leave to never come back. If you remember the first iterations of the <a href="http://twitter.com/">Twitter</a> home page then you may recall how many times you would hear someone say they didn&#8217;t understand the point of the site. You might have been one of those people, I know I was for a while. The reason for this is because the design of Twitter led you to believe that Twitter was about letting other people know what you are up to, when in fact, the purpose has been to communicate and establish relationships with others. Now the site design is built around this idea of communication and more and more people are starting to see the usefulness behind the site.</p>
<p>Some might not consider the site to be minimalist, but to me it is exactly that. My reasoning? It drives the purpose of the site home to the user, without adding anything unnecessary. What about the blue color and the graphics, don&#8217;t they take away from the minimalist ideal? I don&#8217;t think so, because part of the purpose of Twitter is to show it is a fun community type place. It can be hard to create that feeling among your audience simply through a black &amp; white site with a block of text.</p>
<h3>Drawar Is Not Minimalist</h3>
<p>I am usually told that my designs have a certain feel to them and I can only assume that it is because I don&#8217;t use many graphics and I primarily stick to the same colors. However, if you read the requirements for minimalism stated above, then Drawar fails miserably at them. The purpose of this site is to showcase a community that loves to talk about design. In almost no way does the design suggest that and therefore to me it isn&#8217;t minimalist at all. Bare maybe, but minimalistic no. That is another thing to keep in mind, don&#8217;t mistake bare for minimalism. Bare is usually unattractive, boring and elicits no emotion from the user.</p>
<p>When you are looking at a design and see some great graphical work that might include icons, gradients and drop shadows, don&#8217;t assume the site isn&#8217;t minimalistic because of it. Hopefully, the designer saw a reason to put in those elements and it was more than just because he likes to use them. Every good designer can justify why an element of a design is put in the place that it is and that justification should follow the purpose of the site. Often designers like to blame clients for a horrible design, but many times they neglect the fact that there are a ton of designs out there that failed because of the designer&#8217;s need to do more than was necessary. How many times do you hear someone say they love that overly designed site?</p>
<h3>To Find Heaven</h3>
<p>A conflict that arises between a website and its audience is that the site may not share the same purpose as the audience. For example, with news sites, the purpose to the company may be to offer a comprehensive view of the news in every industry possible all on one page. If that is the case, then many of them do the job very well because they have over 3000px of news and it doesn&#8217;t get more comprehensive than that. To the audience however, the purpose of the site may be to get the news in a clear and concise way that doesn&#8217;t distract from that purpose. In that case, the majority of these sites fail.</p>
<p><a href="http://www.nytimes.com/timesskimmer/">The New York Times Skimmer</a> was <a href="http://www.drawar.com/articles/old-news-news-sites/49/">used by me</a> as a good example of a news site. You could say that they should take the images away to make it a truly minimalistic site. However, the images help to break up the constant flow of text which would make it harder to skim the news and without them the site loses its minimalist definition because it doesn&#8217;t do the best job it could serving the purpose of the audience.</p>
<p>One of the hardest aspect of designs is trying to take a complex idea and presenting it in a way that the audience can understand. This is why a minimalist design is so hard to achieve for many. The ability to take away from a design and only show what is needed to portray the right idea is a skill that not many have. The great designers are able to do this, while the rest like to pretend that stripping a site of its colors and images is doing the right thing.</p>
<p>Do yourself a favor and go look at a site you designed and go over every element and ask yourself why it is there. You might be surprised at how many of your answers have nothing to do with the actual purpose of the site.</p>
</p></div>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/minimalism-is-mandatory/51/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Old News: News Sites</title>
		<link>http://www.drawar.com/articles/old-news-news-sites/49/</link>
		<comments>http://www.drawar.com/articles/old-news-news-sites/49/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 11:31:22 +0000</pubDate>
		<dc:creator>Scrivs</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.drawar.com/?p=49</guid>
		<description><![CDATA[

ABC News


LA Times


Chicago Tribune

The Drudge Report and Google News have to be two of the ugliest news sites on the web and yet are two of the most popular. Why? I like to think it is because they cut to the chase and give you the ability to scan headlines quickly. There is so much [...]]]></description>
			<content:encoded><![CDATA[<div class="span-24 last post">
<div class="floatright"><a href="http://abcnews.go.com/" title="ABC News"><img src="http://s3.amazonaws.com/drawararticles/assets/abcnews/" alt="ABC News" /></a>
<div class="caption">ABC News</div>
</div>
<div class="floatright"><a href=""><img src="http://s3.amazonaws.com/drawararticles/assets/latimes/" alt="Los Angeles Times" /></a>
<div class="caption">LA Times</div>
</div>
<div class="floatright"><a href=""><img src="http://s3.amazonaws.com/drawararticles/assets/chicagotribune/" alt="Chicago Tribune" /></a>
<div class="caption">Chicago Tribune</div>
</div>
<p><a href="http://drudgereport.com">The Drudge Report</a> and <a href="http://news.google.com/">Google News</a> have to be two of the ugliest news sites on the web and yet are two of the most popular. Why? I like to think it is because they cut to the chase and give you the ability to scan headlines quickly. There is so much news happening at any given time of day that the best way for us to keep up with it is to allow us to do it at our own pace.</p>
<p>I am the biggest fan of sites that let you get straight to the content without all the fluff, but that doesn&#8217;t mean a site should go without some aesthetic appeal or a change of structure. <a href="http://newsmap.jp">Newsmap</a> came out years ago and although the interface isn&#8217;t perfect (some of the titles are so small they are impossible to read), to me it is still lightyears (damn that measures distance not time so is that accurate?) ahead of the field.</p>
<p>Why can&#8217;t news agencies get on the ball and realize they are missing a great opportunity to leap ahead of their competition? Whenever you read about the newspaper industry all you hear about is the decline of revenue and how all papers will soon disappear. Everyone is fighting for eyeballs and the way they do it is by looking like their competition? I can understand that coming from the <a href="http://usatoday.com/" title="USA Today">USA Today</a> because they are supposed to be generic, but from the rest of the field? Come on!</p>
<p>Here is what is disappointing to me about the design of news sites. You know most of them have big time designers behind them, but there is no way that these designers are releasing these designs themselves. They are probably going through a million levels of bureaucracy and it comes out looking that way in the end.</p>
<div class="floatleft"><a href="http://nyt.com" title="The New York Times"><img src="http://s3.amazonaws.com/drawararticles/assets/nyt/" alt="New York Times" /></a>
<div class="caption">New York Times</div>
</div>
<div class="floatleft"><a href=""><img src="http://s3.amazonaws.com/drawararticles/assets/guardian/" alt="The Guardian" /></a>
<div class="caption">The Guardian</div>
</div>
<p><a href="http://subtraction.com/">Khoi Vinh</a> has done a great job over at <a href="http://nyt.com/">The New York Times</a>, but even then you have to feel as though he wishes he could take away some of the content. That site feels like it should be broken down into 10 different domains just so some of the content can breathe.</p>
<p>Now I know it doesn&#8217;t have as much content as the NYT, but don&#8217;t you wish that more news sites looked like <a href="http://www.themorningnews.org/">The Morning News</a>? Would you ever have a problem going to a beautiful site like that to catch up on what is happening today? Hell, wouldn&#8217;t you go back to check even more just because of the pleasant design? We are forced to go somewhere if we want our news and that is what is keeping these horrible news sites alive.</p>
<h3>Information Overload</h3>
<p>The design dilemma these sites are facing is that their is simply too much content. Instead of trying to narrow down what content <strong>needs</strong> to be shown on the homepage, they try to find ways to ensure that <strong>all</strong> content is shown on the homepage. You can&#8217;t honestly tell me that all news items deserve front page coverage no matter how small the link is can you? The only reason I scan a news page is because I have a hard time keeping my eyes focused on one spot. I am forced to scan it so maybe there is a trick or two in there that I don&#8217;t know about yet. The trick is to not encourage your readers to scan the page, but to force their eyes to go into a state of perpetual motion until their finger saves them and clicks on a link. Brilliant.</p>
<p>Seriously though, how often do you go to a new site looking for one particular headline that is crammed 2400px down the page? I know I don&#8217;t and I can&#8217;t remember finding any hidden gems either. If I want sports I go to sports. If I want politics I know where to go. If I am just looking for what is happening around the world I will simply go to a news site and check the major headlines.</p>
<p><span class="pulledquote">In an industry that is trying to figure out how to handle itself online, maybe the axiom of less being more really does apply.</span> Why not treat your website like you do your physical newspaper and allow people to browse without overwhelming them with a million bits of content at once?</p>
<p>Could you imagine watching a news broadcast that split the screen into 16 squares and they all reported the news at once? That is how most news sites feel to me. Newspapers always have one front page article that receives the giant headline treatment. The rest of the articles the readers have to &#8220;scroll&#8221; and find. Why can&#8217;t their online counterparts work in the exact same way?</p>
<p>Offline you have beautifully designed newspapers with eye-popping headlines and ads that don&#8217;t get in the way of the content. Online you have sites that could have been designed by anyone. If you can come up with beautiful designs for your offline news then it shouldn&#8217;t be that hard to do so online.</p>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-6">
									<a href="http://www.snd.org/snd28/worldsbest/El%20Economista.html"><img width="230px" src="http://s3.amazonaws.com/drawararticles/assets/economista/" alt="Economista" /></a>
<div class="caption">Economista</div>
</p></div>
<div class="span-6">
									<a href="http://www.snd.org/snd28/worldsbest/Politiken.html"><img width="230px" src="http://s3.amazonaws.com/drawararticles/assets/politiken/" alt="Politiken" /></a>
<div class="caption">Politiken</div>
</p></div>
<div class="span-6">
									<a href="http://www.snd.org/snd28/worldsbest/Aripaev.html"><img width="230px" src="http://s3.amazonaws.com/drawararticles/assets/aripaev/" alt="Aripaev" /></a>
<div class="caption">Aripaev</div>
</p></div>
<div class="span-6 last">
									<a href="http://www.snd.org/snd28/worldsbest/Frankfurter%20Allgemeine%20Sonntagszeitung.html"><img width="230px" src="http://s3.amazonaws.com/drawararticles/assets/frankfurter/" alt="Frankfurter" /></a>
<div class="caption">Frankfurter Allgemeine</div>
</p></div>
<div class="clear">&nbsp;</div>
<div class="span-24 last">
<p>There you have four award-winning newspaper designs from around the world. I understand that print design varies from web design because you have greater freedom due to the restrictions of what you are working with (yes, that makes sense). But why can&#8217;t some of the design principles being used offline be applied online? Even if your site is producing a new major headline every hour you can&#8217;t tell me someone in your organization is not wise enough to cook up some sort design to accommodate it.</p>
<p>Pictures are great, but the way I scan a news page is by looking at the text quickly to see if anything catches my eye. Looking at the full screenshots of some of the larger news sites on the web you can see that they offer their readers a lot to scan. Probably a bit too much.</p>
<h3>How To Improve</h3>
<div class="floatright">
										<a href="http://www.nytimes.com/timesskimmer/" title="New York Times Skimmer"><img src="http://s3.amazonaws.com/drawararticles/wrong/skimmer/" alt="New York Times Skimmer" /></a>
<div class="caption">NYT Skimmer, How I like my news</div>
</p></div>
<p>Let&#8217;s try to knock out some of the misconceptions these publications seem to have. If you looked at the screenshots of their sites you will notice that they are very, very long. Apparently, they don&#8217;t believe in the <a href="http://www.zurb.com/article/91/reblasting-the-myth-of-the-fold">above the page fold myth</a> either, but there has to be a limit to how much content you put on a page before it starts to lose its purpose. When you come across a single page site that is long, it makes sense because the content is all related and it is used to guide the reader. On a newspaper&#8217;s site the next content you scroll to probably has nothing to do with the content you just read. It breaks the flow for the reader. In fact, I find myself scrolling to the bottom and passing over everything in the middle.</p>
<div class="floatleft">
										<a href="http://newsvine.com" title="Newsvine"><img src="http://s3.amazonaws.com/drawararticles/assets/newsvine/" alt="Newsvine" /></a>
<div class="caption">Newsvine</div>
</p></div>
<p>Looking at the screenshot of <a href="http://newsvine.com/" title="Newsvine"><em>Newsvine</em></a> on the left they have the shortest homepage of any of the sites shown here, with the exception of Skimmer, and they don&#8217;t suffer because of it. The rest of the sites above cover at least 3000px in vertical space, which to me seems like over 1000px of overkill.</p>
<p>Why not take a page out of blog design and have a running tally of your most recent major headlines? This way I can visit a news site any time of the day and see what I missed previously. Can&#8217;t you safely assume that a majority of the readers aren&#8217;t going to scan the whole front page for something that interests them, especially if you are trying your best to draw their attention with major headlines?</p>
<div class="sideitemright">
<h3>Need More Links</h3>
<p>If you plan on running a news site it seems you best be ready to add a ton of links. On Monday, Nov 30, 2009 I counted how many links were on some of the major news sites&#8217; homepages. These numbers are outrageous.</p>
<ul>
<li><a href="http://nyt.com" title="New York Times">New York Times</a>: 325</li>
<li><a href="http://www.latimes.com/" title="Los Angeles Times">Los Angeles Times</a>: 312</li>
<li><a href="http://www.guardian.co.uk/" title="Guardian">Guardian</a>: 222</li>
<li><a href="http://www.washingtonpost.com/" title="Washington Post">Washington Post</a>: 400</li>
<li><a href="http://abcnews.go.com/" title="ABC News">ABC News</a>: 249</li>
<li><a href="http://www.chicagotribune.com/" title="Chicago Tribune">Chicago Tribune</a>: 347</li>
</ul>
<p>If a reader can&#8217;t find something to click then they aren&#8217;t looking at the screen. Information overload is not always a good thing.</p>
</p></div>
<p>If the purpose for the long pages is to stick more ads on them then wouldn&#8217;t it be easier to just find ways to get your audience to browse the site more? I don&#8217;t mean breaking up long articles into pages like some jackass sites do, but find ways to encourage readers to go somewhere else on the site after reading an article. It works that way when I use the Times Skimmer, but maybe I am in the minority.</p>
<p>I haven&#8217;t gone through the history of online news site design, but I wouldn&#8217;t be surprised to witness very little change. The time is ripe for someone to jump at the opportunity to change how we read our news online. <em>Newsvine</em> changed the social aspect of news, so why can&#8217;t the major news outlets at least try to change the way it is presented? And if you think <a href="http://cnn.com/" title="CNN"><em>CNN&#8217;s</em></a> recent redesign is a positive step forward then you are mistaken. They might as well start all over from scratch with that one.</p>
</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.drawar.com/articles/old-news-news-sites/49/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
