While Steve Jobs is given a lot of credit for bringing graphical user interfaces to the world of personal computing, the designers that shaped and colored the user's interaction aren't given so much attention. One of those designers is Susan Kare, whose work is scattered throughout the classic Mac OS, and still prevails in parts of OS X. In an article from PLoS published a couple of days ago, her earliest work is shown — a large amount of which predates computer design software, so is drawn in pen on squared paper to create the pixel art that defines the icons — and should be instantly recognizable to anyone who's worked on a computer.

Kare's work extends outside of the Mac world too, with her creations appearing in Windows, IBM's OS/2, company logos and even on Facebook — so there's a good chance that her bitmapped work is part of your everyday life. A book has just been published telling the story behind her work, and also explains where the "Happy Mac" icon shown above came from.

Comments
That “Brush” icon is too pixelated. What kind of graphic card does she use?
Posted on Nov 24, 2011 | 6:22 AM EST reply Recommend (2) Flag actions
The card is “board”.
Posted on Nov 24, 2011 | 6:30 AM EST reply Recommend (7) Flag actions
But this card is “onboard”?
Posted on Nov 24, 2011 | 7:01 AM EST reply Recommend (1) Flag actions
Actually, it’s “underboard.”
Posted on Nov 25, 2011 | 1:43 AM EST reply Recommend Flag actions
That was going a little “overboard.”
Posted on Nov 25, 2011 | 2:56 AM EST reply Recommend (2) Flag actions
This thread has board me…
Posted on Nov 26, 2011 | 12:09 PM EST reply Recommend (1) Flag actions
Macs don’t have graphics cards
Posted on Nov 25, 2011 | 2:18 AM EST reply Recommend (1) Flag actions
WRONG! Points at Mac Pro and its giant graphic card
Posted on Nov 25, 2011 | 5:24 PM EST reply Recommend (2) Flag actions
My early 2008 is on its THIRD video card!
Posted on Nov 25, 2011 | 9:45 PM EST reply Recommend Flag actions
Historically he is correct. Some early Apple computers did not have a video card. Everything was on one board.
Posted on Nov 25, 2011 | 9:48 PM EST reply Recommend Flag actions
you have a point. I would love to afford a mac pro, but I can’t. Is your pro still covered by applecare?
Posted on Nov 28, 2011 | 2:18 AM EST reply Recommend Flag actions
It was just a joke.
Posted on Nov 28, 2011 | 7:40 PM EST reply Recommend Flag actions
In SJ’s biography there’s a bit in Chapter 12 where Susan Kare draws a rabit for the mouse click-speed and Steve rejects it because it looks “too gay”
Can’t make that stuff up.
Posted on Nov 24, 2011 | 6:26 AM EST reply Recommend (5) Flag actions
Actually, you can make this stuff up! I’m the author of the article linked here, and Susan tells me this never happened.
Posted on Nov 24, 2011 | 11:36 AM EST reply Recommend (10) Flag actions
It may have been said, just not to her. Steve Jobs never had a problem speaking his mind, so if he felt a rabbit had been illustrated in a way he felt was “too gay,” I am surprised he wouldn’t have expressed that to the person responsible. It may never be known whether or not the rabbit was too gay, or if in fact the rabbit’s sexuality came in to question by Jobs. It’s about to be 2012, if ever there was a time for that rabbit to step out of the closet, it’s now.
Posted on Nov 24, 2011 | 5:26 PM EST via mobile reply Recommend (3) Flag actions
That brush icon is definitely resembling something else… you know what I mean…
Posted on Nov 24, 2011 | 7:13 AM EST reply Recommend (2) Flag actions
Rocket on take off?
Posted on Nov 24, 2011 | 7:25 AM EST reply Recommend (3) Flag actions
Empire State building at dawn?
Posted on Nov 24, 2011 | 7:32 AM EST reply Recommend (1) Flag actions
Half-full wine bottle?
Posted on Nov 24, 2011 | 7:35 AM EST reply Recommend (1) Flag actions
The Cosmonaut?
Posted on Nov 24, 2011 | 7:39 AM EST reply Recommend Flag actions
Someone giving you the finger?
Posted on Nov 24, 2011 | 8:03 AM EST reply Recommend (4) Flag actions
a broom?
Posted on Nov 24, 2011 | 8:15 AM EST reply Recommend (1) Flag actions
A small cupcake with a candle on top?
Posted on Nov 24, 2011 | 9:07 AM EST reply Recommend Flag actions
A flashlight?
Posted on Nov 24, 2011 | 9:22 AM EST reply Recommend (1) Flag actions
From one male to another, if that is what your equipment looks like, I would suggest going to a Dr. immediately. Like, right now.
Posted on Nov 24, 2011 | 9:40 AM EST reply Recommend (8) Flag actions
wow, you beat me to it. +1
Posted on Nov 24, 2011 | 9:59 AM EST reply Recommend (2) Flag actions
Yeah! It’s Bender from Futurama.
Posted on Nov 24, 2011 | 12:30 PM EST reply Recommend Flag actions
Hope Apple’s not going to sue her for publishing her work, part of it being probably Apple property…
Posted on Nov 24, 2011 | 10:52 AM EST reply Recommend (1) Flag actions
Looks like a middle finger.
Posted on Nov 24, 2011 | 11:18 AM EST reply Recommend Flag actions
As an ex-OS/2 user, I still blame her for the atrocity she did with Warp 4.
Posted on Nov 24, 2011 | 12:33 PM EST reply Recommend Flag actions
Damn you Xmas! Quite fancy treating myself to that book in the New Year – the sight of Happy Mac makes me want to run home and switch on my SE…
Posted on Nov 24, 2011 | 12:49 PM EST reply Recommend Flag actions
Another reason I like The Verge. I use an RSS reader for all my tech news. I saw this story somewhere else, but the headline didn’t clarify exactly who she is and why I should care. It’s a simple task to draw people in with a good headline, but some people just can’t do it.
Posted on Nov 24, 2011 | 1:31 PM EST reply Recommend Flag actions
If only there was a computer to do this work on instead of graph paper.
Posted on Nov 24, 2011 | 5:11 PM EST reply Recommend Flag actions
She used a paintbrush to paint a pixelated icon that represents a paintbrush on a computer screen!
Posted on Nov 25, 2011 | 12:42 AM EST reply Recommend Flag actions
Looks like a highlighter.
Posted on Nov 25, 2011 | 10:07 PM EST reply Recommend Flag actions
Beautiful beautiful beautiful. On my christmas list.
Posted on Nov 25, 2011 | 11:51 AM EST reply Recommend Flag actions
Look more like graphic design than interface or interaction design.
Posted on Nov 26, 2011 | 8:20 AM EST reply Recommend Flag actions
The graph paper creates a lovely digital-analogue hybrid.
Posted on Nov 26, 2011 | 7:58 PM EST reply Recommend Flag actions
Am I the only one who instantly saw a middle finger turning towards me?
Posted on Nov 27, 2011 | 4:06 PM EST reply Recommend Flag actions
Comments For This Post Are Closed