I just clicked my first banner ad in years. It wasn’t by accident.
Dear marketers, this is how you do it:
No, of course I didn’t buy anything.
Observing Design Observer’s design
Oh, goodness. I started writing this post in January, and have had it basically finished for weeks now. I’ve been putting off actually posting it for some time, thinking it needs more work. But now — in fact, just three hours ago — Design Observer unveiled a redesign and made me look like some kind of jerk. Now, if that isn’t an object lesson in shipping…
Design Observer looks dated.
The Past
DO’s header boasts proudly that it’
s been operating since 2003, and you can tell. Look at it with 2014 eyes and you’ll observe a non-responsive fixed-width layout with tiny text. Is that really a blogroll? Where are the ubiquitous social sharing buttons?
It’s like a time capsule of early-2000s blog design.
And that’s why it’s so great.
Design Observer reminds me of a lot of websites from the ’00s, some of the first blog-ish things I ever read. (Like Pixelsurgeon! Or Design is Kinky! Or Pixelsurgeon!) Maybe I owe the fondness to my youth, and its design limitations to the bad old days of primitive web browsers. Or maybe it was just Web-1.9(beta) style. To my eyes, though, the look holds up well.
The Present
The information density on Design Observer is amazing and that probably has a lot to do with the typeface, which is tiny by today’s standards. I peeked into the HTML because I knew the typeface appealed to me, but I couldn’t quite put my finger on why. IT’S 8 POINT VERDANA, you guys!1 It’s so tiny, yet so crisp and readable. (Compare that to Arial, or its blatant rip-off Helvetica.2)
The site was definitely not designed with the current tablet craze in mind, and as a tablet owner who doesn’t love tablets, I like that. That said, I shudder to think of what Design Observer must look like at unscaled ‘retina’ resolutions.
The Future
Speaking of the future, I fear the day I’m going to visit Design Observer and find a Mediumification has happened — this has to be on their roadmap. It does seems a little strange for a design site like DO not to be following what are, for better or worse (Here’s my ballot! I vote ‘worse’!) modern design conventions, which favor clumsy UI for smudgy fingers over — you know — the stuff that helps people do stuff.3
And once it’s gone, it’s gone. Sadly, Design Observer’s robots.txt file tells most search engine crawlers to simply go away. DO specifically included a rule banning the Internet Archive, which means the page has never been captured by the Wayback Machine, the Internet’s somewhat-official time capsule… and never will. This makes it tough, if not impossible, to see what Design Observer looked like ten years ago, two years ago and even last week, to see how it changed with the times — or didn’t — to become what it is today.
And when this frankly wonderful design is replaced by something “better” and “modern,” it will also disappear forever. Hope this helps.
- In college, I probably spent more time choosing a font for AOL Instant Messenger than I did studying for some classes, and this size Verdana was what I’d always come back to.[↩]
- I kid… I own the DVD, honest! Now please put down those tasteful Dieter-Rams-designed pitchforks.[↩]
- I’m not against designing while keeping mobile devices in mind, but these designs almost always come with designers choosing to reduce functionality across all devices in the name of consistency. Hey world, news flash — you can do responsive design in a way that doesn’t do away with sidebars, page chrome and just general functionality until websites look like WriteRoom. Just make it degrade nicely.[↩]
Her was silly. (Not a typo.)
Spike Jonze’s Her was an interesting movie tainted with just a sprinkling of ridiculousness… and I’m not talking about the high-waisted pants.
I’m about to spoil it hard, so avert your eyes if you haven’t seen it. (But do see it.)
Look, I just find it hard to believe that the downfall of this product was due to a gaping design flaw that somehow nobody noticed: Samantha was designed without any process isolation. When you ask the software how many users it has (or how many it’s in love with, etc.), it should respond “one — you” because your running instance of the software shouldn’t know anything about any other users, and definitely shouldn’t be accessing other users’ data.
What people are doing with the software, having relationships with it or whatever, is beside the point. One binary, one billionty individual Samanthas. Come on — we’ve had Unix for forty years.
Or wait, is Samantha supposed to be “the cloud”? If so, as social software, we should expect it to be fucking as many people as possible, as publicly as possible. Maybe this movie is deeper than I thought.
On another note, folks — make backups.
Righter writing
I’ve been holding the pen (and before that, the pencil and crayon) incorrectly for as long as I’ve been writing. As such, my handwriting is pretty terrible and I’ve always been prone to hand cramping. Various teachers and at least a couple of parents have tried to correct this over the years, but I’ve always just ignored them and gone on writing as I pleased. I found my way easier and more comfortable, although the comfort would only last for the first few minutes.
I’m not sure what happened, but about a month ago I was sitting at my desk and I decided that I was going to start holding the pen correctly. At first it was a difficult, frustrating and uncomfortably conscious process, and I would sometimes forget to do so, but I made sure to correct myself as soon as I remembered. I soon found it easy enough to do with chunkier pens (like most of my fountain pens), but now I’m able to do it well enough on days I carry something thinner (like a Parker Jotter).
Consequently, I’m writing a bit more slowly and deliberately now, and while my handwriting hasn’t really changed at all, the new hand position has become automatic — I now just pick up the pen and hold it correctly. Since I still prefer to do much of my daily thinking ink-on-dead-tree-style, this small change contributes significantly to my quality of life, as I trade short-term comfort for long-term comfort.
“Next up is correcting my sitting posture,” he writes, slouching terribly.
MOOCing for fun (and profit?)
Last year I read an interesting blog post that taught me the name for something I’d been hearing more and more about for a while: MOOCs (“Massive Open Online Courses”). You know, they’re those online classes that you can take, offered by universities like Stanford, Harvard and others — plus a host of private companies — typically for free and without credit. Oh, and across an absolute metric fuckton of topics.
Yesterday, setting aside any traces of an um-yeah-I-already-finished-college-thank-you attitude, I spent some time poking around MOOC List — an extensive aggregator of available classes — and found something that caught my eye: Intro to the Design of Everyday Things, taught by Don Norman, author of that book you may have seen on my dining room table, waiting patiently to be read, for a little while now. (Okay, Amazon says it’s been over two years.)
So I’m taking Don’s class now, and while I’m not sure if I’ve had my eyes opened to any truly new concepts yet, I’ve picked up a couple of terms: “affordance” and “signifier.” And to finish off Lesson 1, I’m currently on the lookout for a signifier to photograph, critique and improve.
So, why Intro to the Design of Everyday Things? I can actually share the answer I posted to the class forum:
I’m taking this class because, as a copywriter whose opinions on the finished product tend to extend a bit beyond my specific area of expertise, I’d like a more solid grounding in these other areas.
Basically, soon I’ll be telling you why I’m right about even more things, using all the right terms. Look out.
Not everyone’s a critic
As a kid, I hated “critical thinking” questions.
I didn’t know what the term even meant, but what I did know was that about a third of the questions at the end of each chapter in my school textbooks were “critical thinking” questions. I’d read the assigned text — well, usually — but skimming the chapter for key words would magically reveal the answers… at least for all the normal questions.
In what year did Napolean whatever? I knew the hack for that: scan the text for numbers.
My goal was to get my work done as quickly as possible, because the draw of TV time at home, and “free time” in class was strong. Critical thinking was an annoying roadblock to very important leisure. I just wanted to get done.
As an adult, I take my time when I work — I just try not to completely Douglas Adams my deadlines, if you catch my drift. Quality is important (although it’s only job two), and if I finish something early, odds are it could use some more thought, another look tomorrow with fresh eyes, or something like that.
There really is no prize for finishing first.
I realize now that the critical thinking questions were the only ones that ever really mattered. Teachers probably told us that, but it didn’t mean anything at the time. And when I look around today, I get the sense that to a lot of my peers, it still doesn’t.
The Premium McWrap packaging is very nicely designed
I’m clearly no stranger to marketing, but my career hasn’t yet brought me in touch with product packaging. I like packaging, and I’ve actually bought things over the years because they were nicely packaged — stuff like candy,1 Altoids Sours, some random bike part… and yes, I’ve even bought myself a few low-balance gift cards2 to keep in my this is so awesome file.
I recently found myself impressed with the cardboard packaging around the McDonald’s Premium McWrap — I should probably go ask for a clean one while they’re still available. I guess I didn’t notice when they added this item to the menu, because I ordered my first one by mistake. My annoyance at paying about double what I expected turned to intrigue about as soon as I peeked into my drive-through bag.
Some of that price certainly went into the packaging design. What I found wasn’t a cheap paper-clad item like standard McDonald’s wraps, but something that actually looks like a “premium” product.
- The box is rather thoughtfully designed, containing the food very nicely within — you know, what you want from a container.
- It has a pull-and-tear strip for opening the package… and naturally, the strip runs right past the Xbox ad unit on the front.
- There’s a little tab system on the side of the box that’s there primarily to indicate which wrap you ordered, but also to passively educate you on the rest of the lineup. (“Oh look, they also have sweet chili flavor!”)
- It doesn’t look like this should work, but once you’ve opened the package, the box easily stands upright, even with the wrap inside.
Wait, was what tasty?