UNDERDOG of PERFECTION

My family and I went on vacation last week. Nothing major… a driving tour of the Upper Peninsula of Michigan and Duluth, Minnesota. A “greatest hits” tour, if you will. There were some things I’d rather forget (a constantly spreading crack in the windshield from a rock that hit it two hours into the first day of the trip; the daily kid freakout in the hotel because we weren’t at the pool yet; watching lots of Disney Channel), and other things I’ll always remember (jogging along the canal waterfront in Houghton at 6 AM; eating a sandwich of salmon, egg and radish on grilled lefse).

But the most enduring overall memory of the trip will probably be the collection of nearly 150 Instagram photos I took on my iPhone during the course of the trip. Instagram’s images may be low-resolution (612×612 pixels), but the endearing and quaint qualities its filters and effects lend, combined with the modern technologies that underly it (and allow for things like instant worldwide sharing, geolocation, and printing a poster of your photos), make it a transformative tool for turning cell phone photos into meaningful artifacts.

And, with that grandiose setup, here’s a sampling of some of the more interesting photos I took on the trip.

I found what was quite obviously not a naturally-formed rock on the shore, and placed it on top of what was also quite obviously not a natural piece of driftwood.

I doubt Roger Ebert was actually at McLain State Park, north of Hancock, Michigan. But someone by that name apparently was.

Whoever wrote this must have been under the effect if they thought they could fit the entire phrase in that amount of space.

Retaining walls can be ugly. Someone in Houghton did their part to change that.

Rosie throws a rock while Fletcher looks on.

I had some fun experimenting with different arrangements of natural elements, and artificial photographic effects.

I think this was a strawberry, growing wild on a rock near Lake Superior.

A stern warning from the monks of Society of St. John, in front of the Jampot.

This disturbing mural greets the inebriated patrons of the Ambassador Restaurant in Houghton, Michigan.

Rosie found a piece of bark on the beach near the mouth of the Presque Isle River in Porcupine Mountains Wilderness State Park.

I’m no botanist, but this is a cool looking flower.

Not “You Are Here.” Just… “You.”

I’ve always found artsy photos of derelict businesses appealing, so I had to try my hand at it.

There’s nothing to see out there, but you can see it up close.

I discovered what appears to be half a bowling ball amidst the rocks on the lakeshore north of downtown Duluth.

Amazingly, in all of the times I’ve visited Duluth in my life, I’ve never approached the lift bridge on foot. So I never saw details like this…

…or this.

I like the composition of this photo, with Fletcher in the foreground symmetrically balanced against the lighthouse in the background.

Toy cars on I-35. OK, they’re not really toy cars, of course, but a clever bit of tilt-shift trickery.

Another thing I’ve somehow managed never to experience before was Canal Park in the fog. Until now.

Before writing this post, I tried to research the history of… this thing… sunken in the waters of the Duluth Lakefront just northwest of the canal. But it appears to have been purged from the city’s history. Kind of like… this.

Update (8/5/2011): A former coworker has identified this as the “Ice House”… it even has a Facebook page. Sadly, I still can’t find any more information about its history. How can there possibly not be any more information about this thing online? Is Duluth really so ashamed of it that all but its teenaged, diving residents deny its existence?

There was a cool exhibit called “Masters of Disguise” at the Great Lakes Aquarium. Chameleons are awesome.

So are mantises that look like twigs.

While eating lunch at Takk for Maten in downtown Duluth, I couldn’t help noticing that this giant onion is totally gonna eat that guy!

I don’t often write movie reviews here, but then again, I don’t often see the worst movie ever made, and I think the latter may just have happened yesterday.

In my defense, there is one, and only one, reason I went to see Hoodwinked Too! Hood vs. Evil yesterday, and that was to allow myself and my family a two-hour reprieve from the oppressive 100-degree heat of Minneapolis in July. It had not occurred to me prior to leaving home that there may be experiences to be had on such a summer day that were far more unpleasant, even if they were air conditioned.

Two minutes into the movie I was already bewildered by the incomprehensible (and unengaging) plot; the uninspired, inappropriate-reference-saturated, rapid-fire, pseudo-witty dialogue; the derivative grab bag of every possible character and trope from popular animated movies, good or bad, of the past decade (including, but not limited to, Shrek, Ice Age, The Incredibles, Monsters vs. Aliens and Kung Fu Panda); and the lazy, stunningly, sub-straight-to-DVD-Barbie-movie bad animation. The only thing this movie had going for it was a fairly decent cast of voice actors, and even then, most of them sounded as if they were recorded at their first table read, half asleep and wholly disinterested.

It got worse from there.

Or maybe it didn’t, as there were at least 2 or 3 moments — brief moments — during the movie where I was mildly entertained, mostly involving Bill Hader and Amy Poehler as Hansel and Gretel. But even they were annoying far more often than not. And they were nowhere near enough to offset the myriad other horrible things wrong with this movie. Perhaps the most disturbing is the movie’s tendency to take every questionable attribute of modern “kids'” movies to its logical extreme, especially the references to films no child should be able to understand. A few throwaway quotes from the likes of Scarface and Terminator (within 10 seconds of each other) is one thing. An entire scene built upon a parody of The Silence of the Lambs, with an Andy Dick-voiced rabbit strapped to a hand truck and locked behind shatterproof glass a la Hannibal Lecter, is inexcusable. And if inappropriate references don’t bother you, don’t worry. There are enough stereotypes here to offend just about anyone.

At this point you may be asking why I chose to see this movie, and why I’d spend money on it. The reason is simple: it was playing at a nearby second-run theater, which only has a single screen. This is what was showing at the time we chose to go, and tickets were only $2 each. That someone might have spent as much as $15 per ticket to see this movie (in 3-D no less, from which we were thankfully spared) sickens and saddens me. I scarcely even knew this movie existed prior to yesterday, and will do what I can to purge it from my memory as soon as this post goes live.

I’m sure far more people read Rotten Tomatoes every day than have visited this blog since its inception, so reiterating its content here is superfluous. Except… I wouldn’t be surprised if more people read this blog than have bothered to check out Hoodwinked Too! on Rotten Tomatoes. And since some of the reviews of this godawful piece of garbage (which, yes, I know, was the result of a lot of hard work… or, at least… work… by a large number of talented people… or, at least… people) provide far more entertainment (in far less time) than the movie itself, I figure they’re worth shining my dim little light upon.

If you’re not familiar with Rotten Tomatoes, it’s essentially a movie review aggregator. It provides each new release with a “Tomatometer” score, representing the percentage of reviewers who’ve given a film a positive rating. Films over 50% get a nice, plump, ripe red tomato. Films under 50% get a nasty green splatter. The site also gives each movie its own page, featuring excerpts from select reviews.

Hoodwinked Too! has one of the lowest Tomatometer scores I’ve ever seen — 12%— which restores just a shred of the respect for humanity I lost at the movie theater yesterday.

Here are some of my favorite comments from the reviewers:

Full of manic momentum and nattering, witless word play, the movie has all the charm of a mudslide.
–Liam Lacey, Globe and Mail

This is precisely what I was thinking, if not so eloquently, during the opening scenes.

Remember the first “Hoodwinked,” five years ago? Remember how it ended with the promise of a sequel? Remember how many times you’ve wondered when-oh-when-will-it-finally-come? Me neither.
–Stephen Whitty, Newark Star-Ledger

I honestly don’t remember ever seeing any promotion whatsoever for either of these movies, and could have gone on happily ever after (to carry over the fairy tale theme) believing they didn’t exist.

Parents should take their children to “Hoodwinked Too! Hood Vs. Evil,” if only because kids are never too young to learn the important and liberating skill of walking out of a movie and demanding a refund.
–Kyle Smith, New York Post

Why didn’t I think of that?

Somewhere during the first 30 minutes I actually felt my soul shrivel up and die. Trust me, you’ve had more entertaining colonoscopies.
–Jeff Meyers, Metro Times (Detroit, MI)

No comment.

There are many things Google is good at. Internet search and targeted advertising clearly being the top two. I use and appreciate several of Google’s products, especially Gmail, Google Reader and Chrome. But I only use Gmail as a reliable email provider with great spam filtering; I hate the web interface, and check my mail using the native mail clients on my Mac and iPhone. I use Google Reader solely to manage my subscriptions, whereas I actually read my RSS feeds, on all of my devices, with Reeder. And the only times I fire up Chrome are when I need to use Flash, per John Gruber. In general, I like Google’s products for the power of their underlying technologies, just as I hate them for their miserable user interfaces.

I think there are very few people who would consider design to be one of Google’s strong suits, from their traditionally un-designed home page, to their hideous logo (which, nonetheless, went through several apparently well-, or at least extensively-, considered revisions), to the notorious case where, engineers to the core, they logically weighed the relative merits of 41 shades of blue.

If you actually use any of Google’s websites directly, you’ve surely noticed in the last 24 hours that there has been a redesign. The most distinctive feature is the jarring black bar now at the top of all (well, most) pages. Personally I’d prefer something a little more subtle, but it’s tolerable, and presumably achieves its goal of getting your attention by being the only solid black area on your computer screen.

What really bothers me about this redesign is the lack of internal consistency as you dig deeper. To wit, let’s have a look at the landing pages of Google’s three biggest search tools (as determined by their placement in the black bar): Web, Images and Search:

The main things I notice about the main Google (Web) search page compared to the previous version are that the logo is slightly smaller (and appears to have been refined in terms of the extent of 1997-era Photoshop effects applied to it, although I think that change happened a few months ago), and that the “Google Search” and “I’m Feeling Lucky” buttons have been redesigned. They have very slightly rounded corners, an extremely subtle off-white gradient, and are set in dark gray Arial bold 11-point (or so) type.

On Google Images, the logo appears to be basically the same (although perhaps a bit more dithered), but it is much higher on the page. The search box itself is darker and has a drop shadow. The “Search Images” button is larger, has sharp corners and a more intense gradient, and is set in black Arial, larger and normal weight. If I’m not mistaken, this is how the buttons on most Google sites looked prior to yesterday’s redesign, so this appears mainly to be a case of Google Images not keeping up with the changes happening elsewhere.

The page is also cluttered up with instructions and a rather arbitrary set of four sample images. I never bothered to read that text or figure out why the images were there until just now as I was writing this article. Being able to perform a visual search by dragging a sample image into the search box is a really cool idea, but anecdotally I would suggest Google has a daunting challenge in educating users about it, if making it the only thing on the page besides the search box itself still doesn’t get the user’s (i.e. my) attention. Maybe their insistence on using undifferentiated plain text (while it might make Jakob Nielsen proud) for everything is part of the problem.

Google Videos is really the odd man out. A smaller logo, set too far down on the page, and a bright blue search button with no text, just a magnifying glass icon, that would look more at home on a Windows XP start screen than on a Google page. (Astute observers will also note from these screenshots that Google Videos, unlike Google Images and Google Web, displays a glowing focus state on the search box, which is due to the lack of :focus { outline: none; } on the CSS for that element.)

I realize this blue button is more of the direction Google’s heading and I do like it visually, even if I don’t think the search button needs to be so prominent on a page that contains very little else. But the thing that bothers me is the overall inconsistency between these tools.

Consistency is a big buzzword for me. To me it is absolutely the most important thing to consider in good UX and UI design. It doesn’t matter how novel your design elements are; if you present them consistently users will quickly learn how to use them and will gain confidence with your tools. They will also gain expectations that you then have to manage. These do impose limitations on you in the future, sure, but they also relieve you of the burden of having to reinvent every page.

Consistency demands a good style guide, something that is easy to overlook. And just as important as having the style guide is having the commitment to using it. That’s something even a company as big as Google clearly struggles with.

If you follow me on Twitter (and if not, well…) you know that for the past few weeks I’ve been trying to conquer decades of sedentary lifestyle by way of the Couch to 5K iPhone app. It’s been working out very well so far!

One thing I have yet to do is consciously plan out a playlist to correspond to the cycles of walking and running that are a key to the Couch to 5K program. Well, on Thursday I will be running the final day of week 4, nearing the halfway point (what??!!) in the program, so it’s time to remedy that situation.

Here then is my Couch to 5K week 4 playlist, for your consideration:

It will be interesting to see how this plays out. Clearly I focused primarily on the timing and general mood of the songs when programming this playlist, giving… well… absolutely no consideration whatsoever to the transitions between the songs. But I think it will still be successful. It helps me a lot when running to focus on the music and to think, “OK… I run until the end of this song.”

And yes, when I get to running for the entire time, I will have a song for that. I have 14 songs in the library on my iPhone that are over 20 minutes long.

I’ve redesigned this blog more times than I can count. Many of those redesigns have been incremental tweaks, to be sure, but still, there’ve been probably dozens of times that I’ve completely torn it down and rebuilt it, more-or-less from scratch. This is one of those times.

I’ve also (finally) wised up a bit. Usually when I post these redesign announcements, I don’t include a screenshot… as if this is the last time I’ll ever redesign the site. I wish I could go back to some of those earlier posts and see what the site actually looked like when I announced the changes. I can remember most of them, even from the pointless ramblings I composed to commemorate their creation. But it would still be nice to see them on the outside of my brain.

There are some big changes in this version. Most significantly, I’m using two (relatively) new technologies as both key components of the underlying structure and also as inspiration for the design itself. They’re created (or at least inspired) by some amazingly talented people in this field, so they deserve recognition.

First, the fonts are being delivered by Typekit. Finally, web designers have more fonts at their disposal than Arial, Georgia and Verdana. (Yes, there are some others, but these three are the most excessively used.) There are some awesome people behind Typekit, but I especially want to call out founder Jeffrey Veen and creative director (and probably the best web designer on the planet) Jason Santa Maria.

Next up, we have a responsive web design using CSS3 media queries. (Yes, that’s probably the most boring possible link about one of the coolest technologies out there right now in web design.) I think we have Ethan Marcotte to thank for devising this brilliant use of CSS3 media queries to dynamically adapt web page layouts to the size of the browser window. At the very least, he named it and helped spread the word with the aforelinked A List Apart article and his new book.

In short, by employing CSS3 media queries to adjust the page layout to an appropriate width and number of columns (and smartly resizing elements within), it’s possible to easily adapt a web page’s presentation to suit the capabilities and dimensions of a number of screens. Just take a look at this site on your 27-inch iMac and then on your iPhone (or your roughly equivalent non-Apple devices) to see what I mean. I’m sure I’m not doing Ethan’s work justice, either in my description or in my application of it here, but I’m excited about the potential regardless.

It’s a great time to be a web designer!

Update: I went for less than 48 hours with Futura PT Light as my primary font for body text here, despite knowing it was too light and, perhaps, too geometric for good body type. Finally, at a friend’s prodding, I resorted to the inevitable: Proxima Nova. I love Proxima Nova. It’s the primary font I use in all of my business materials (and in my logo itself). I had envisioned a kind of ’50s retro school textbook concept with this site redesign, and Proxima Nova, a 21st century font, doesn’t fit that description, but… man, it just looks so good. So, now it’s here.