In my previous article, I analyzed Barack Obama’s campaign site, and talked about how well it’s designed. My original plan was to include a brief comparison to senator John McCain’s site. Due to the length of the article, and fairness to Mr. McCain, I think it’s only appropriate if I give his campaign site an unbiased review as I did for Mr. Obama.
I humbly suggest you to visit both presidential candidates’ web sites first, to form your own opinions before reading this article.
When I visited McCain’s site a few months back, it had a different design. Seeing the new site, I have to say it’s an improvement over the older design. In comparison, the new design is more modern, better laid out and more organized. However, what bothered me about the old site still exists in new site.
As soon as I arrived at the new homepage, I was very distracted by the different colored icons, buttons and banners. Not only was the color scheme distracting, but their styles were also inconsistent. The page as a whole looks very busy. It almost feels like several designers with different skill levels worked on parts of the page individually, without communication, and then slapped their piece together last minute for the final finish.
Let’s start with the things I do like:
The top navigation is pure css/text based. It’s probably the cleanest, most up-to-date looking element on this entire page. It’s a big improvement over the previous image-based buttons.
The News and Events sections are also fairly clean and easy to read. I like the big type used for the header text, they divide the sections well. Normally, I like photo thumbnails on the front page to serve as fresh content, but in this case I feel the photo section only adds more noise to an already busy page.
I’m afraid that’s all I liked about the front page, at least from an aesthetic point of view. Now, onto the rest:
The year is 2008, and yet these buttons look like they’re from a Photoshop tutorial exercise in 1999, done poorly. Not only is the glossy effect sub par, but also the glow, glare, and padding of the text are inconsistent. You can find different types of buttons throughout the site.
When it comes to putting icons on a site, my philosophy is to evaluate the need for using icons first. If icons are to be used, then they better look like they’re from the same high quality set. Mix and match icons not only add noise to the site, but also scream unprofessional work.
I’d imagine both campaign teams have access to a huge collection of professional portrait shots of their candidates. I’m a bit surprised by the stark difference in choices here. As I said in the previous article, Obama and Biden’s photos look polished, appropriately post processed to convey the presidential look. Whoever Photoshoped Sarah Palin in clearly did not bother with any touch-ups at all. A simple tone mapping could’ve made the photo more professional. McCain’s web site header reminds me more of a local TV station’s, than potential world leaders.
I am not too crazy about the pose either. It’s possible McCain’s team wants to portray their candidates as more approachable, therefore the eye level shot instead of a low angle shot. This is not my complaint. My complaint is that both them of look hunchbacked.
Lastly, I’m surprised McCain’s site also uses blue as the main color. I expected red. Red is being used for the Republican candidate throughout this whole campaign. I admit, red is a tricky color to use, especially for a theme color. When used properly, it energizes and motivates. When used without much design thought, the site can burn with a bloody mess. I assume the designer went with a safer route.
The challenge in designing site layout is to consider both the front page, and the rest of the site. The front page typically serves as an introduction page, with a different type of content than the other pages. The McCain site’s overall layout is a pretty standard two column like Obama’s. However, I don’t see why all the pages under “Coalitions” launch in a new window, with a totally different layout. There are many sub pages that have different layout too. It’s OK to have different layout for some sections, since there are many sites within the site on a huge project like this. However, due to inconsistency in design execution, these inner pages look like they’re just dragged from somewhere else.
The site looks like it’s aimed for a minimal 1024width screen, however when I resize my browser to 1024×768, I see a horizontal scroll bar.
Unlike the Obama site, McCain’s site has a search feature. See if you can find it.
The site is a lot more up-to-date than the previous version in terms of deploying current web widgets. From the Ajax photo gallery viewer, to blogging and video streaming. At one point I saw a section that had a social networking side bar similar to that on Obama’s website. However, it was deeply buried somewhere on the site I could not find it again.
At this point I can’t say I’m qualified to give a fair review on usability, since I went to just about every page on the site. Overall, the site is pretty straight forward. The navigations are clear. However, Site Map section needs to be updated to reflect the whole site. A well designed site should be consistent throughout. Users shouldn’t have to relearn interface, layout after having visited the first few pages. As mentioned earlier, the layout and graphical elements on this site are not consistent, which takes the users longer to adapt to the site.
On some pages, even the textual content is confusing.
Why is “Press Releases” header appearing twice? This is true for the other sections under “News & Media.”
Despite negative critiques, I give McCain’s campaign team credit for the effort of continuing to improve their website.
It’s always interesting to see how a site’s design evolves over time, especially when it’s for the better. Senator McCain’s latest site IMHO is an improvement. However, it’s also disappointing to see after several redesigns the campaign design team still doesn’t get it.
So what is “it?” If the site provides the functionalities and information, isn’t that enough? McCain’s site is a workable site, a decent one even. However, it fails to brand senator McCain as a candidate, as a republican. The website does not reflect of who he is at all.
When we design a web site for a client, we’re essentially helping him/her to sell something. Whether it’s a product, or a service, in McCain’s case: selling him to the American public as the next President. This is why branding is important, and Obama’s web design team totally nailed it. There are many things to consider when it comes to marketing a candidate, here are a few I can think of:
McCain’s campaign team does a good job of marketing him on TV, radio and print media. But when it comes to his web site, it’s just not up to standard, especially compared to Obama’s. The web is one of the most powerful mediums for marketing today, an equal amount of effort should be put into it. What made Obama’s site a success, is not just because of pretty graphics alone. His design team understands branding, and possesses superior design skill. It’s all about the whole package.