A blog by the Brick Factory The Brick Factory
grid2

NBCNEWS.com Succumbs to the Grid

When the Mashable site was redesigned into the now familiar grid layout, I wrote a blog post bellyaching about the infinite scroll, various usability issues and somehow Jakob Nielsen. I’m still not a big fan of the grid approach to website design because it’s not design, it’s the process of dumping content into boxes that descend like fish food over time to the bottom of the page and I find that solution lacking creativity. Mashable does the grid better than most because they follow basic principles of usability and the content is presented with as much care as possible given the constraints of the layout. There is actual white space between content blocks and the text is always readable in its low contrast, smart presentation. It may not be a web designer’s favorite arrangement but it works serviceably and I never rolled back my enthusiasm for the site content when they made this switch.

NBCNEWS.com has made incremental design improvements over the last few years but hasn’t committed to a redesign for as long as I can remember. A full redesign is in place now and it’s a hefty one.

The grid is in place and the usability is out the window. As much as none of us liked that last sentence, we are appreciating this new homepage even less. The good news is the infinite scroll that some users (Me. I’m talking about me.) disliked is not part of this redesign. Also not part of this redesign unfortunately is any white space between stories, ads or my gigantic personalized weather. The only break my eye gets is where the TODAY show promo is involved (tagline: Rise To Shine. Someone wrote that). The content and in particular the photography on the site is more often than not compelling but lost in a sea of cropped boxes, garish contrasts and text overlays. The site feels as though it belongs on a bigger canvas. With some room to spread out the content would get the presentation it deserved.

image

Where Mashable pays close attention to readability, contrast, fonts, eye-strain and the basics of the user experience NBCNEWS came up with this slap in the puss…

image

When a user clicks through to the article, things ease up of course, but in a lumbering, unfinished manner. The sub level pages look like a beta launch to me. The text is laid out in a lifeless manner. The call-outs are unpolished. The sidebar ads are sized/placed clumsily.

image

Navigation on NBCNEWS.com is plentiful. A click on the menu icon opens a nearly full screen of options which is weird but understandable given what they’re trying to accomplish here. The fact that the options look almost identical is a problem for me. Sections, Top Storylines, Featured News, local options are all treated the same and could use some variation.

image

I’m a firm believer in the iterative design process and I have no doubt that the team behind this redesign will be making adjustments as they go to improve usability. However, like I apparently did at our Christmas party last year, the grid layout is likely going to overstay its welcome if it hasn’t already and for web designers that’s not great news.

yahoo_image

Yahoo! And the Art of Branding Gibberish

As I’ve mentioned more than once, designing logos is an awful way to spend your time. There’s no hiding. You’re out there in front of the client with your brilliant idea on a white sheet of paper as the marketing director and his recent and eager grads wait to ask probing and pointed questions about things they read concerning logo development last night.

I’ve always thought the best way to solve the logo question was to get an honest and trustworthy designer to provide a handful of strong concepts, let he or she present them without interruption and choose one. I’m in the minority with this approach and I know it. Creative types like to let other creative types do their jobs and be left alone. We also would take 6 months to design those logo ideas if you let us, so I understand why I’m in the minority on this. Even so, the more isn’t the merrier in these cases.

Yahoo CEO, Marissa Mayer unveiled the new Yahoo! logo yesterday with more explanation than I thought we might get. Or deserved. Or wanted, really. We also were treated to a really well produced quick video of the creative process, although I believe it’s just an after the fact marketing fluff piece. Cool though.

image

The new logo is an updated version of the old logo, not a redesign. It’s a good upgrade and needed I suppose after (Google tells me, let’s see…) 18 years. It is beveled though and that’s just weird. Marissa calls it chiseled, but it’s beveled to anyone who’s familiar with Photoshop, which is just about 100% of Yahoo! users. The font bevel is the hard-drinking wingman of the font drop shadow, but Yahoo! didn’t take the bait and double down, thankfully.

Like all modern logo reveals, Yahoo! and Marissa had the uncomfortable job of explaining what we were seeing, because logos are art and art requires some deep background before commoners like us can understand it.
Some highlights include:

  • “We didn’t want to have any straight lines in the logo.  Straight lines don’t exist in the human form”
  • “We preferred letters that had thicker and thinner strokes – conveying the subjective and editorial nature of some of what we do.”
  • “tilt the exclamation point by 9 degrees, just to add a bit of whimsy”

She nailed it. Nothing says whimsy like an exact 9 degree tilt.

So that’s a pretty impressive load of hogwash, and it’s only a small sample of her creative vision. She included this phony little gem as well; as if it was discovered in some darkened conference room on a whiteboard next to other great ideas like talk to Jerry about hygiene issues and casual Friday does not mean you don’t come in.
clip_image001
So congratulations to Marissa Mayer, her new logo and the weekends she spent with her logo team. According to her it was “a ton of fun weighing every minute detail”. Logo team members have not been heard from.

Five Worst Sports Team Logos

Yesterday, Tom and I brought you our list of the best logos from the four major North American sports leagues.  Today, we bring you our list of the worst.

Before diving in, we would just make the point that the people who actually designed these logos are likely not to blame for the end product.  These logos reek of design by committee, where the best options were likely discarded and various concepts were merged.  No matter how talented a designer you are, it is nearly impossible to design something good for someone with bad taste.

5. Anaheim Ducks

anaheim_ducks

Todd

Mistake Number One: In the spirit of “marketing synergy” you name your newly formed hockey team “The Mighty Ducks of Anaheim” after a Disney movie franchise starring  Emilio Estevez.

Mistake Number Two:  You somehow create a logo that is even more ridiculous than the team name.

Mistake Number Three:  In 2006 you finally decide to rebrand, but you inexplicably keep the “Ducks” name and create a logo that conveys absolutely nothing.

Tom

The palette here is an improvement. Gold is a big color in Florida. Every other Chrysler you see in Florida is gold (and is moving at 32 mph in the freeway passing lane). The biggest issue with this logo is the readability. Actually, no. It’s the duck foot. That’s a duck’s foot for the D.  How dare you.

4. Minnesota Wild

minn_wild

Todd

This one just sort of left me confused and angry.  I don’t get it at all.

Tom went to art school or whatever, so I’ll let him try to make sense of this one.

Tom

Let me help Todd and you with what you’re seeing here. A stream inside a forest with a shooting star under a full moon all inside a coyote skull. This has client interaction written all over it. Imagine the hateful creative meetings. The resentment. Sadly, the designer hanged himself minutes after approval.

3. Miami Marlins

miami_marlins

Todd

I’m from San Antonio and have been a Spurs fan all my life.  Back in in 1989, the Spurs abandoned their bad ass black and white logo for a “fast breaking Fiesta version that supposedly represented San Antonio’s multicultural identity or whatever.  I immediately purchased a bunch of t-shirts and hats featuring the old branding and never bought a single piece of merchandise featuring the fiesta logo.  The Spurs finally killed the fiesta colors in 2002 for an updated take on the classic original logo.

The Marlins new logo reminds of those bleak “fast breaking fiesta” days for the Spurs.   If there were any Miami Marlin fans out there, I would feel sorry for them.

I actually think the logo itself might be ok if the palette was good.  But the palette isn’t good.  It really isn’t.

Tom

Todd’s heart-warming story of that festive Spurs logo falls by the wayside to this unfathomable acid-washed jean clothing label from 1985. Baseball logos on the whole are so much better than any other major sport. Where’s the baseball? Where’s the retro type face? Pitchers and catchers reported Monday. Grown men are wearing this Crockett and Tubbs-inspired disgrace right now as you’re reading this.

2. Vancouver Canucks

vancouver_cunucks

 

Todd

Nothing screams “Canuck” like an angry whale breaking out of a letter C that has apparently imprisoned him (her?) for years.  Damn you, letter C. I will have my revenge.

Wait.  What just happened?

Tom

Very angry, very tough and I’m guessing (but I don’t feel like googling) the whale is from some Canadian totem. This is pretty dismal as a logo and even as something you might recognize as a C. With that fin sticking down it’s an E. The most basic challenge of the assignment was missed.

1. Toronto Raptors

toronto_raptors

Todd

The Raptor is wearing basketball shoes that have special holes cut in them for its claws.

Tom

I remember when this nickname was conceived and at the time I figured it was in reaction to the popularity of the Jurassic Park movies. Not that this has anything to do with the logo, but naming your franchise after a monster no one had heard of before a movie came out is like naming your baby Nemo. Or Cloverfield. You will be mocked.

Everything went wrong here. Toronto running across the top of the mark looks tacked on and was highlighted with a silly, out of place triangle pattern. The Raptors font looks cheap and drawn sloppily in Adobe illustrator. The head of the raptor looks strong and should have been the only illustration within that black field, but fleshing out the dribbling figure was forced down someone’s throat and as Todd mentioned, those sneakers happened as well. This is really an unfortunate final product because although I think the name is ill-conceived, with a Raptor as your subject matter, there were some great possibilities to explore. I’m hoping for a much more impressive redesign sometime soon (I refused a movie coming soon joke here).

Five Best Pro Sports Logos

A few weeks ago the New Orleans Hornets underwent a rebranding, unveiling a new name (the Pelicans) and logo.   Given the catty nature of the Internet, it comes as no surprise that the logo had its share of critics.   I , for one, love the Pelicans logo as does our CCO Tom McCormick.  Tom wrote a post explaining why he thinks the design works.

The conversation about the Pelicans rebranding got Tom and I thinking about which of the major U.S. pro teams had the best and worst logos.   Following is our list of the five best logos from the NBA, MLB (AL and NL), NFL and NHL, along with witty and insightful comments from Tom and I. The list of the worst will follow later in the week (Update: our post featuring the worst logos is up.

5. Detroit Pistons

detroit_pistons

Todd

If you look through all the NBA logos, you’ll see the Cleveland Cavaliers, Detroit PistonsLos Angeles Clippers, Los Angeles Lakers, New York Knicks and Philadelphia 76ers all have similar ball-centric logo layouts.  They are all good, but the Pistons logo is the best of the genre.  I love the colors, typography and relative simplicity.  This updated version of the classic Pistons logo is a huge improvement over the weird horse thing they had going on from 1996 to 2005

Tom

I don’t really know what a piston is. If the mechanic tells me I need some type of piston replacement or maintenance or something, I will nod my head and say, “yeah, I assumed that was the issue, but I don’t have a lift so I need you boys to take it from here”. The mocking, as usual, would begin as I was just out of earshot.

awkward transition

What I like most about this logo is the clear nod back to the ABA. Big, bright and fun without having to play tough guy with some goofy, menacing mark. It’s not like this is the Paris Pistons. It’s Detroit. We know you’re tough.

4. Texans

 

houston_texans

Todd

When I started out reviewing the logos I never would have though the Houston Texans would make my top five.  The logo just wasn’t on my radar.  But the more I looked at this mark the more I appreciated it.  In addition to just sort of looking cool, as a Texas native I like how it evokes the horns from the University of Texas logo and the star from the Dallas Cowboys logo.  It nicely creates a new brand while tipping the hat to the long history of football in the state of Texas.

Tom

I’m sure Todd’s heart is fluttering at the horns here, and would love them in orange, but for me, it’s just a flat out perfect logo. Red, white and blue with a star is easy to screw up. I’ve done a ton of campaign logos to prove that, but here the colors are not traditional 4th of July, they’re a bit cooler. If I were some hillbilly from Texas and 25 years younger I could see this as a tattoo. Not on me of course. I was thinking Todd.

3. Nets

brooklyn_nets

Todd

I love the shield concept for the logo and the use of black and white.  That is also a great font they are using.

Tom

The black and white is instantly cool and the font is right on the money. I was surprised when it came out, and even more surprised at the backlash it received. Weird, but expected these days.

2. Yankees

ny_yankees

Todd

The Yankees are a bit confusing, as officially their logo is the ball/bat/hat thing that I don’t love.  This brilliant mark is  still used on their uniforms and caps so we’re counting it.  There is something really confident (arrogant?) about this logo, which is pretty much what the Yankee brand is about.

Tom

The weird N Y design was created in 1877 for a medal to be given by the New York City Police Department to Officer John McDowell, the first NYC policeman shot in the line of duty. That’s a pretty decent back story. The mark itself is the most iconic in sports. Simple. Immediate. Perfect.

1. Raiders

 

oakland_raiders

Todd

The branding here is so good that Oakland fans have devoted themselves to looking as depraved and frightening as the raider in their iconic logo.

As an aside, you think the Nets design team might have been a bit inspired by the Raiders?

Tom

Somehow this incredibly old school, macho, insanely cool logo hasn’t been upgraded ever, as far as I can tell. One of the few things Al Davis didn’t get his hands on.

Update: Check out our list of the worst logos.

The Noble Pelicans

Pelicans are the inglorious flying garbage-trucks of the water-bird kingdom and as such are despised by man, fish and God. Violent, hateful missteps of nature, they fly with the grace of downed aircraft before zeroing in on their prey and skewering it with their beak/spears before stowing it to die slowly in their giant, obscene gullets. It’s a sight you don’t want your children to see. A quick search on YouTube reveals pelicans attacking or eating the following menu items:

  • dog
  • a baby
  • a tv weatherman
  • every fisherman it sees
  • a truck tire
  • the side of a building

So, when I read that the New Orleans Hornets changed their name to the Pelicans, I (rubbed my eyes with my fists, mouth open, then) assumed the branding would be a challenge. Of all the mascots in sports, this could be the toughest to transfer successfully into a logo. I remember that the Mighty Ducks’ logo was a goofy hybrid of Disney and those Friday the 13th movies.

clip_image001
That was somewhat close to what I expected here. A composite of a friendly (please), silly bird and a saxophone over a Mardi Gras theme. I’ve seen a number of talented designers submit their Pelican logo designs to various publications and although most are very professional and pretty well thought out, none are as successful as what was introduced yesterday as the official logo.

clip_image002

Tada! Finally, the real face of a pelican. Red eyes. Wings in full attack posture. Surely on his way to spearing a wayward puppy or slow-moving reporter (please go to YouTube).

The NBA seems to demand  that a basketball be in the main logo of every team and while that’s clearly insane, the design here incorporates it with little trouble. The font is right on the money, the fleur-de-lis is a cool touch up top and the palette seems close enough (I might have adjusted that red to a weirder Mardi Gras color). Graphic Designer Rodney Richardson took a graceless fiend of a mascot, an animal New Orleans is unlucky enough to saddled with and made a superior logo. With typical and unnecessary first impression comments like “Color me a little disappointed… Basically, the designers didn’t need to make the pelican look angry” from sports blogger Kelly Dwyer floating around, I thought I’d weigh in just as quickly with an opposing take while also educating you on the perils of pelicans in the wild.

You’re welcome.