I can’t tell you how many times in the course of my career as an icon artist that a client considered their icons to be an after thought. After spending hundreds of man hours and pouring thousands of dollars into software development, some clients just refuse to devote the attention needed to the glyphs that act as both button and branding. At the Iconfactory, we try and educate clients about the importance of icons and how they strengthen a company’s brand as well as communicate a product’s core concepts quickly and easily. It may sound like marketing fluff, but years of experience have taught me it’s the truth.
So when it comes to designing our icons for our own software products, we almost always end up obsessing over them. The redesign of the application icon for xScope went through nearly 20 different revisions before we settled on a final version. This time around, the drama was caused by the new icon for Frenzic for the iPhone.
Standing Out From The Crowd
When it came time to design the icon for Mobile Frenzic, we knew we wanted to use a 2D translation of the OS X version from the desktop. However, unlike Mac desktop icons which have a canvas size of 512×512 pixels, iPhone and iPod touch app icons are limited to 57×57 and look best when designed straight on. At first we decided to translate Frenzic.com’s fav icon which was a pie of green and orange wedges on a glossy black base. Early beta versions of Mobile Frenzic used this icon, but there was a problem. It just wasn’t eye catching.
Our artist, David Lanham, went back and added a neon-like inner glow that gave the impression of the icon being lit from within, like it was a piece of plexiglass. The results were effective and with the addition of a high-tech circuit board motif, I knew we had a winner. The icon both stood out on the iPhone’s home screen and did a wonderful job of branding “Frenzic” on the device. Despite these successes, there were those among us that thought it stood out a little too much.
As artists, we often get butterflies the first time we show a client our designs. In this case, the “client” was Frenzic creator and lead programmer, Wolfgang Ante. We’ve had a close working relationship with Wolfgang for years and even though he almost always loves everything we do “out of the box”, he was hesitant about the icon’s treatment. Both he, and our own lead programmer, Craig Hockenberry played devil’s advocate and thought that the glowing, high-tech icon might be too dissimilar to be effective. The design didn’t seem to follow conventional wisdom for iPhone app icons and we debated the pros and cons of the design.
In Expertise We Trust
The great thing about working at the Iconfactory is that we play to each other’s strengths. While I may have ideas about how a particular software feature might work, I trust in the skill and expertise of Craig and Wolfgang to pull off the actual programming. I often put my faith in their hands when it comes to coding, and likewise, they do the same for us when it comes to design. This is more than I can say for many of our clients who think they know best when it comes to icon design. Despite a client’s lack of experience of how icons communicate, where they are seen, or the technical details needed to pull them off, I often get lectured on how they should be rendered or what form they should take.
So, in their wisdom, Wolfgang and Craig set their hesitations aside and let the designers do their job. The result was a unique and compelling application icon that was simple to understand, easy to spot and visually unique from all other iPhone application icons. Maybe its even helped sell a few extra copies at the same time.
All too often icons are treated as second-class citizens, especially in the App Store. Lately, developers have taken to plastering “SALE” or “60% OFF!” within their icons. They’ve become lazy and let the iPhone software mar their design with glossy highlights which obscure efforts to brand their software. They use dull colors or pile on heaps of detail that just adds unwanted noise to an already cluttered array of choices. After the flashy ad pitches have faded, the icon still has to live on the user’s device and is often the first line of interaction with the product. Fight the urge to cheapen your brand and instead give your icons the love and attention they deserve. You’ll still sell boat loads of copies and your users just might end up thanking you at the same time.