Today is the beginning of a new era. A time of change. A glorious new beginning… Politics aside, we now have a President who understands the power of the internet. As of 12:01 p.m. EST, White House dot gov has a new look.

Powered by some form of ASP, it’s a valid XHTML site. Getting a Microsoft based site to validate is an impressive feat all by itself, but this one is done with style. As well as the usual stuff you’d expect on a government site, they’ve included a blog and photo galleries. Not only included the blog and galleries, but made them the face of the site. Rotating imagery, dynamic content, and enough RSS feeds to satisfy even… me.

I have to admit, I’m rather impressed. Who really knows how the Presidency will go, but I like the start. Neat, clean and very professional looking.  You could almost say, Presidential.

My hat is tipped to the designer. Beautifully done.

The results of a fascinating study of the design of the top 50 blogs is available at Smashing Magazine. Some interesting results, but I was most interested in the ratio of fluid to fixed width layouts. 92% used fixed width. That seemed a little high to me, but I have noticed a strong trend that way in design lately. I was even more surprised to note that the writer describes the other 8% as “uses fluid elements”, but none used “used an elastic layout”.

I’ve always thought that a fluid width layout was a better design solution for most websites. Defining a minimum width for a site isn’t a bad thing, but a full fixed width layout is just too rigid. It doesn’t take the viewer’s preferences into account. You’ll also note that 56% of blogs surveyed used a site width of 951-1000 pixels. I don’t know about you, but that means if I’m viewing the site with my feed reader open, then I have to scroll left and right. Annoying! I’m sure I’m not the only person who dedicates less than 1000 pixels of screen width to their main browser window.

My favorite statisctic though was about the percentage of the layout used for main content.

“on average, 58% of the overall site layout is used to display the main content.”

The most important part of thelayout only deserves 58%? That’s the best you could do? That’s just sad, it really is.

A Small Design Study Of Big Blogs | How-To | Smashing Magazine

It is truly remarkable that among 50 top blogs not a single one used an elastic layout (width of layout grows with the growing font size) and only a small fraction uses fluid elements (layout changes depending on the size of the browser window). Here are the exact findings:

* 92% of top blogs used a fixed layout,
* 8% used a fluid layout or a hybrid layout with fluid layout elements
(Engadget, Smashing Magazine, Gigazine, Coorks and Liars).

Jessica Claire has a new site design. I always love to see a blog merged seamlessly with the rest of a site. Honestly, I just love to see a complete site working seamlessly together, but it’s often the blog that gets left out of the design loop. They’re an afterthought, left on some default theme. Or worse, linking to an entirely different site on Blogger. Nothing wrong with Blogger, but if you’re going to the trouble of writing and maintaining a blog, shouldn’t the improved stats benefit your own URL? There are ways to use Blogger and WordPress.com and still use your own URL.

Back to Jessica Claire’s new site. Seamless is the key word. Red Door and infinet design did a beautiful job putting all the pieces together. I’m a sucker for classic design elements like they’re using in the background and elsewhere. The colors work well for me too.Nicely done. Good luck with it Ms. Claire.

As the second in my reviews of the Cowboy Code Marshal blogs, I’ve chosen American Truckers at War.

Style
My biggest problem with the style of American Truckers at War is that it needs more. The subject is passionately presented, and the blog theme needs to catch up. That may sound overly negative, but it shouldn’t be taken that way. Blog design should make a statement, and this design doesn’t speak loudly enough.

I like the red white and blue color scheme, it’s totally appropriate for this sort of site. This is one of the elements that I think could be pushed more. More red, more blue. It’s important with any design to present a balanced and unified color scheme, but with a red, white and blue palette, this is even more important. It’s very easy to let this color palette slip into disorder, which will significantly lower the site’s impact. The solution is to carefully control the range of colors used. By keeping the color palette carefully confined, the scheme becomes more unified, making the design feel more organized.

This is a three column site, with a lot of links and images. The site is using twenty one scripts, most of them blogrolls. This has the potential for wholesale chaos when it comes to site organization and structure. Chaos however, is held in check. While the organization could be improved, it is nowhere near as bad as could be. There is room for improvement though. Making an effort here to unify the format of the various blogrolls would pay off with a cleaner look and improved usability.

Most of these blogrolls come with their own image. This is another area that could be a horrible negative, but is at worst a neutral. Making an effort to unify these images in some way would go a long way to cleaning up the sidebars.

One of the things I like about the design is the unified look over all. A common error in this kind of web design is failing to keep the various parts of the site looking like they’re supposed to be together. This site doesn’t make that mistake. The whole site holds together nicely. Defining the sidebars a little more might improve the overall look, but care should be taken not to loose the unification that currently exists.

The sidebars are a too wide in my opinion. They are encroaching on the content a bit too much. While I can see the reasons behind this, a little more width in the content, and a little less in the sidebars would make noticeable difference. This could be done by removing or altering the wide elements which are forcing the sidebar widths. The left sidebar is being forced wide by a single image, which could easily be edited. The right sidebar is being forced by several elements which are more difficult to edit, but it might be worth it to either force this change, or remove those elements. An alternate option would be to move wider elements to one sidebar. This would allow for an increase in the content section, while also allowing for the retention of the wider elements.

Structure
Site structure is reasonable. While there are a number of validation issues which I personally would address, none of them are significant. Most of these issues are the result of a DocType which doesn’t match the HTML coding. Not too serious, but worth fixing. Another issue is some extraneous code that appears to be part of the blog design. This also is insignificant, but would likely be easy to fix.

This blog is powered by the Serendipity Weblog System. While I’m not familiar with this system, it is somewhat similar to WordPress in that it is a PHP based blogging platform which uses themes to control style. It should be a solid platform if executed properly.

This is also a site which uses frames. Not good from a search ability point of view. Frames are notorious for interfering with search engines. In this case it also must be interfering with the ability of other bloggers to link to this site. This is caused by the framset disguising the URL. If you go to the homepage, it shows the URL as www.americantruckersatwar.com. No problem there. If you go to any other page in the site however, it still shows that same URL. I don’t know whether the use of frames is utilized here because of hosting issues or the blogging platform, but I would give some thought towards rectifying this. Removal of frames should improve traffic from search engines, as well as other blogs. If for some reason this change isn’t possible, I’d make a few minor changes to the frameset in order to improve it’s functionality. My strong preference however, would be to dump the use of frames.

Content
Content is what you’d think from a blog called American Truckers at War. It’s always good to have a site’s content match it’s name, and this is the case here. Nothing annoying like a designer’s site called something silly like High Desert Wanderer.

What would I change
I’d unify and amplify. Unify the images, color palette, and blogroll structure, and amplify the style. The various unification schemes would simplify the overall site. It would improve readability, usability, and flow. I’ll clarify the unification points a little bit later, but here’s a short list.

1. Unify color scheme
2. Unify blog roll images
3. More clearly define sidebars
4. More clearly define content sections

A big part of the unification would be to get the various blogrolls with their associated images into some sort of consistent organization.

I’d increase the content section width. I’d do this by decreasing the width of both sidebars. While I’d attempt to keep them symmetrical initially, there’s nothing wrong with asymmetrical sidebars as long as they are neat, clean, and functional.

I’d consider reorganizing the sidebars. Ads on one side, blogrolls on the other is one option. Making the sidebar content more intuitive would be the goal.

I’d amplify the style by adding more red and more blue to the content section. I’d do this by adding color and graphic elements to the individual post template. I’d add more negative space between posts, and increase the size of the blog titles in order to improve flow.

The big change I’d make, would be to the header. This site needs a stronger header. It’s talking about and to truckers, it needs to make a strong and unwavering statement. Some sort of truck or trucking associated image seems obvious, but I’d work with site author to see what would be most appropriate. My first choice would be to use an almost abstract image of a truck. It could be an extreme close-up, or an unusually angled photo. You don’t want to go with a traditional or predictable photo of a truck here. Drama and impact are important, and this is the place for it.

Summary
This review may sound overly negative, but that’s not how I see it. I see the style of this site more as a blank slate than anything. The style current style isn’t a negative, but it’s not as much of a positive as it should be The site structure is much the same way, not a negative, but not a positive enough. This site needs to make a stronger statement.

In some ways this site’s style is being pushed too much by various blogrolls and associated images. They each make a statement of their own, and it confuses the overall style.

The key here is unifying the various site elements, and amplifying the overall style. Easy to say, not always easy to do. However, the improved usability, functionality, and dramatic effect that will come from an improve design will be well worth the effort.

Since joining the The Cowboy Code Marshals, I thought I’d review a couple of the members. To get the ball rolling, I’ll start with the Conservative Cowboy.

Style
I’m not sure what I’d call the style of this site. I have the same problem defining my own site’s style. The idea of cowboys and web design doesn’t lend itself towards any name that doesn’t sound like the punchline of a joke. Cowboy Geek? Techno Cowboy? Those both sound like bad movies from the 70s or 80s. “Classic Western Web Design” might work, I’ll give that some thought. Regardless of the naming problem, the site’s style is distinct. A web site designed for, and probably by, a cowboy.

Christopher uses a fairly simple white on black color palette for the site, and I think that works. This sort of simple color palette can really catch the eye if done carefully. I would consider changing the link style however. Small fonts with red on black can be hard to read, as at the bottom of each post. I’d also consider working more white into the design to break it up visually a little more.

Some key text in this site is highlighted by being made red. Nice impact, but I found it distracting that it was the same color as the link text. Made it look like a link, when it wasn’t. I’d consider clarifying that in some way, so that highlighted text and links can more intuitively be told apart.

This site has a fixed width layout. Nothing wrong with that, though I personally prefer fluid width. Despite being fixed width though, it could still use space a little better. The header for instance could fill the space a little better. The header image has a lot of potential and modifying the layout slightly would use it to better advantage. The twin revolver image at the bottom of each post could also be used to define that space better. By putting an outline around that image, it limits its impact. While these are small changes, they’d make a noticeable difference. That outline is likely an unintentional artifact added by the CSS, but it could be removed the same way.

I like the fact that negative space is considered in this layout. I would adjust that here and there for more impact. A little more space between posts, and a little less between paragraphs for instance, would help the flow.

Content formatting needs to be a little more standardized. For instance most of the content is left aligned, but some posts are mostly centered. This is distracting. I’d also suggest not centering blocks of text, it makes it more difficult to read. As this seems to be most often used with quotations, I’d suggest changing those to blockquotes, and editing the blockquote CSS to an easier to read, but also more distinct, style.

There are two other style factors in this site that I don’t usually discuss. One is music. This site plays country music when it’s loaded. Nothing against country music, I listen to it daily, but I like to choose my own. I’d either remove that option, or make it optional in some way.

The second style feature I don’t often mention is animation. Animation, or any moving objects on a page, are a distraction. While they can be an interesting graphical addition to a page, they should be used with care. A number of objects on the Conservative Cowboy’s navbar move. I’d limit the use of these elements, or eliminate them entirely. Pick one maybe, like the flame’s at the top, and get rid of the rest. I’d also consider limiting the movement of that one item. For instance, instead of an infinite loop, make it cycle for 10-15 seconds, then stop. Another option is to do what is done at the Day by Day Cartoon by Chris Muir site. Go take a look at that site, then hover your mouse over the Day by Day logo above the cartoon. Notice how it pulses? It didn’t do it for me today, but in the past it’s played music when the animation turns on as well. An interesting alternative to having the animation turned on when the site loads.

My final thoughts on style are that this site has a good start on a great style. It needs some refinement, and it needs to push the style a little more too. Both the simplicity of the color palette, and the cowboy theme elements can be accentuated more, with good effect.

Structure
This site as you can tell is a blogger.com site, and is largely based on one of their themes. Nothing wrong with that. It is a safe and reliable blogging platform. I personally like WordPress better, but that’s more a matter of personal preference than anything else.

I tested the site using WebSiteOptimization.com as I normally do for this sort of post, and I found some interesting things. The first thing that caught my attention when I read the report was load time, which seemed unnecessarily long (289.27 seconds on 56K modem, 103.99 seconds on 128K ISDN). This was explained when I read further. 75 images and 27 scripts. 75 images is a lot for a non-photo blog, but it isn’t unrealistically high. 27 scripts however, is I believe, a new record for me. That’s going to significantly impact load time, especially since they all appear to be pulling content from remote sites.

Images are not without fault here though. While the images placed here are not very large in physical dimension, their file size is unnecessarily big. Optimizing them would go a long way towards decreasing file size and improving load time.

I see a number of validation errors which I’d fix, though none of them are serious. Most everything I’m seeing seems to be a Doctype discrepancy. The document is one Doctype, but the code is written for another. Changing either to match the other should fix the problem.

Font and Center tags are used in at least a couple of locations for highlighting sections of text. A better solution would be to create a few new CSS classes to use in place of these tags. That’s much easier to maintain over time. If the site style changes, the highlight classes can simply be changed to match, while Font and Center tags would have to be updated manually on an individual basis.

Content
The content is exactly what you would think it was from the title. The writing of a conservative cowboy.

What would I change
The first thing I would change would be standardizing the code. Fix the Doctype issue, then replace the Font and Center tags with CSS. From a viewers point of view, this might have little or no effect, but it would allow my next style changes to reliably have global effect.

I’d next adjust the negative space to improve flow. I can eleborate if anyone is interested, but for now I’ll just say that some small changes to the use of spacing will make significant improvements in the flow and readability.

I’d add some white to the overall style, probably n the form of graphic elements of some kind. With a little more white to balance the black, the already strong effect of the simple color palette would be accentuated.

Change the link style to a more readable solution. While the red works good in the main content, in smaller links and bigger blocks of text it doesn’t work so well. The option I’d try first would be to change the link color in the post footer and the navbar. For instance there’s no reason those couldn’t be white with or without an underline. They could be considered of secondary importance to the blog posts themselves, and this color change would reinforce that.

I really like the header image, but it’s not being used as well as it could. I’d change it to better use the space, removing the outline would be a start. I’d also consider changing it’s shape and positioning slightly as well.

I’d change the use of the twin revolver images to better use the space at the bottom of each post. Here again I’d remove the outline, and probably add another graphic element to balance that small image with the wider text blocks above and below. I’d start with adding a CSS line above or below the image, the full width of the text column, to see if that alone wouldn’t balance it. I think that would be enough.

I’d limit or eliminate the flash and animation, as well as making the music optional, preferably with the default as off.

I’d strongly consider using some of the space outside of the fixed width portion of the site. Currently the site floats in the middle of a black page. Depending on the viewers monitor resolution, up to several inches down either side of the screen is empty. This space could be made more graphically interesting using a subtle repeating image of some kind. As you can see, I’m currently using a leather texture on my site to do that sort of thing. On the Conservative Cowboy site I’d do something much more subtle, and more in line with the simple color palette already in use. I would use an image like mine however, in that I’d repeat it either across, or down, but not both. The key here is subtle. It’s very easy to overdo this sort of image and really make a site look cluttered. With this sort of thing you should always try to err on the site of too subtle. Better to have viewers miss it, than overpower them with an image that’s too strong.

Summary
In summary, I like the site. I like its potential even more. It needs a little work, but all sites do. A little structural improvement, a little stylistic improvement, and it will be a stunning site, and easier to use and maintain as well.

Not all sites can use this sort of color palette and style, their content just wouldn’t support it. The Conservative Cowboy however, is one of those sites that will really make this sort of style work. The combination of text and imagery used here is set off nicely by this sort of presentation.

As with all of my Design Review posts, feel free to ask for clarification about any of my comments or ideas. I’ve always intended for these to promote discussions on design, that’s why I write them.

Trackposted to Pirate’s Cove, The Pink Flamingo, Right Truth, The World According to Carl, and Shadowscope, thanks to Linkfest Haven Deluxe.

Why is it that radio stations tend to have atrocious websites? While I understand that they’re not in a visual field, you’d think they’d know enough to delegate to someone appropriate. Though I love their radio station, I’ll mostly be handling the review of 94.9 FM Star Country’s website as a lesson in what not to do.

Style
The style of bright, bold, and animated. That’s not a compliment.

The color palette is mostly yellow and blue as you can see from the screen shot above. While I can see a lot of potential with this palette, this isn’t quite working. Too much going on with the color. This will be an ongoing theme in this review. A simplification of the color palette would go along way here. Simplification would help unify the content, making it one page, and one layout, rather than the current series of disjointed and unrelated boxes.

Using blue and red text on a yellow background, as is done below the fold, isn’t helping this overly colorful and overly cluttered layout. Using a little quieter color combination would significantly improve readability.

By animated I didn’t mean lively. I mean there are a lot of things moving on this page. Very annoying. That white box that seems to have the only bit of real content on the home page… that’s animated too. It switches ever 30 seconds or so between three different blocks of content. Limiting the animation used here would also be an improvement.

One of the animated elements used on most if not all of the pages on the site has aspects that I like. The blue banner-like element just below the header. While I don’t think it’s currently working well as one of several moving elements, I like it’s purpose. It lets a viewer know what’s currently playing on the air. It’s a nice touch. I’d either simplify it into a less dynamic, and more text-like element, or change the page layout so that this element works better.

The layout is the biggest problem for me. Essentially this home page is laid out as four column page with a fixed width above the fold. Below the fold it switches to two column. Fixed width might be appropriate here, that’s arguable, but I’ll let it slide. The four column however really isn’t working here. It’s limiting the content to about 320 x 360 pixels above the fold (that’s the animated white box I mentioned above). That’s a lot of wasted screen real estate. Unlike the home page, most of the pages appear to be in a slightly better three column layout. Definitely an improvement.

Structure
I’ll start the structure section by admitting that I am a bit of a snob when it comes to site construction. Let me count the ways.

1. I don’t like unnecessarily invalid code
2. I don’t like ASP, ASP.net, or Microsoft products in general (see #1)
3. I don’t like table layout
4. I don’t like Font tags
5. I don’t like unnecessary use of inline CSS
6. I don’t like overuse of scripts

Taking that into account, there are a number of things I don’t like about this site’s structure. Fortunately, table layout isn’t one of them. The all CSS layout might be overly complex for my taste, but there are no tables to be seen. The other five items listed above do come into play though.

There is what I consider a unacceptable level of invalid code. While most of it is minor, that doesn’t really let the site off the hook. Sure they’re minor errors, but they’d also be easy to fix. Why not do that?

Microsoft and ASP.net rear their ugly heads. This is likely the source of a lot of the invalid code. It’s quite possible that there are very nice sites put together by Microsoft products, but every one I know of is filled with excessive amounts of invalid and extraneous code. From the looks of it, some of this content was also cut and pasted in from MS Word, which doesn’t improve my opinion of the site. In my experience, Word creates it’s own little validation hell. Some versions seem to add more extraneous code than content when you paste directly into an HTML editor.

Font tags are interspersed throughout the site for no reason that I can see. A few simple lines of CSS would allow use of the class elements to do the same thing. Much less labor intensive to change.

There are a lot of instances of inline CSS that I don’t see the purpose of. Using one of the linked style sheets would have been a better choice in most instances. Much easier to maintain, and much easier to change in the future. Eliminating the use of inline CSS and font tags would significant factor in creating a unified appearance site wide. It would also make it significantly easier to update this unified appearance over time.

There are nine scripts running when I tested the page. This seems a bit excessive to me. While I think this is a mistake, they have somewhat improved my opinion of this by using scripts local to their site. Remote scripts are, in my experience, much more likely to cause site problems and loading issues.

Content
The content is what you’d expect from a radio station. Events, calendars, bios of the on-air personalities. A lot of potential for a community radio station. A community the size of Roanoke can really benefit from a resource like this. That being said, I don’t think the site is living up to its potential.

There is also a blog for one of the personalities, which came as a surprise to me when I heard about it. It’s actually a nice addition to the site, though from a structure point of view it needs some work.

Blogging
As you can tell from my site, I’m in favor of it as a rule. It does however, need to be done right. A business should blog in a professional manner, or not at all. Robynn’s Corner is one of those aspects of this site that I think has a lot of potential. The potential for interaction between radio personalities and their listeners.

I think the content of this section of the site is perfectly reasonable, though there should possible be more. The layout needs cleaning in line with the rest of the site, though the header is a little clearer here. Like the main site, advertisers and site navigation need to be separated for clarity purposes. Having advertisers interspersed within site navigation and content is confusing at best.

Here’s what I think would really get this blog going.

1. Convert the blog to a more industry standard blogging platform. This would give you
   • RSS feeds so viewers can subscribe
   • Moderated commenting, registration of commentors is possible
   • RSS feeds for commenting, so fans can follow online conversations if they desire
   • The ability to easily post content in a timely fashion
2. Expand the use of blogging to other personalities who are interested. A group blog for the station rather than individual sub-domains for each personality might work better.
3. Give site authors access to post while on air, though I’d suggest the assistance of an editor
4. A dedicated support person for the blog. Someone with enough web and blogging experience to streamline the process for on-air personalities.

If they’re going to blog, they need to jump in completely. The current blog is more of an almost blog. No comments, not RSS feeds. Not much in the way of timely posting. They need to update the blogging platform with something like WordPress or Movable Type, or don’t blog at all. Bringing in a consultant to train the staff bloggers wouldn’t be a bad idea. A dedicated support person would be better if blogging was to be made a priority.

What I would change
It would be an interesting project. Unification would be my first big goal. One unified site structure, with clean lines and a simplified color palette.

I’d start this unification plan by making the whole site three column.The four column home page is too complex and confusing. I’d top the page with a clearly defined header, no ads. The current use of most of the header for ads space is confusing to the eye. I bump that advertising down to just below the header and above the primary content.

While I like the idea of the live update of what’s currently on-air, that needs to have a little less prominence, I’d suggest the top of the right sidebar. I’d also suggest making it a little less flashy and dynamic. It draws the eye too much currently.

I’d make the sidebars full length. Currently they end where their content ends. I personally find this distracting. Running them the full length of the content section would make for a much cleaner look for the site.

Pick one primary site color, personally I’d go with blue. Nothing wrong with the current yellow and blue, but one needs to take the lead, with one being the accent.

I like the idea of the white text section headers on the electric blue graphic element that is currently being used, but I’d change the execution of that idea. Rather than making the text part of the graphic element, I’d use CSS to make the electric blue element a background image behind white HTML text. Much more versatile to use, easier to maintain. Right the text, apply the style and you have your section marker. You don’t need an image editor to change the text.

I’d build on that blue on blue color scheme. Define the whole page with the navy blue currently being used n the site, and accent it with a combination of yellow and the brighter blue.

Make the primary paragraph text color black, on a white background. Define the headings in blue to coordinate with the basic site structure. Use of yellow wouldn’t be out of line, but not as text or behind text.

Clean the navigation. Currently the left nav bar is breaking in both IE and Firefox, though in different ways. That needs to be cleaned up, and standardized site wide. I’d put all of the site navigation and functionality, searching and so forth, on the left, while shifting all advertisers to the right. The viewer needs to know, intuitively, where to find things. By dividing between advertiser and site resources, we can clean up what is currently confusing.

remove all font tags, and most of the inline CSS. Maintaining a site like this is time consuming, and there’s not reason to shoot yourself in the foot by making it more difficult to maintain.

Summary
My first impression is that this site is cluttered, disorganized, and needs a lot of help. My second impression though, is that while it does miss the mark, maybe not by as much as it might first appear.

• The home page layout needs to be reworked.
• The content is good, though there could definitely be more of it.
• The site is functional for the most part, but there is definitely a lot of room for improvement.
• The color palette is too complex, and needs simplification.
• The site structure needs to be updated.
• The blog needs to be expanded and upgraded, or removed. No half measures

Overall the site has a lot of potential, especially in my opinion, the blog. it is not however, living up to that potential.

While the radio station is wonderful, and I’m a big fan, the site needs to be brought up to the standard that the station has set for its radio shows. If it is, it will become a big resource for the station, and in my opinion, for the community.

Trackposted to Perri Nelson’s Website, , third world county, A Blog For All, , Pirate’s Cove, Right Voices, and Gone Hollywood, thanks to Linkfest Haven Deluxe.

As you no doubt noticed, I didn’t have time to post yesterday. Several projects popped up that needed quick turn around. Busy again today, but I hope to have a new Design Review post up soon. I’ve been working on ideas for it, but haven’t had time to write it yet. Hopefully later today.

This is the Thursday edition of Open House, and comments and trackbacks are now open. If your site doesn’t support trackbacks, use the Wizbang Standalone Trackback Pinger.

Update: This looks like fun. Making giant soap bubbles.

Creativebits has posted an article called “How not to come up with a logo” that’s worth reading. Despite it being the Republican National Convention logo, this isn’t a political post. It’s just a poorly put together logo that deserves comment.

The Blog Studio has announced a new Blog Design for HELLO, my name is BLOG!. It’s a perfect example of repetition of color as a design element. A beautiful site design as usual for the Blog Studio.

Craig Photography has a new photography site!

I’ve been reading John Craig’s blog for quite a while, and he now has a new site to show off his artwork.

Style
Clean, elegant and black, what more could you want for style? It actually might be a little too simple, but you can’t argue that it sets off the photos nicely. If you’re going to err here, erring in the direction of simplicity is the way to go. It would have been very easy to overdesign this site, and it was not done. Clean, neat, and orderly. No clutter to distract from the content.

I think the choice of an almost black and white photo for the first image was a particularly good choice. I’d recommend that similarly colored images continue to be used in that position. The simple color palette of that image highlights the elegant nature of photography and the site design. As we all know, first impressions matter, and this gives a good one. The color images that follow don’t take away from this first impression, but build upon it.

Structure
Flash. Maybe not my first choice, but well done. Flash is so often overdone in this sort of site, but here it’s used with quiet restraint. The word subtle comes to mind.Perfect for showing off the photo without over shadowing them.

I couldn’t help but notice that the pages have not page title, and is also missing keywords or metadata. Simple fixes and something that likely just got overlooked. They would allmake the site more search engine friendly.

What would I change
I’d promote the photographer a little more. Mr. Craig’s name should be a little more prominent.

I’d fix the page titles, and add keywords and metadata to the pages. Again, this would be to promote the site and the photographer by making it more search engine friendly.

I’d add some sort of fluid graphic element to break up the simple but linear structure of the layout. To my eye it’s just a little too organized for my taste. It is a matter of taste though, I’d be very hesitant to make any significant changes, I’d want to be very, very subtle if I changed anything about the design. I’d consider using some sort of classical element as the fluid element I’d add. A fleur-de-lis or maybe some simple scrollwork. I’d simplify whatever image I chose to use, making it look like a simple fluid drawing, maybe even a single pen stroke. Color would also be important, it would need to be a dark neutral that was subtle enough not to clash with any photo.

You might be able to kill two birds with one stone, and add the fluid element while promoting Craig at the same time. I’d consider adding his name, possibly in a fluid font or even a signature, to the background of the site. Very subtly, in a dark almost black graphic. Probably at the bottom left, partially behind the existing toolbar. Just a little flourish to breakup the otherwise linear layout.

Summary
Craig’s new site is a beautiful piece of design. It’s simple and elegant, and gives first priority to showing off the photos, as it should. While I’d consider a few minor changes, they are entirely a matter of personal taste. Realistically, I rarely see anything that I wouldn’t consider changing at least a little, and this comes as close as anything to that untouchable ideal.

The key here is to remember the purpose of this site. It is to promote Craig Photography and John Craig’s photos. It does that with style. Well done, my congratulations to Craig on his new site, it will serve him well.

Trackposted to Blue Star Chronicles, Perri Nelson’s Website, Planck’s Constant, The Amboy Times, Rosemary’s Thoughts, Adam’s Blog, and Pursuing Holiness, thanks to Linkfest Haven Deluxe.

Designer review thy self! Someone asked me how I would review my own site yesterday, so I gave it some thought. I won’t do a full review, but I’ll hit some of the high points, and the low points.

Style:
Perfect! OK, not exactly.

Too much stuff for instance. While the content layout is fairly good, the header could use a little more open space.

The style is also somewhat inappropriate. It’s a Western WordPress theme on a design related site. Not exactly what readers are looking for, and not reassuring that I can talk knowledgeably on the subject. I should use something more modern, and design oriented. That said, I’m not going to change it. This is my place to play. I change themes when I want, and I use any theme that amuses me. This site was intended a s a stress reliever, and if I start worrying abut traffic and appropriate themes then it becomes more like… work. I design for other people for a living, this is for me.

On the plus side, I do think that as Cowboy WordPress themes go, this current one works. Especially since I’ve removed the wolf image from the header. (A whim I grew tired of) If I had more cowboy themed content in this blog, this would be an appropriate theme to use.

I also think my use of images tends to be reasonably good. You may argue that my choice of images is bad, I can’t argue with that. I would however stand up for how I use them. I like to use carefully optimized images, repeating images, and overlapping images to give the effect of a single large image. This keeps my load time reasonable, and allows me to use a fluid layout which I’ve always been fond of. I’m particularly pleased with how the tooled leather texture on the left edge turned out. Again, you may not like it, but I think the repeat worked well, and the textural aspect works well with the other images.

Structure:
One word for you. WordPress! I keep it on one of the more recent editions, and I use fairly solid themes. While my load time is occasionally a little high, it’s a pretty solid site for the most part.

Content:
A random mix of politics, humor and design. If I’d stay on any one of those topics, my site statistics would be much better. I should also write more consistently, more less, anything that’s consistent… but I probably won’t.

What would I change:
Somewhat of a moot point, since I can change anything I want.

Summary:
Perfect! Well… it at least works for me. A good, structurally sound site with good layout and readability. Content is a little random as is the posting regularity. The themes are usually well functioning, but often inappropriate for the subject. Traffic could be improved by a series of known improvements which I’m likely never going to make.

Trackposted to Blog @ MoreWhat.com, DeMediacratic Nation, DragonLady’s World, Nuke’s news and views, Pirate’s Cove, Webloggin, Conservative Thoughts, and Pursuing Holiness, thanks to Linkfest Haven Deluxe.

I’ve described design as painfully bad before, but I think this actually is.

London 2012 Olympics branding film causes epileptic seizures | 456 Berea Street

Recently a movie clip that was published on the official London 2012 Olympic Games website (Warning! Contains colour combinations that are painful to look at. Yes, really.) contained an animation that caused seizures in at least thirty people. And those are just the people who contacted the charity Epilepsy Action about it.

I knew about the seizure inducing effects of pulsing or strobing lights, but I thought TV networks were careful about what they aired. Apparently not, because the TV version of this online video induced seizures as well.

Mitt Romney’s campaign web site is up and running. It probably has been for a while, but I only recently noticed it. Here’s a few of my thoughts on the site.

Before I start with my usual review, I thought I’d mention the Five Brothers Blog. Mr. Romney has his sons blogging for him on a subdomain of his political site. A nice touch I thought. It’s dynamic nature should help drive traffic. Five people writing about Mitt Romney should definitely get good placement in the search engines. It seems to be well written too. They’re all following the campaign’s direction I suppose, but they all sound sincere. I think this aspect of the site will turn out to be big benefit as the campaign goes on.

Style
A fairly simple color palette, red, white, blue with a couple grays. Simple, but well done. The palette gives it a very clean and neat look, and the layout takes advantage of that.

The home page plays a sequence of campaign photos with links to press releases. They had the decency to run the photos fairly slowly, which is nice. A lot of sites seem to try to rush images by you at a rapid rate, but this isn’t unpleasant. It’s also, with one exception, the only moving part of the site, which is nice too. Too many sites find a technology like this scrolling images, and use it repeatedly. One moving image is interesting, two is annoying, and three will get you convicted of cruel and unusual punishment by any jury. The one exception I mentioned is a flash piece the plays when you hit the site for the first time. It’s a clever little bit of flash that shows Mr. Romney appear to walk out into your browser and welcome you to the site. My screen capture above shows him in the lower right corner. While it is clever, and is well done, I’m still undecided on whether it’s a benefit to the site or not. I’d think it would be found annoying by most people, but I could be wrong. It didn’t annoy me, but I’m a geek, and I’m fascinated by this sort of technological geekery.

The layout is mostly a three column affair. Nice and neat, everything in it’s place. They’ve so far stayed away from the clutter that can infest this sort of site. Hopefully they’ll continue that trend.

White space is used well. A fairly tight layout, but not too much so. Everything flows nicely, with no crowding.

It’s a fixed width page, which is a negative for me. I almost always think a fluid layout would be better. That said, this layout does work well. I wouldn’t hold it against the designer too much that this is fixed width. It probably wasn’t their choice anyway.

Structure
The site structure is decent. Almost entirely CSS with a table thrown in a couple of times. All tables appear to be used appropriately for tabular data of one kind or another.

While the site does view well in a variety of browsers, it could use some help. It has an unusually high number of validation errors and warnings. They appear to be mostly from the use of outdated or inappropriate coding. No individual problem is severe, but I’d be concerned that out of date browsers might have problems here. More than anything it looks like the Doctype doesn’t match the coding. Someone has upgraded the Doctype to something newer than the code can support. Again, not a big thing, but it should be fixed.

There are also some accessibility issues. A lot of images don’t have alt coding for instance. While this might be insignificant on a blog like mine, a campaign site needs to be really active on this. If you don’t give your viewers the information they came for, they’ll get it at another candidate’s site.

Content
The kind of political jabbering you’d expect from a campaign site. Nothing you wouldn’t expect with the possible exception of what could turn into a decent blog.

What would I change
I’d really only change the structure. Get the Doctype matching the code, and clean up the accessibility issues. Leave the style alone, and execute the style a little better with some cleaner code.

Summary
I’m a little surprised actually. It’s better than I thought it would be. Candidates seem to be taking the web much more seriously this campaign cycle, which is a good thing. A lot of people are using the web to do political research, and not taking it seriously can really hamstring a campaign. I think Mr. Romney will be well served by this site if it’s maintained properly.

Trackposted to Perri Nelson’s Website, Right Celebrity, DeMediacratic Nation, The World According to Carl, Blue Star Chronicles, The Amboy Times, Leaning Straight Up, Conservative Cat, Right Voices, and The Yankee Sailor, thanks to Linkfest Haven Deluxe.

Michelle Malkin’s blog has been redesigned by the nice people at The Blog Studio.

This month marks my third year in the blogosphere. To celebrate, I’m launching MM.com version 2.0. Thanks to the wizardry of Mark Jaquith and the design gurus at The Blog Studio, you’re looking at a radically re-tooled blog format with some cool new user features -Michelle Malkin

Well done! It’s a three column design, with a double sidebar on the right. While this is a style which I’m generally not fond of, this works. The two columns of content, primary and one sidebar, visually separate nicely from the traditional sidebar.

Whitespace is used well, as it was in their HotAir design. Also reflective of the HotAir design is their subtle use of color. The very simple color palette on both sites works well with the the large number of images they tend to use.

The coding looks good as I’d expect from The Blog Studio, though I’m seeing an odd use of Font tags here and there. I suspect the final design is being tweaked as I write this and those will likely go away soon. Time will tell.

Congratulations to Michelle Malkin on her new design.

Trackposted to Perri Nelson’s Website, Blue Collar Muse, Committees of Correspondence, third world county, Right Truth, The World According to Carl, The Amboy Times, Right Voices, and The Yankee Sailor, thanks to Linkfest Haven Deluxe.

I saw a political website that I liked for Fred Thompson. I even like the URL, I’m With Fred dot com. Most politicians take themselves way too seriously, and I thought this was a nice change. This will be a simple review, I just had a few comment I’d like to make.

The key to this design in my view is the simplicity.

• Simple color scheme
• Simple graphics
• Simple layout
• No animation or flash in the basic site design

I was shocked. A nice clean layout without all of that @#$% that this sort of site usually has. Political sites are usually design by committee nightmares at best. Maybe this will turn into one of those, but the initial site is refreshing.

A blog with open comments was another nice touch. I was particularly impressed by the fact that Mr. Thompson actually appeared to be doing some of the blogging. We’ll see how that turns out. I’ve been less than impressed with celebrity blogging as a whole, but his first few posts were not bad. No long diatribes. Just short notes about current events for the most part.

I’m not sure what I think of this campaign politically, but I’m impressed with the way they’ve put together this site and using it to their advantage. It appears to be well thought out, and well executed. While this alone won’t get my vote, it will keep me watching to see what he has to say. When it comes down to it, keeping people watching what Fred Thompson has to say should be the primary purpose behind this site, and in my opinion, it’s fulfilling this duty well.

Trackposted to Perri Nelson’s Website, Blue Collar Muse, Committees of Correspondence, third world county, Right Truth, The World According to Carl, The Amboy Times, Right Voices, and The Yankee Sailor, thanks to Linkfest Haven Deluxe.

You thought I was going to do my own Design Review of NRA .org didn’t you? I’d actually been considering it, but Andy Rutledge beat me to it. Go read his post, it’s everything you’d expect from one of my design reviews… except better written.

And now back to our regularly scheduled Design Review series. OK, not very regular, but I’m working on it. Today’s choice of subjects is Grouchy’s Liberaltopia. It’s a fairly new site, having been started earlier this year, but the design has a very mature and professional look.

Style:
Their style starts off with a bang. Anyone who can design a WordPress theme around a header image of the US Constitution and flag has my vote. A dark red gradient background anchors the page nicely.

Good use of color. While I normally cringe at making links blue (often looks unintentional), it works very well here as an accent to the red background and white page.

I’m particularly impressed with the layout, a very nice use of space. They have avoided the common blog design error of crowding and cluttering. Everything is nicely space, and highly readable.

Using a flag image in the blockquotes adds a nice touch. It balances nicely with the rest of the theme.

Overall good marks for style.

Structure:
This is a WordPress site, and as you might expect from me, I like the site structure. It’s not perfect however. There is some sloppy coding I don’t like. After a quick look I’d guess it’s a widget or two. Nothing wrong with using them, but I don’t always like the code they produce. More of a matter of personal preference than anything, I’d be shocked if this coding caused any problems, it’s pretty insignificant.

Content:
Content is well written by authors that have a sense of humor. They take their subjects seriously, but not themselves. All of these things are pluses in my book.

What would I change:
I’d think about changing the login bar at the top. To my eye it’s not quite right. I’d say it either needs to be more prominent, or less. Removing it and putting those option into the sidebar would be another solution.

I’d make an effort to clean up the code somewhat, but that’s likely produced by widgets or code from external sources so that may not be an option.

I’d consider changing the use of the flag image in the blockquotes so that it doesn’t repeat in long quotes. I like it’s use, but I’d fading it out in long quotes rather than repeating. This is one of those things I might change my mind on as soon as I tried it, but I think it would visually work better.

I’m personally not a fan of animated site elements for the most part. I’d likely replace the rotating gear element that begins each post.

Summary:
A very good design, with decent execution. While I see things that I’d personally change, I don’t really see anything I’d consider an error.

The coding could improve, but that could be said for most blogs. I don’t see any coding issue that’s likely to cause a problem.

What would I not change? White space. The use of space is good, and I’d be very careful about changing that.

Like their friends/rivals the Rotties, they’ve got the beginnings of a good branding effort going here, and I’d make an effort to maintain that in future. I think the use of historical imagery, and the red, white, and blue color palette should continue on any future design updates.

I’m fond of this theme and give it good marks, and I think the owners and designer of it should be very pleased.

Trackposted to Perri Nelson’s Website, third world county, The Crazy Rants of Samantha Burns, Pirate’s Cove, Blue Star Chronicles, Dumb Ox Daily News, Pursuing Holiness, The Yankee Sailor, and Gone Hollywood, thanks to Linkfest Haven Deluxe.

I’d like to apologize profusely to the owners of A NEWT ONE for not being more clear in my latest latest design review. It was not my intention to say that your blog’s design was poor. I think the site actually has a lot going for it, but that it is not living up to it’s potential due to some structural issues.

While the list of suggestions I had seems long, it’s not as bad as it looks. Most of the suggestion I had could be enacted without visibly changing much. The site would visibly look very similar to how it does now, but load time would be noticeably reduced.

I use the Web Page Analyzer for all load time estimates. This has in the past been very reliable and consistent in it’s estimates. It does however, seem to be a little flaky today. I reran the estimates for the site, and they came back noticeably better (about 20% better), though still not good. It is currently showing estimates of 494.24 for dial-up, 164.27 for DSL, and 31.24 for T1. This coincides closely with my personal experience on this site.

I’d also like to request that anyone who read this review please re-read it in a few minutes. Several sections of my post don’t seem to have posted properly, and I’m in the process of correcting them as well as the revised load times.

Update:
The review is now fixed, and this correction has been track-backed to all sources that the original was.

Trackposted to Blog @ MoreWhat.com, Perri Nelson’s Website, Mark My Words, Faultline USA, basil’s blog, DragonLady’s World, Blue Star Chronicles, Pirate’s Cove, The Amboy Times, The Bullwinkle Blog, Dumb Ox Daily News, Conservative Cat, and Conservative Thoughts, thanks to Linkfest Haven Deluxe.

I’ve been getting some traffic from A Newt One lately. My link is included in the 101rst Fighting Keyboardist blogroll somewhere on their sidebar.

Style:
The style of Newt One is based on white and colored text on a black background. This is harder to pull off than most people think. This is a much more unforgiving color scheme than its’ inverse . It’s difficult not to cross that subtle line where it becomes cluttered. I think that Newt One has gone over that line. What might be borderline cluttered on a dark on light color scheme might be cluttered on the light on dark version.

This site needs a much more unified color scheme. It currently visually breaks up into several blocks of content. This can cause it to be difficult to follow and difficult to navigate. This is exaggerated by the multiple fonts, font colors, font sizes, and varying background colors present. I think this is more because different authors post in slightly different styles than anything. Using a very tightly controlled color scheme, and a good CSS would remove the need for on the fly formatting, and would improve consistency. As I said above, the light on dark color scheme is much more unforgiving than the inverse color scheme. Variations in color and formatting are much more obvious here than they would be in another theme.

While there are a number of interesting graphical elements, they are almost entirely swallowed by other elements of this site. As an example, the 9/11 graphic on the top of the navigation bar is very interesting, but completely overpowered by other images. It is also placed incorrectly, and slides behind text when the page is scrolled.

Structure:
The site is built with a table layout, but incorporates some CSS as well. I don’t see that the table layout is helpful here. A strictly CSS layout would give much finer control over the overall style of the site.

Font tags are used extensively here, and this exaggerates the cluttered nature of the site. When each paragraph’s font styles are defined on an individual basis, differences, regardless of intent, occur. CSS controlled text styles, carefully designed and applied, would give this site a much more unified look, and significantly reduce the cluttered effect. This may seem insignificant, but this use of font tags also clutters up the RSS feeds for this site, making them difficult to read as well. Making your site cluttered is one thing, making your feed cluttered is something else entirely. An RSS feed is targeted at regular readers and people with visual impairment of some kind. These are two groups who are not going to appreciate this sort of treatment, and likely will unsubscribe.

Load time for this site is beyond unreasonable. Load time is 31.24* seconds for a T1 connection! How many of their viewers do you think have a T1 connection? I’d guess not many. DSL load time is 164.27* seconds, while dial-up is 494.24* seconds. Slow load time was caused by the 92 images and 15 scripts that were on the homepage when I tested it. This is completely unrealistic. They’re doing their traffic great harm by having load times like this. Whether they know it or not, they’re losing a lot of viewers who might have otherwise become regular visitors.

Content:
Content is a nice mix of current events and politics by conservative writers. Content has a lot of potential, and I think they are going to exceed even their wildest expectations with this website.

What would I change:
In short… everything, and nothing. This site needs to be taken carefully apart, and put back together. The general site layout is acceptable, as is the style, but it needs to be shifted to a CSS layout, with no tables or font tags. Then some simplification needs to happen.

• The number images needs to be brought under control
• Images that are used need to be optimized for faster load time
• The number of scripts needs to be lowered
• A unified posting format needs to be put together and strictly implemented
• The site navigation needs to be cleaned up
• Anything that interferes with the RSS feeds needs to cease

Summary:
This is a fine example of what not to do with a blog design. What did they do wrong? They did too much. Bigger and flashier isn’t always better. This site’s blog design is a hindrance to it’s performance, probably significantly so. Their traffic is being controlled and limited by their site design, rather than their content. I’d guess that within a short time after updating their style, their traffic will go up noticeably.

Contrary to what you might think from the previous paragraph, I think the design of this site has a lot of merit. I’m a big fan of the light text on dark background style, I used it myself for a while. Simplification and clarification are the key. This site needs to simplify it’s formatting and it’s use of images, and both clarify and simplify it’s color scheme. With those two things done, it will be able to live up to the potential of it’s content.

Update:
This post was originally posted in an incomplete manner. Due to technical problems on my end, the content section as well as several individual paragraphs were not posted. I write these posts in sections, then do an over-all revision. It appears that my last section, and the over-all revision were not initially posted. As I noted elsewhere, my apologies.

* Load times have been rechecked and revised. The resource I use to check load times may be malfunctioning, and these numbers are at best a guideline at this point. I did test this site on DSL and T1 connections, and my personal load time estimates were close to my automated test times.

Trackposted to Blog @ MoreWhat.com, Perri Nelson’s Website, Mark My Words, Faultline USA, basil’s blog, DragonLady’s World, Blue Star Chronicles, Pirate’s Cove, The Amboy Times, The Bullwinkle Blog, Dumb Ox Daily News, Conservative Cat, and Conservative Thoughts, thanks to Linkfest Haven Deluxe.

456 Berea Street is linking to two interesting articles on web design. They are Failed Redesigns and Unfailed Redesigns. Very good critiques of web site designs. If you like my Design Review series, you’ll love these. I particularly like their use of the phrases like “Coding like it’s 1999” to to describe outdated coding.