Southwest Virginia Blogs

The Official Google Blog is of course a Blogger.com site. Google uses the site to announce new products, upgrades, and how-to information. According to their own statistics, they received: “More for the numerically inclined: 7.6 million unique visitors generated nearly 15 million pageviews this year.”

Style:
Google Blog, how I hate you… Let me count the ways:

1. Undefined link color
2. Poor layout
3. Poor ad placement (self promotion no less)
4. An overly small header which is overpowered by the sidebar
5. Poor use of color (none)
6. Did I mention poor layout?

I realize that they have a distinct style on their search engine pages, but this isn’t Google.com. This is a unique site which could have a distinct style of it’s own. It should have a distinct style of it’s own, but it doesn’t.

The only trace of color on the site is in the trademark Google logo, and the default blue links. They have carefully stripped away anything that might have given this site visual interest. Black text on a white background. (Yawn) Undefined link color. A simplistic header overpowered by a simple sidebar. Once again, someone has confused lack of style with design neutrality. This site should have been something fantastic, a credit to the forward looking company behind it. It isn’t.

A short list of the good design aspects of the site:

1. It uses a fluid layout

Did I say it was a short list?

Structure:
The Google Blog is a Blogger based site with the simplest of templates. It doesn’t even have a valid HTML Doctype declaration.

According to HTML standards, each HTML document requires a document type declaration. The “DOCTYPE” begins the HTML document and tells a validator which version of HTML to use in checking the document’s syntax. - Web Design Group

While I normally cut sites a break when their advertiser’s code is poorly written, I won’t here. I won’t, because it’s Google’s own code that’s poorly written. Their own advertisements use invalid, and poorly written code. I’m sure that there’s some obscure coding reason that they do it, but it’s annoying. People try to put together good, well written sites, and they have to put up with the gibberish that Google puts in their ads. It could be done better.

Content:
The Google blog is used to announce new products, upgrades, and how-to information for Google.com, and it’s associated sites. More or less a the public face to a public company.

What I would change:
What a subject, what I would change… Simply? Everything! Dump the whole design and start over.

The header needs to be much stronger, the logo larger.

The sidebar needs to be pushed down in prominence.

For a company known for it’s colorful logo, let’s see some color in its’ blog. Add some color to the header, and the sidebar. Consider some simple graphical elements to differentiate posts. This should be able to be done with little or no decrease in load time.

Consider the priorities for the sidebar. The first three quarters of the sidebar is taken up with links promoting other Google sites, let’s give this site some space. Leave the search feature high up, but give the archives some space too. Bring the blogroll up too. Give one good ad priority up high, and push most of the other promotional links down the page.

Define the color scheme of the links. If you want the site to have blue links, define it as blue links. Give it a distinct and clearly defined color scheme. Currently link color is left to fall to individual user’s default settings, and that’s just silly. My default settings made visited links all but illegible, and I doubt I’m the only one.

Summary:
This is a poorly designed blog, not because of the way it was designed, but because for the way it wasn’t designed. There’s nothing wrong with minimalistic design, but it needs to be designed. This is a poor representative of what otherwise appears to be a very good company. No other aspect of the Google empire has been left undesigned and neglected like this site. It’s time that this was remedied. I won’t hold my breath.

The Official Google Blog is of course a Blogger.com site. Google uses the site to announce new products, upgrades, and how-to information. According to their own statistics, they received: “More for the numerically inclined: 7.6 million unique visitors generated nearly 15 million pageviews this year.”

Style:
Google Blog, how I hate you… Let me count the ways:

1. Undefined link color
2. Poor layout
3. Poor ad placement (self promotion no less)
4. An overly small header which is overpowered by the sidebar
5. Poor use of color (none)
6. Did I mention poor layout?

I realize that they have a distinct style on their search engine pages, but this isn’t Google.com. This is a unique site which could have a distinct style of it’s own. It should have a distinct style of it’s own, but it doesn’t.

The only trace of color on the site is in the trademark Google logo, and the default blue links. They have carefully stripped away anything that might have given this site visual interest. Black text on a white background. (Yawn) Undefined link color. A simplistic header overpowered by a simple sidebar. Once again, someone has confused lack of style with design neutrality. This site should have been something fantastic, a credit to the forward looking company behind it. It isn’t.

A short list of the good design aspects of the site:

1. It uses a fluid layout

Did I say it was a short list?

Structure:
The Google Blog is a Blogger based site with the simplest of templates. It doesn’t even have a valid HTML Doctype declaration.

According to HTML standards, each HTML document requires a document type declaration. The “DOCTYPE” begins the HTML document and tells a validator which version of HTML to use in checking the document’s syntax. - Web Design Group

While I normally cut sites a break when their advertiser’s code is poorly written, I won’t here. I won’t, because it’s Google’s own code that’s poorly written. Their own advertisements use invalid, and poorly written code. I’m sure that there’s some obscure coding reason that they do it, but it’s annoying. People try to put together good, well written sites, and they have to put up with the gibberish that Google puts in their ads. It could be done better.

Content:
The Google blog is used to announce new products, upgrades, and how-to information for Google.com, and it’s associated sites. More or less a the public face to a public company.

What I would change:
What a subject, what I would change… Simply? Everything! Dump the whole design and start over.

The header needs to be much stronger, the logo larger.

The sidebar needs to be pushed down in prominence.

For a company known for it’s colorful logo, let’s see some color in its’ blog. Add some color to the header, and the sidebar. Consider some simple graphical elements to differentiate posts. This should be able to be done with little or no decrease in load time.

Consider the priorities for the sidebar. The first three quarters of the sidebar is taken up with links promoting other Google sites, let’s give this site some space. Leave the search feature high up, but give the archives some space too. Bring the blogroll up too. Give one good ad priority up high, and push most of the other promotional links down the page.

Define the color scheme of the links. If you want the site to have blue links, define it as blue links. Give it a distinct and clearly defined color scheme. Currently link color is left to fall to individual user’s default settings, and that’s just silly. My default settings made visited links all but illegible, and I doubt I’m the only one.

Summary:
This is a poorly designed blog, not because of the way it was designed, but because for the way it wasn’t designed. There’s nothing wrong with minimalistic design, but it needs to be designed. This is a poor representative of what otherwise appears to be a very good company. No other aspect of the Google empire has been left undesigned and neglected like this site. It’s time that this was remedied. I won’t hold my breath.

The concept of design neutrality, is simply to make no statement with your design. In practice, it can very difficult. Design Neutral isn’t the lack of design, but design making little or no statement. The more content your design has, be it print or web design, the more difficult it is to not make a statement. In some cases, pulling off a design neutral project takes much more work than creating a distinct style. WordPress’ default themes make as good an effort at design neutrality as I’ve seen lately. Simple, unobtrusive, but not boring. the only thing they really say is “I can’t decide on a theme”. There’s nothing wrong with that. While I’d personally choose a clear and distinct design every time, some subjects, and some writers benefit from using a default theme. It gives them a “safe” platform from which to speak. It minimizes the ability of readers to read anything into the writing that doesn’t belong. It helps the reader take the words at face value, if it is at all possible.

The confusion comes when someone removes all traces of design, and calls it neutral. It isn’t neutral. Simplistic… minimalistic maybe. Devoid of style possibly, but not neutral. Google.com is simplistic. It makes a distinct stylistic statement though, just a very minimalistic one. For a search engine which phenomenal traffic, and little original content, it works. For a blog, or personal website, it wouldn’t work.

What does work, is a simple color palette with a few well placed graphics. Midrange colors that are neither too bright, or too dark. A simple layout that is organized and efficient. Clear and legible content in common fonts. These things will give you neutrality. When looking at a design, the word subtle should come to mind.If you’re working on a design, keep this in mind: Removal of all references to style isn’t Design Neutral, it’s undesigned.

The concept of design neutrality, is simply to make no statement with your design. In practice, it can very difficult. Design Neutral isn’t the lack of design, but design making little or no statement. The more content your design has, be it print or web design, the more difficult it is to not make a statement. In some cases, pulling off a design neutral project takes much more work than creating a distinct style. WordPress’ default themes make as good an effort at design neutrality as I’ve seen lately. Simple, unobtrusive, but not boring. the only thing they really say is “I can’t decide on a theme”. There’s nothing wrong with that. While I’d personally choose a clear and distinct design every time, some subjects, and some writers benefit from using a default theme. It gives them a “safe” platform from which to speak. It minimizes the ability of readers to read anything into the writing that doesn’t belong. It helps the reader take the words at face value, if it is at all possible.

The confusion comes when someone removes all traces of design, and calls it neutral. It isn’t neutral. Simplistic… minimalistic maybe. Devoid of style possibly, but not neutral. Google.com is simplistic. It makes a distinct stylistic statement though, just a very minimalistic one. For a search engine which phenomenal traffic, and little original content, it works. For a blog, or personal website, it wouldn’t work.

What does work, is a simple color palette with a few well placed graphics. Midrange colors that are neither too bright, or too dark. A simple layout that is organized and efficient. Clear and legible content in common fonts. These things will give you neutrality. When looking at a design, the word subtle should come to mind.If you’re working on a design, keep this in mind: Removal of all references to style isn’t Design Neutral, it’s undesigned.

After 630 odd posts, it might seem an odd time to do an “about me” post, but it’s been on my to-do list since I lost my Blogger profile in the transition to WordPress.

I’m a professional graphic and web designer currently working in SW Virginia. I’ve been doing graphic design for print almost fourteen years. Web design became a major part of my work two and a half years ago.

I grew up in a very small town, one of fifteen in my high school class. My family has a strong belief in the value of an education, with a large percentage of them being teachers, doctors, or artists. I was undecided on which path to take and ended up with a BS degree in Animal Science and a BA in Sculpture.

Graphic design, as you can tell from the subtitle on this blog (it currently reads “Random mutterings of a wandering cowboy turned graphic designer”) wasn’t my first career choice. My first job, when I was 14, was working with cattle from horseback. I loved it. I had every intention of spending my life working with horses… Time passes, things change.

I found I had to reevaluate my choices when, in my mid-twenties, I was preparing to get married. Breaking horses, as I’d been doing since my late teens, just wasn’t a viable profession any more. I’d had three concussions, a back injury, various torn ligaments, and some bones in my foot fused already and retirement wasn’t exactly looming near. I started looking for another career. Something that would allow me to fuse my education with my passion for art. I lucked upon a graphic design job with someone who liked to train his own designers. He recognized in me something I didn’t see myself, the designer. It was a fantastic stroke of luck, and I’ll be forever grateful for his training.

I’m not by nature a talkative type, my wife would tell you that I act like I have a lifetime quota on words and I’m trying not to run out too early. I do however, like to say what I think. I took up blogging because I have almost exclusively worked where I was one of few if not the only, designer. Blogging not only allows me a place to speak my mind, but also allows me to be a part of a community of people who have similar interests. While I’m often the lone designer at work, I’m one among many online. This is something that I’ve found that I appreciate.

While I make an effort to focus on design and design related subjects, I’m afraid that I often wander off topic. You’ll notice for instance, that I veer into discussing politics on regular basis. Bare with me, and I come back to discussing graphic and web design before too long.

I’m a problem solver by nature, I’m fascinated by almost any sort of puzzle. Trouble shooting design problems is a particular pleasure for me. I often find myself giving people unsolicited advice on how to fix problems on their sites that they aren’t even aware of. I’ve recently started a series on Design Review to take advantage of that. This series is intended to give people a look into how a designer sees design.

My restless nature, and my wife’s career choices, have moved us around the country in the last decade. From my native Washington, I’ve worked in Idaho, Maryland and now Virginia. I’ve designed things varying from newspaper ads to cookbooks and furniture. I even designed custom carpet for a while. I find print design the most interesting, though the technical challenge of web design has a strong appeal as well. I think I’ll pass on custom carpet in the future. I’ve enjoyed the the journey, I’ve enjoyed each place I’ve lived. While I’d like to find a place to settle down, another move is being considered as I write this. Where next? I don’t know yet, maybe the Midwest. We’ll see where this road leads.

Consider this post to be guest book of sorts. If you’re reading this, drop me a comment. Let me know who you are, and where you’re from. I’m always interested in seeing who stops by.

After 630 odd posts, it might seem an odd time to do an “about me” post, but it’s been on my to-do list since I lost my Blogger profile in the transition to WordPress.

I’m a professional graphic and web designer currently working in SW Virginia. I’ve been doing graphic design for print almost fourteen years. Web design became a major part of my work two and a half years ago.

I grew up in a very small town, one of fifteen in my high school class. My family has a strong belief in the value of an education, with a large percentage of them being teachers, doctors, or artists. I was undecided on which path to take and ended up with a BS degree in Animal Science and a BA in Sculpture.

Graphic design, as you can tell from the subtitle on this blog (it currently reads “Random mutterings of a wandering cowboy turned graphic designer”) wasn’t my first career choice. My first job, when I was 14, was working with cattle from horseback. I loved it. I had every intention of spending my life working with horses… Time passes, things change.

I found I had to reevaluate my choices when, in my mid-twenties, I was preparing to get married. Breaking horses, as I’d been doing since my late teens, just wasn’t a viable profession any more. I’d had three concussions, a back injury, various torn ligaments, and some bones in my foot fused already and retirement wasn’t exactly looming near. I started looking for another career. Something that would allow me to fuse my education with my passion for art. I lucked upon a graphic design job with someone who liked to train his own designers. He recognized in me something I didn’t see myself, the designer. It was a fantastic stroke of luck, and I’ll be forever grateful for his training.

I’m not by nature a talkative type, my wife would tell you that I act like I have a lifetime quota on words and I’m trying not to run out too early. I do however, like to say what I think. I took up blogging because I have almost exclusively worked where I was one of few if not the only, designer. Blogging not only allows me a place to speak my mind, but also allows me to be a part of a community of people who have similar interests. While I’m often the lone designer at work, I’m one among many online. This is something that I’ve found that I appreciate.

While I make an effort to focus on design and design related subjects, I’m afraid that I often wander off topic. You’ll notice for instance, that I veer into discussing politics on regular basis. Bare with me, and I come back to discussing graphic and web design before too long.

I’m a problem solver by nature, I’m fascinated by almost any sort of puzzle. Trouble shooting design problems is a particular pleasure for me. I often find myself giving people unsolicited advice on how to fix problems on their sites that they aren’t even aware of. I’ve recently started a series on Design Review to take advantage of that. This series is intended to give people a look into how a designer sees design.

My restless nature, and my wife’s career choices, have moved us around the country in the last decade. From my native Washington, I’ve worked in Idaho, Maryland and now Virginia. I’ve designed things varying from newspaper ads to cookbooks and furniture. I even designed custom carpet for a while. I find print design the most interesting, though the technical challenge of web design has a strong appeal as well. I think I’ll pass on custom carpet in the future. I’ve enjoyed the the journey, I’ve enjoyed each place I’ve lived. While I’d like to find a place to settle down, another move is being considered as I write this. Where next? I don’t know yet, maybe the Midwest. We’ll see where this road leads.

Consider this post to be guest book of sorts. If you’re reading this, drop me a comment. Let me know who you are, and where you’re from. I’m always interested in seeing who stops by.

I was feeling pretty good this morning, so I thought I’d risk life and limb today and review the Anti-Idiotarian Rottweiler. According to Google Analytics, they have 6,380,170 hits as of this post.

Style:
Love it or hate it, the Anti-Idiotarian Rottweiler has a distinct style. Strongly black and red, with content in white columns, it incorporates a fluid three column layout on the home page, with two columns on interior pages. While the content columns float free of a containing background in a manner that I criticized Argghhh! for in my last review, it works here. The solid background and fluid layout act as the container, giving it the grounded look I thought was needed at Argghhh!.

The use of color is well done, with a strong black background and red used liberally as an accent. (The only liberal aspect you’re likely to find on this site.) Gray blockquotes with red outlines nicely compliment this simple color scheme. The links are blue, which manages to be clearly visible without being overpowering.

Graphics are well done in a very unified theme.

Structure:
The Anti-Idiotarian Rottweiler is a WordPress site with an entirely CSS layout. The site structure is well done and should be represented well in any modern browser. Load time is high with 48.94 seconds on DSL or 157.08 seconds on 56K modem. This is quite high by blog standards and should be improved upon. A lot of the load time is caused by the high number of images. There were 72 images on the homepage when I tested it.

The CSS is well thought out and complete, though it could use a little clean up work. It has a some non-standard coding that should be fixed or removed.

While the site structure is good, the WordPress theme could use some minor updates. A quick validation check of the home page shows no true errors, but 442 warnings. Most of them are insignificant, but should be easy to fix too. A site with this level of traffic should really have this fixed. Most of them seem to be minor bits of extraneous code which could be easily removed from the base PHP of the theme. There is also some misuse of the CSS element ID which should be fixed. The ID element is used to describe a unique element which can occur once on a page, but is being used multiple times here.

While most if not all of the questionable code I’m seeing is not in the posts themselves, I’m concerned that it may affect RSS feeds and possibly the long term stability of the site. Without correction, what should be minor changes to the CSS or PHP could have much more dramatic effects than intended. The theme’s PHP and CSS should be carefully checked and cleaned of offending and extraneous bits.

Content:
It is politically off the charts to the right and pulls no punches. The authors’ vocabulary of obscene and profane language is vast and well used. This site doesn’t tolerate idiots of any stripe. While its authors will openly mock and ridicule anyone they feel is less than honest or sincere about their beliefs and/or politics, they are reasonably tolerant of polite disagreement. That said, their commenters are not always so polite.

What would I change:
I’d update the PHP to remove extraneous code.

I’d lower the number of images and optimize their use in an effort to decrease load time. Some improvement should be possible with little or no effect on the overall style.

I’d make minor changes to the CSS to make it more closely meet modern standards.

I’d add High Desert Wanderer to the blogroll, because… it appears to be tragically missing.

Summary:
While the Anti-Idiotarian Rottweiler has a very distinct style, minor changes should be made to images, CSS and PHP in order improve load time and to make it more closely meet modern web standards.

As I said before, the Anti-Idiotarian Rottweiler has a distinct style. By intention or accident, a unique and very marketable brand has been created here. Great care should be taken to maintain this style while improvements are being made.

Time has come for a review of Argghhh! The Home Of Two Of Jonah’s Military Guys… Generally try to avoid criticizing heavily armed people, but John and Company at Argghhh! are a good bunch. They are currently averaging 1,519 hits per day.

Style:
At first glance Argghhh! appears to be disorganized and cluttered. This first impression isn’t entirely unfounded. It does have a unique and distinct style though. This style is created by a mixture of military and military inspired colors and images.

The cluttered appearance is caused by two things:

• The first is the sidebars, which are a little too narrow for their content. The use of outlines around all sidebar content items exaggerates this problem.
• The second is the lack of a unified background linking the two sidebars with the content column. While there is a background image, this camouflage pattern showing between the columns leaves all three columns floating and visually unanchored.

The use of color and imagery to give a military air to the site is well done.

I like the use of the rotating images in the header. It gives each of the primary bloggers a chance to have their header in place. It’s a nice touch.

Structure:
Argghhh! has an entirely CSS layout. It’s CSS is a little simpler than I might have done, but I wouldn’t consider that a negative. The CSS and site structure are more than adequate and should reliably present the site in any modern browser. Load time is high with 55.14 seconds on DSL or 179.13 seconds on 56K modem. This is quite long by blog standards and should be improved upon. A lot of the load time is caused by non-optimized images and images loading from other locations.

The site could use some updating however. Mostly small changes to the templates and CSS to make things load a little smoother. The site is using some depracated code, and would be better served with some updates.

Content:
The content is what you’d expect from a group of intelligent and well spoken ex-military guys. Their writing is about the military and subjects of interest to those who are or have been in the military. Due mostly to quality writing and humor, and despite it’s obvious military theme, this site appeals to a wide range of people. It is a great source of military history, thought, and opinion.

What would I change:
I’d update the structure to make it more compliant with current web standards. A site with this much traffic needs to work well.

I’d optimize images in an effort to decrease load time. I’d also bring as many images as possible that are loading from remote sites into this site. This should also lower load time.

Alter sidebar images, or the sidebars themselves in an effort to keep contents from overlapping outside of the sidebars.

Remove all or most of the outlines on objects within the sidebars in an effort to give them a more organized and structured appearance.

Make some minor changes to the sidebar styles in order to improve their usability.

Add a unifying background between columns. This will ground the columns and give the site a more unified and organized appearance.

Make some small improvements to the CSS in an effort to accentuate the current style. The style is interesting and very appropriate for the site, but could be better. I’d make it more of what it is, not something different.

I’d look into improving the performance of the rotating header images. Possibly with identical function, possibly with something slightly different. I’m not sure if it would be beneficial, but it’s worth considering if I could maintain or improve function while improving load time.

I’d add High Desert Wanderer to the Argghhh! blogroll, because… I could. Hey, if we’re considering hypothetical changes, why skimp?

Summary:
Argghhh! is a site with an interesting style and quality content. It could though, stand some structural and stylistic improvements. Load time is unnecessarily high and needs to be improved upon. The thing to keep in mind is that this is a functioning site. It may not be the best looking, but it already has good traffic. Any improvements should focus on improving function while maintaining and improving the current style. Care should be taken not to sacrifice current function for future improvement.

Time has come for a review of Argghhh! The Home Of Two Of Jonah’s Military Guys… Generally try to avoid criticizing heavily armed people, but John and Company at Argghhh! are a good bunch. They are currently averaging 1,519 hits per day.

Style:
At first glance Argghhh! appears to be disorganized and cluttered. This first impression isn’t entirely unfounded. It does have a unique and distinct style though. This style is created by a mixture of military and military inspired colors and images.

The cluttered appearance is caused by two things:

• The first is the sidebars, which are a little too narrow for their content. The use of outlines around all sidebar content items exaggerates this problem.
• The second is the lack of a unified background linking the two sidebars with the content column. While there is a background image, this camouflage pattern showing between the columns leaves all three columns floating and visually unanchored.

The use of color and imagery to give a military air to the site is well done.

I like the use of the rotating images in the header. It gives each of the primary bloggers a chance to have their header in place. It’s a nice touch.

Structure:
Argghhh! has an entirely CSS layout. It’s CSS is a little simpler than I might have done, but I wouldn’t consider that a negative. The CSS and site structure are more than adequate and should reliably present the site in any modern browser. Load time is high with 55.14 seconds on DSL or 179.13 seconds on 56K modem. This is quite long by blog standards and should be improved upon. A lot of the load time is caused by non-optimized images and images loading from other locations.

The site could use some updating however. Mostly small changes to the templates and CSS to make things load a little smoother. The site is using some depracated code, and would be better served with some updates.

Content:
The content is what you’d expect from a group of intelligent and well spoken ex-military guys. Their writing is about the military and subjects of interest to those who are or have been in the military. Due mostly to quality writing and humor, and despite it’s obvious military theme, this site appeals to a wide range of people. It is a great source of military history, thought, and opinion.

What would I change:
I’d update the structure to make it more compliant with current web standards. A site with this much traffic needs to work well.

I’d optimize images in an effort to decrease load time. I’d also bring as many images as possible that are loading from remote sites into this site. This should also lower load time.

Alter sidebar images, or the sidebars themselves in an effort to keep contents from overlapping outside of the sidebars.

Remove all or most of the outlines on objects within the sidebars in an effort to give them a more organized and structured appearance.

Make some minor changes to the sidebar styles in order to improve their usability.

Add a unifying background between columns. This will ground the columns and give the site a more unified and organized appearance.

Make some small improvements to the CSS in an effort to accentuate the current style. The style is interesting and very appropriate for the site, but could be better. I’d make it more of what it is, not something different.

I’d look into improving the performance of the rotating header images. Possibly with identical function, possibly with something slightly different. I’m not sure if it would be beneficial, but it’s worth considering if I could maintain or improve function while improving load time.

I’d add High Desert Wanderer to the Argghhh! blogroll, because… I could. Hey, if we’re considering hypothetical changes, why skimp?

Summary:
Argghhh! is a site with an interesting style and quality content. It could though, stand some structural and stylistic improvements. Load time is unnecessarily high and needs to be improved upon. The thing to keep in mind is that this is a functioning site. It may not be the best looking, but it already has good traffic. Any improvements should focus on improving function while maintaining and improving the current style. Care should be taken not to sacrifice current function for future improvement.

Why should you regularly review the design and structure of your site? Because presentation is very important. I see sites on a regular basis that have serious flaws. Flaws with structure, flaws with RSS, images, etc. These flaws will keep the authors from getting their message, whatever it is, to at least some of the people who want to see it. Consider RSS feeds. If you have readers on your site that view the site via RSS, and your RSS doesn’t reliably work, some of those people will stop reading.

The point of this Design Review series is to make people think about design and site structure. A website is like a person giving a presentation. Presentation effects a readers perception of the validity of the message. You make a poor presentation, people won’t be interested and won’t believe in you. Some of them might not even hear or understand the message at all.

So, consider your design. Does it fit you? Does it reflect who you are and the message you’d like to pass on? Does your site reliably work in all common browser? Do your RSS feeds work properly? All these things should be reviewed regularly to make sure your presentation is what you want it to be.

Update:
If you don’t think presentation is important, consider what would you think a fairly good presentation given by a woman in a very nice business suit. Now consider the same presentation given by a man in hiking boots, argyle socks, and a poorly fitting cocktail dress. Presentation does make a difference.

Why should you regularly review the design and structure of your site? Because presentation is very important. I see sites on a regular basis that have serious flaws. Flaws with structure, flaws with RSS, images, etc. These flaws will keep the authors from getting their message, whatever it is, to at least some of the people who want to see it. Consider RSS feeds. If you have readers on your site that view the site via RSS, and your RSS doesn’t reliably work, some of those people will stop reading.

The point of this Design Review series is to make people think about design and site structure. A website is like a person giving a presentation. Presentation effects a readers perception of the validity of the message. You make a poor presentation, people won’t be interested and won’t believe in you. Some of them might not even hear or understand the message at all.

So, consider your design. Does it fit you? Does it reflect who you are and the message you’d like to pass on? Does your site reliably work in all common browser? Do your RSS feeds work properly? All these things should be reviewed regularly to make sure your presentation is what you want it to be.

Update:
If you don’t think presentation is important, consider what would you think a fairly good presentation given by a woman in a very nice business suit. Now consider the same presentation given by a man in hiking boots, argyle socks, and a poorly fitting cocktail dress. Presentation does make a difference.

Are you using the Firefox add-on Web Developer? If you do any web designing, even minor touch-ups to an existing site, you should be using it. Why, you ask? Let’s consider the possibilities…

• Need to disable javascript, site colors, cache, or other features to test something?
• How about viewing the CSS of an existing site? Or better yet, temporarily edit the CSS on a live site just to see how it will look?
• Need assistance with form submission?
• How about viewing image paths, dimensions, alt attributes, or list the broken images?
• What else can see?
  • Access keys
  • Anchors
  • Block size
  • ID and Class details
  • Page Information
  • Response Headers
• Things you can outline (My personal favorite)
  • Block level elements
  • Deprecated elements
  • Frames
  • Headings
  • Table cells or tables
• Need to validate any of a wide range of file types? Find HTML errors or potential problems?

This is a short list of the things that the Web Developer add-on can do. Sure a lot of people don’t need it, but maybe you do. Maybe you’re a designer, maybe you want to be. Maybe you just want to see how web pages are put together. If you are any of these things… give it a try. The fun part is that you don’t even need a website to use it. It works on any body’s site. So install Web developer, go to your favorite site, and see how it works.

Are you using the Firefox add-on Web Developer? If you do any web designing, even minor touch-ups to an existing site, you should be using it. Why, you ask? Let’s consider the possibilities…

• Need to disable javascript, site colors, cache, or other features to test something?
• How about viewing the CSS of an existing site? Or better yet, temporarily edit the CSS on a live site just to see how it will look?
• Need assistance with form submission?
• How about viewing image paths, dimensions, alt attributes, or list the broken images?
• What else can see?
  • Access keys
  • Anchors
  • Block size
  • ID and Class details
  • Page Information
  • Response Headers
• Things you can outline (My personal favorite)
  • Block level elements
  • Deprecated elements
  • Frames
  • Headings
  • Table cells or tables
• Need to validate any of a wide range of file types? Find HTML errors or potential problems?

This is a short list of the things that the Web Developer add-on can do. Sure a lot of people don’t need it, but maybe you do. Maybe you’re a designer, maybe you want to be. Maybe you just want to see how web pages are put together. If you are any of these things… give it a try. The fun part is that you don’t even need a website to use it. It works on any body’s site. So install Web developer, go to your favorite site, and see how it works.

lgf: LGF Wins Two Categories in Warblogger Awards

“Best Designed Blog” and “Best Blog Overall.”

I’m glad to see that Little Green Footballs won best designed blog at the Warblogger Awards. It’s well deserved, it is a very well done site. A nice, clean three column layout which still has plenty of content space. A lot of three column layouts crowd the content, but lgf has struck a very nice balance.

lgf: LGF Wins Two Categories in Warblogger Awards

“Best Designed Blog” and “Best Blog Overall.”

I’m glad to see that Little Green Footballs won best designed blog at the Warblogger Awards. It’s well deserved, it is a very well done site. A nice, clean three column layout which still has plenty of content space. A lot of three column layouts crowd the content, but lgf has struck a very nice balance.

I’m not going to take the time for a full review of Tom DeLay.com, it’s just not worth my time, but I thought I’d point out a couple of problems.

Problem 1 - Boring!
The site has very little visual interest. The only graphic element in the design is a poorly done header image containing a picture of Tom DeLay. Yawn. If you don’t want to take the time to do something interesting, stick with a default template of some kind. Then at least we’ll know you don’t care.

Problem 2 - Comments
What I found objectionable about the comments is that there isn’t a single blogger’s URL showing anywhere. The only way to find out if the commenter is a blogger is to click on their name and go to a second page on the site which tells you if they left a URL. Annoying, and a little misleading. Showing a blogger’s URL is a simple way of putting the comments in the context of their other writing. By putting them one step away from the comments, you are removing this context.

In my experience, bloggers make up a significant percentage of commenters. Here though, I only managed to find two bloggers, William Teach and Becky, who left their URLs. It seems unlikely that all these are all people without blogs. Something odd is going on there. Either they’re being filtered (a note at the bottom of the comment page suggested this might be the case) or there is something odd about the way the site is functioning that is filtering out most of the URLs. Either way, the comments do not appear to be working as they should.

Problem 3 - Links
Far and away the biggest problem I see is the links in the content section of the blog. They’re hidden. Even in the small image I’ve placed above, the links should be at least partially visible. Sure you couldn’t read the text at that size, but the links should be bold, or italic, or colored. Anything to make them stand out from the regular text. They don’t stand out though. The text style of links is identical to the rest of the text unless you hover your mouse over a link. The image above contains three links in those first few paragraphs, but you’d have to hunt to find them.

The content links also have a flaw that’s a pet peeve of mine. Links are regular weight when there is no mouse over, but bold weight when hovered over. This causes the text to move whenever a link is “found”. Scroll your mouse down the page and each link passed over will make the text move. You might want to take Dramamine before you try that.

Summary:
This is a poorly designed site with little visual interest. The comment section is of questionable value, with commenter’s URLs placed one step away or missing. The link styles are horribly done. They are difficult to find inline and cause the text to shift in an annoying way when found. Everyone should strive to set an example. Unfortunately, TomDeLay.com is striving to be a bad example.

h/t to Raising Farrahzona » A Blog Roll I Will Never Be On for pointing out the site. I’d heard it existed, but hadn’t seen it yet.

I’m not going to take the time for a full review of Tom DeLay.com, it’s just not worth my time, but I thought I’d point out a couple of problems.

Problem 1 - Boring!
The site has very little visual interest. The only graphic element in the design is a poorly done header image containing a picture of Tom DeLay. Yawn. If you don’t want to take the time to do something interesting, stick with a default template of some kind. Then at least we’ll know you don’t care.

Problem 2 - Comments
What I found objectionable about the comments is that there isn’t a single blogger’s URL showing anywhere. The only way to find out if the commenter is a blogger is to click on their name and go to a second page on the site which tells you if they left a URL. Annoying, and a little misleading. Showing a blogger’s URL is a simple way of putting the comments in the context of their other writing. By putting them one step away from the comments, you are removing this context.

In my experience, bloggers make up a significant percentage of commenters. Here though, I only managed to find two bloggers, William Teach and Becky, who left their URLs. It seems unlikely that all these are all people without blogs. Something odd is going on there. Either they’re being filtered (a note at the bottom of the comment page suggested this might be the case) or there is something odd about the way the site is functioning that is filtering out most of the URLs. Either way, the comments do not appear to be working as they should.

Problem 3 - Links
Far and away the biggest problem I see is the links in the content section of the blog. They’re hidden. Even in the small image I’ve placed above, the links should be at least partially visible. Sure you couldn’t read the text at that size, but the links should be bold, or italic, or colored. Anything to make them stand out from the regular text. They don’t stand out though. The text style of links is identical to the rest of the text unless you hover your mouse over a link. The image above contains three links in those first few paragraphs, but you’d have to hunt to find them.

The content links also have a flaw that’s a pet peeve of mine. Links are regular weight when there is no mouse over, but bold weight when hovered over. This causes the text to move whenever a link is “found”. Scroll your mouse down the page and each link passed over will make the text move. You might want to take Dramamine before you try that.

Summary:
This is a poorly designed site with little visual interest. The comment section is of questionable value, with commenter’s URLs placed one step away or missing. The link styles are horribly done. They are difficult to find inline and cause the text to shift in an annoying way when found. Everyone should strive to set an example. Unfortunately, TomDeLay.com is striving to be a bad example.

h/t to Raising Farrahzona » A Blog Roll I Will Never Be On for pointing out the site. I’d heard it existed, but hadn’t seen it yet.

I’m not going to take the time for a full review of Tom DeLay.com, it’s just not worth my time, but I thought I’d point out a couple of problems.

Problem 1 - Boring!
The site has very little visual interest. The only graphic element in the design is a poorly done header image containing a picture of Tom DeLay. Yawn. If you don’t want to take the time to do something interesting, stick with a default template of some kind. Then at least we’ll know you don’t care.

Problem 2 - Comments
What I found objectionable about the comments is that there isn’t a single blogger’s URL showing anywhere. The only way to find out if the commenter is a blogger is to click on their name and go to a second page on the site which tells you if they left a URL. Annoying, and a little misleading. Showing a blogger’s URL is a simple way of putting the comments in the context of their other writing. By putting them one step away from the comments, you are removing this context.

In my experience, bloggers make up a significant percentage of commenters. Here though, I only managed to find two bloggers, William Teach and Becky, who left their URLs. It seems unlikely that all these are all people without blogs. Something odd is going on there. Either they’re being filtered (a note at the bottom of the comment page suggested this might be the case) or there is something odd about the way the site is functioning that is filtering out most of the URLs. Either way, the comments do not appear to be working as they should.

Problem 3 - Links
Far and away the biggest problem I see is the links in the content section of the blog. They’re hidden. Even in the small image I’ve placed above, the links should be at least partially visible. Sure you couldn’t read the text at that size, but the links should be bold, or italic, or colored. Anything to make them stand out from the regular text. They don’t stand out though. The text style of links is identical to the rest of the text unless you hover your mouse over a link. The image above contains three links in those first few paragraphs, but you’d have to hunt to find them.

The content links also have a flaw that’s a pet peeve of mine. Links are regular weight when there is no mouse over, but bold weight when hovered over. This causes the text to move whenever a link is “found”. Scroll your mouse down the page and each link passed over will make the text move. You might want to take Dramamine before you try that.

Summary:
This is a poorly designed site with little visual interest. The comment section is of questionable value, with commenter’s URLs placed one step away or missing. The link styles are horribly done. They are difficult to find inline and cause the text to shift in an annoying way when found. Everyone should strive to set an example. Unfortunately, TomDeLay.com is striving to be a bad example.

h/t to Raising Farrahzona » A Blog Roll I Will Never Be On for pointing out the site. I’d heard it existed, but hadn’t seen it yet.

There are almost as many reasons to quit blogging as there are to start, but I’ve noticed a trend. A significant number of people seem to quit blogging because of the time and effort that it takes. A perfectly valid reason. Blogging can be time consuming, and a lot of the time consuming parts aren’t very much fun. Consider how much time do you waste on spam comments and trackbacks for instance. How the annoying little details of links and quotes and making your post look like you want? What’s the solution? Here’s a short list of things that I use to make things go a little smoother.

• Hands free design - Choose a blog theme that is well thought out and low maintenance. You’re there to blog, not fix the site
• Install Spam Karma or some other quality spam protection. You shouldn’t have to fight with that junk.
• Firefox and Sage - Any good feed reader will work, but this is my choice. Allows for more reading in less time
• Performancing - A blogging tool that allows you to view a page, blog it, and get on with your life. I prefer the blog to draft option, which doesn’t post to the web, but saves as a draft that I can edit and post later.
• WordPress - Any good blogging software will do, but choosing one that doesn’t work for you makes things much more difficult than they have to be. Try a few, you’ll notice the difference.
• Dedicated e-mail account - Get an e-mail account just for your blog. Don’t give it out indiscriminately. When you don’t want to think about your blog, don’t check it.
• Blog about what you like. Having fun is the key to lasting as a blogger.

That should give you at least a start on streamline your blogging workflow. Sure it takes a few minutes to make some of those changes, but each one can save you time in the future. Then the time you devote to your blog can be spent… blogging.

I should have started this sooner, but better late than never. Design Reviews. I’ll focus on website design primarily, but we’ll see where it goes. Since I’m rarely called humble, I thought I’d start right at the top. Starting in the next day or two I’ll be doing design reviews of some of the more popular blogs. Don’t have a popular site? Don’t think you’re safe, because I’ll be going there too. Reviews will cover these areas:

• Style - A straight judgment on appearance. Good, bad, or dear God what happened here.
• Structure - Regardless of style, does the site have good bones.
• Content - Quality of content, regardless of subject.
• What would I change - Criticism, (hopefully constructive) on what’s wrong, what’s right, and how I’d improve it.
• Review topics are of course, subject to change.

If you have a site that you want reviewed, feel free to make suggestions. If you don’t want your site reviewed… I’ll accept cash, check, and most major credit cards.

This was one of the original concepts behind this blog, but it’s something I’ve never felt ready to start. I’d like to thank Mr. Guzman for kicking me into gear with a post on this subject a few months ago. I’m not linking because his site (samguzman.com?) doesn’t currently seem to be online. If this changes, please let me know and I’ll link to you properly.