The (Mostly) New BarackObama.com
By Michael Turk, 01/28/2008 - 2:30pm

I'm a bit late to the party on this, but hopefully it's fashionably late, and not like the guy that gets there after everyone has gone home and wants to sit and chat despite the fact that you're dropping hints for him to get out. I thought I'd take a closer look at the new BarackObama.com. I still think, despite all the prognostications that Hillary has it locked, that he'll pull this out and be the eventual nominee - even if it takes a floor fight.

This started as a review of the recently revamped website, and became sort of a hybrid post about the site and some general issues with online campaigns in general. I have to be honest; I began from the point of view that I don't really get why they changed the site at all. The vast majority of voters is still tuned out, probably had not been to the site, and therefore wouldn't really be sick of it. However, I realize that the staff probably was, the hardcore supporters probably were, and since Obama believes that change is good, well...

If the post gets kind of disjointed about halfway through, that's because the review also coincided with an interview I did with Jose Vargas and some questions about how campaigns should be using their site to engage voters in states where they may have little to no time to campaign as a result of the compressed primary schedule. After that call, I began to look at Obama's site through that prism, and specifically began to compare it to other sites through the same lens.

In other words, I wrote half of it when I was with Linda, and half of it after we broke up. And I should warn you I was listening to the Cure a lot.

Color Scheme and Appearance

Honestly, I'm not a big fan of the glowing blue ethereal cloud look. It's a little too artsy for me. You can't really make it out in the screen grab above, but they also have a mesh effect oddly reminiscent of the background on dollar bills behind the sign up option. When they continue the flowing blue angel effect into the headline, as they did above, it makes the whole page a little overbearing. It's way too blue, and feels like I have died and Obama is the maker. I can't imagine that's the look they were going for.

On a whole other level, the site also contradicts one of the things so many people credit him for - his speech at the 2004 Democratic Convention. Wasn't it he who spoke of no liberal America and no conservative America, but only one America. Didn't he challenge the idea of pundits dividing us into red states and blue states? Yet he seems to be sending a signal that he is the bluest of the blue.

I don't know if that was their intention, but as a Republican, it was the first thing I noticed. It's very, very, very blue.

The other big problem the site has is readability. With the text and background colors they have chosen, large chunks of the site become almost entirely unreadable. Take these two examples:

I'm no expert on graphic design, but I like to think I have a pretty good bead on what does and doesn't fly on the web. I also have a pretty good feel for what is and isn't W3C Compliant. Both of the examples above fail that test. The choice of grey text on white also causes readability issues throughout the site

Now I freely admit that I'm one of the older dogs in the online politics game. I'm knocking on 38 and most of the people I work with on campaigns are just out of (or still in) college. I suppose it's possible that Obama's website is kind of like the mosquito ringtone - only those under 30 can read it. If so, that might explain the huge advantage he enjoys with young voters.

Unfortunately, it causes a significant number of others to have a heck of a time working his navigation. Where I am from, that's a bad thing.

The Action Center

I continue to be a big fan of Obama's action center. Since the last time I spent time exploring his web presence, not much has changed as far as functionality with the exception of the online phone bank. One thing struck me about that tool, however. The Bush campaign referred to its online phone bank as Neighbor to Neighbor and under the larger umbrella "Personal Precinct". Mitt has "Call from Home" Thompson had "Phone for Fred", and McCain calls his, simply, "Online Phone Bank". These are less than clever names to be sure, but I do think these tools need to have a brand that conveys a) exactly what's expected and b) how simple that is. Obama calls his "Peer Contact". If I saw that as an uninitiated volunteer, new to the process, I would have no idea what it was. Even "Make Calls for Obama" would be better than "Peer Contact."

One problem Obama shares with his chief rival Hillary Clinton is a limited implementation of their calling tool. When I log in to Obama's application, I have the three options to make calls with two of those being into New Mexico. Hillary's, on the other hand, has only one option to make calls into California regarding absentee ballots (aren't there other primaries coming up?).

(note: the screen grab above was taken after the post was drafted. When I logged back in, I only had two options, but originally had three.)

I'm not sure if any of the Republicans are any better at this. I can't log in to Romney's TMAC, McCain is focused solely on Florida (as he should be), and Rudy doesn't seem to have such a tool (at least, not that I could find quickly, and on the Internet if you can't find it fast, it may as well not be there at all). I tried signing up for a Team Rudy password, but ten minutes later have not received my confirmation/validation e-mail.

Looking just at the Dems, though, at least when I click on Obama's, I get people and a script. When I click on Hillary's, I get a message indicating that "no callees are available". Huh? Are you kidding me? You can't find anyone in California for me to call? What about those other states? You know, the ones voting next Tuesday. With Alabama, Alaska, Arizona, Arkansas, California, Colorado , Connecticut, Delaware, Georgia, Idaho, Illinois, Kansas, Massachusetts, Minnesota, Missouri, New Jersey, New Mexico, New York, North Dakota, Oklahoma, Tennessee, and Utah all picking their nominee next week, you would think the two campaigns would have some folks to call.

States

Obama does make good use of a tactic we tried with the Bush campaign in 2004 - creating state specific pages with content relevant to the specific location. The bad news is the New Mexico page, a week before their election, is broken (pictured at right). The other states voting next week seem to be fine and contain interesting content. For instance, Obama has done a good job of including the ads they're running in the states. Many campaigns run ads only in one location to talk to specific segments of the population. Pre-YouTube, these ads were often never seen by people in other states. Obama has provided them on a state by state basis providing some nice transparency.

Campaigns can leverage those state urls in ads and drive voters in each state to specific information about the candidate and activities available to help. While campaigns are getting better at including their url in their ads, it can still be a tough sell to get the leadership to include them throughout the entire ad.

In 2004, Kerry's team did a great job of getting the campaign to understand the value of driving traffic with an ever-present address. The GOP still doesn't do that in most cases. They see the url as a distraction from the message. I'd like to see a campaign like Barack's employ not only a steady state url, but also make it specific to the state. An ad with the address BarackObama.com/NewMexico is more likely to grab my attention than simply BarackObama.com. I'm more likely to come back. As long as that ad is running, the state page should also feature more information specific to the ad in question.

The one thing missing

The one thing I really don't see on Obama's site is Obama. I see his picture up top, and I see clips of his speeches in their video content, but I don't see a lot of him making a personal contribution to his site. I'd really like to see him posting regularly, or doing some candid video. I'd really like to see him being as active in his community as he's asking us to be.

This is a complaint that I have of almost all the campaigns. In most cases, the url for these sites is the candidate's name, but that's about the only thing on which they have left their mark. The sites still feel corporate. They still feel more like the website for IBM. Some sort of connection with the candidate is why people are coming to the site, yet the site is often the last place you can find the candidate's imprint.

Below Average

Overall, I'd give the makeover a "C-". I was a fan of the old site, and just really think they took this in the wrong direction. I didn't test it with a screen reader for 508 compliance, because it was hard enough to read without a screen reader. I can't imagine that would make it easier. The contrast is way off, making a lot of the text hard to read. However, at least that takes your mind off the overwhelming blueness of it all.

The tools he provides are quite good, but the implementation is a bit off. I'd like to see more call opportunities in states voting next week. If there is still no clear nominee next Wednesday, it will become increasingly expensive to run in every state. The Internet could be a powerful tool for both communicating to the states where financial limitations make door-to-door campaigning hard. They can empower their people to be the force multiplier (as they should be doing for next week).

Unfortunately, nobody seems to be doing this, so at least Obama doesn't stand out.

Below Average Compared To What?

I think the redesign succeeds because it's clear that it was designed by a professional, ermm, design team. There's a consistent visual language to it all, the use of the Obama "O" is subtle yet pleasant when noticed, and it's a known fact that the deep blue color used is the most pleasing to the human eye (well, non-partisan-Republican human eyes).

Everything is in its proper place. It's evident that this was a product of a single vision, and not a design by committee, which can be especially disastrous when that committee is composed of political staffers with competing agendas and little knowledge of design or usability. The site successfully avoids the "let's just stick that here because we have no other place to put it" design clutter that usually infects political campaigns:

I agree that the contrast is an issue in these two parts of the site:

But those are the only parts of the site that have bad contrast (not "large chunks"), and to be fair, the left blue area has much better contrast on mouseover of the individual links. Also, the social networking area may have intentionally been designed to be not as noticeable if the design team was targeting the younger visitors who would want to click on those links. It was also stuck at the very bottom, so that also says something about its relative importance. Also, if I wanted to join Barack Obama's Facebook group, I'd go on Facebook.com and not BarackObama.com, but I do see the utility of that area for discoverability reasons.

Just by looking at it, I can tell that there was a level of thought, professionalism, and "let us do it the right way" buy-in that simply didn't happen for any of the other presidential websites this cycle.

Below average compared to what it was two weeks ago...

I appreciate your opinion. That's what makes these discussions useful - everyone brings a different take on things.

To answer your question directly, though, it's below average compared to what it was before they redesigned it. Like I said, I started from a position of not knowing why they redesigned it. They had one of the best sites. I would imagine I'm not alone among consultants in saying one comment I hear regularly from people is "we want something like Obama's site..."

When you're widely regarded as being very, very good, any tinkering runs the risk of leaving you tasting like New Coke. It's my opinion they did just that.

If I were judging sites just based on how they incorporate their logo, every overuse of the GOP elephant by a state party would win. I actually think the "O" is overused, but left that alone simply because I recognize his supporters would likely disagree.

As for the Fred stuff, don't get me started. We jokingly referred to that as the fender of the website and those as the NASCAR stickers. The sponsorships rotated regularly.

With regard to the contrast, the font they use throughout the body is technically compliant (unlike the SocNet and other nav), but gray on white does not provide the same degree of contrast that black and white would have. That's a personal preference, though. In that way, my opinion is no less valid than someone who has issues with very small fonts. If it's hard for me to read, it's a problem.

The same goes for the blue. It may be my large resolution monitor, but there is so much blue that it gets annoying after a very short time. If you ever worked with old versions of Word Processors that implemented a blue background and white lettering, you may know what I mean. It's just too much. The shades not bad, it's the volume of it that gives me issues.

As for the claim that "it's a known fact" this shade of blue is the most pleasing to the human eye, I can't really address that. I've never seen any studies done of that particular shade, but would love to see a link. I'm always looking for research on colors and design.

somewhere in Jakob Nielsen's site

you'll find all about the pleasing qualities of the color blue.

i LOLed with your description of him looking otherworldly. totally agree and, quite frankly, I find it infuriating. especially since he is so absent from the site itself.

i just can't connect to that photograph. at all. as a web designer, i would never have the candidate not looking at your or in your general direction.

that photo makes him seem detached and unreachable. not the grassroots organizer and "man of the people" that he is supposed to be.

=================================
Writer and Publisher
www.lizasabater.com
www.culturekitchen.com
www.dailygotham.com

Have you heard the good news? He is running!

Ok so i think the site is way too messianic with Barack looking down on us mere mortals from his place in the clouds. But as someone who designs for campaigns, including a competitor, I think this site is great if for no other reason than it raises the overall aesthetic bar.

I also think the effort put into extending the brand across constituencies and content areas is fantastic. Yeah, it has some issues with prominence of his image, that would help with women for whom faces resonate more than men, and there are definitely contrast issues. But it's amazing to me that they were able to pull this off mid primaries when I'd assume there were more internal pressures to dilute or complicate the content architecture.

As a go-live version, it's managed to maintain most of it's visual integrity. Specific intents or tasks can be elevated or dropped over time, but there's a very clean grid here and a strong visual lexicon that can be extended as they move forward. I for one will point to aspects of it in the future to nudge clients toward better design.

steve ofner | liberal art

Jakob Nielsen

Sure, you'll read more than you'll ever want to know aout the color blue, but you'll also find out that every website should look like Jakob Nielsen's website (which I find absolutely horrible).

I love craigslist, but I don't want every website to look like it or Drudge. The addition of images made web design far better and the addition of CSS better still.

I'll take Jakob Nielsen's research with a grain of salt. If he had his way, every website would just be a list of links because that's the most usable.

Timing

[I]t's amazing to me that they were able to pull this off mid primaries when I'd assume there were more internal pressures to dilute or complicate the content architecture.

I completely agree with that. However, I also think they could have put the time into something better. I would have been investing in ways for voters to find their polling place or caucus location. I would have been figuring out a way to allow my supporters to use SMS to GOTV.

Esepecially in a tough primary environment, I would not have been working on a way to make the site prettier.

So who designed the website?

Can someone name the agency/firm that designed the BarackObama.com website?

Renee



© 2008 Personal Democracy Forum | All Rights Reserved |