It’s always a huge leap for a designer to come up with designs for a platform you’re not familiar with. I remember feeling extremely uncomfortable at first when I designed my first iPhone icons and interfaces, and while the iPad was a logical extension of the iPhone UI, it still felt like a significant step to take.

Imagine how I felt when I was sitting at my desk, Nexus One in one hand and pen in the other, after being asked to design doubleTwist’s media player for Android. Android doesn’t have a very nice media player in terms of design (I’m carefully picking my words here – I don’t want to offend the undoubtedly hard working people at Google) and it was easy to just go the way some developers go: make an iPhone app, shoehorn it into Android, and call it a day.

We wanted something that actually advanced the state of the art. I sure as hell wasn’t going to use an entirely new platform for months just to ape another. It was a mixed blessing to have so little limitations on what constituted a ‘native’ user interface.

Android has its guidelines, but most apps (even the Google-sanctioned Twitter app) have a very ‘custom’ appearance. We opted for a look that works well on the various devices and custom ‘shells’ (notably, HTC’s terrible “Sense” interface) and arrived at this muted, native-looking yet polished visual scheme, which also helps users navigate the app in direct sunlight, where OLED screens like the Nexus One’s tend to be hard to read. Subtle usage of textured surfaces in the application also help prevent color banding on the color-limited OLED screens.

I’m happy to have this in the hands of Android users. It’s sometimes depressing to read comments on tech websites of people exclaiming: “Why would you even care about how a media player looks or works? You play music and turn off the screen!”, but I am sure there’s a lot of people who will appreciate the thought and details that went into this app. And that makes it all worth it.

The player is available on the Android Marketplace for free for a limited time.

Interarchy is a Mac app that’s almost as old as I am: it was first created in 1993 as one of the first FTP clients for the Mac, and in 2007 it was sold to its current owner and long-time developer of Interarchy, Matthew Drayton of Nolobe. Matthew contacted me with a request for new icons for the big upcoming version 10. This was no small release, so it had to be worth it.

Like several other FTP clients, Interarchy has always been known and discerned by its icon. By now, it’s a powerful brand. Matthew also expressed his desire to maintain the filing cabinet metaphor in the application icon, and I agreed. Changing the icon now would mean neglecting its long history and evolution.

Continue reading…

I tend to be harsh on Flash a lot, and I dislike it as much as the next standards-advocating (and technologically savvy) Mac user. Since I like putting my money where my mouth is, I decided to try going into February and not use Flash even once during all of its 28 days, inspired by Michael Heilemann‘s initiative to do the same. He even logged his difficulties, which I haven’t and won’t be doing.

For me, the conclusion after February was clear. I missed out on a few things that annoyed me intensely. Most of the things I missed out on were videos on websites like TED and the New York Times. I had some catching up to do after February. With the help of ClicktoFlash and Youtube and Vimeo’s HTML5 players I was able to watch most of the video content out there, but there is still a lot that you can’t watch without that little plugin. I also ‘missed out’ on a truckload of so-called ‘rich advertisements’, which I absolutely adored.

But the problem of going through your digital life without Flash it’s not just videos on otherwise accessible websites. Try browsing for motion design agency showreels and websites for new games without Flash. Some industries have a vested interest in Flash because it is a mature platform for graphic websites, despite advances in HTML + CSS + Javascript. And I can imagine; the Flash-less approach doesn’t only break down in some browsers, it’s simply not mature yet. Take a look at the current Macheist page. At the time of this writing, it is using 65 to 70 percent of the processing power in my early 2008 Mac Pro, equipped with eight Xeon cores.

Worse still, people hail these Flash-free websites as progress and the road to the future. With terrible performance and compatibility like that, I prefer Flash, despite its drawbacks and proprietary nature. Actually using these technologies and advacing the state of the art is great, but I hope it doens’t put these upcoming standards in a bad light. It’s worth noting, however, that a lot of these techniques are in their infancy.

I’ll be happy with a more efficient and well-performing Flash plugin for Mac, but what I want above everything is a access to the of data that is used by web plugins. It’d be great if I would’ve been able to at least view the motion agencies’ showreels (which are all in Quicktime) and read a bit about games or view some screenshots without requiring a plugin. If I do want to opt into the so-called ‘rich’ web experience, I’ll use Flash, Silverlight, or Web Plugin #4512 to render blinking text and videos projected onto cubes which fall down the screen and bounce around using realistic physics.

Microsoft Labs is doing great things with Silverlight that aren’t possible with Javascript and modern standard-based technologies (yet?), like Pivot, which was demonstrated at TED this year (Flash video – sigh). Pivot’s data, however, for at least half of the video, is the actual web, built on standards and accessible to any technology. This way, if another superior technology comes by or a plugin is no longer supported, anyone can harness the power of the existing data to replicate or even improve on the functionality that we’re so accustomed to. I like that.

There is nobody stopping you from making an iPad or iPhone application using Core Animation which browses Wikipedia like Pivot does – try doing that with all the video that is on the internet.

In conclusion, I’m actually happy to use Flash again to get at all the content I want. I’m equally happy to have missed out on the drawbacks of Flash. While before February I was convinced Flash had no place in the world, I am now a bit more relaxed about it. Flash has its place – but we shouldn’t lose track of the real goal: making the data we want to interface with accessible regardless of the technology I have on my computer, be it a phone, tablet, or PC.

I featured Billings on my blog before, and it’s still my one and only application for time-tracking, invoicing, and pretty much everything in my workflow that isn’t about designing. When Alykhan Jetha of Marketcircle contacted me to join the beta of their iPhone companion application, I jumped at the opportunity. Now I can proudly display the first public images of this amazingly well-designed iPhone app, which will be available soon.

As a disclaimer: I did not design any aspect of Billings Touch.

As you can see, it has a sharp icon that resembles its desktop counterpart. Upon opening the app, you are greeted by its gorgeous main screen.

I can’t divulge much about it yet, but the app does pretty much everything I ever dreamed of having in my pocket for my on-the-go demands. I’ve even come to use its timer as a punch clock next to my computer so I can even more effortlessly pause or resume my time tracking when I go off to brew a nice cappuccino.

In short: the app syncs with your Mac database of Billings (and vice-versa, new slips and invoices you created and tick off on your iPhone get synced back to your Mac over the air), and every single nook and cranny is wonderfully designed, as I’ve come to expect from Marketcircle.

It also works great without the desktop app: as a standalone app, it’s already a very powerful set of tools to add to your workflow. You can follow Marketcircle or me on twitter if you want to know when Billings Touch hits the App Store.

Warships, a game designed by me and developed by the Canadian Edovia is now available on the App Store. It’s a great, simple game of naval conflict, and I had a lot of fun designing it. You should get it (while it’s still a mere $1!) here.

However, I won’t be doing a lengthy post on its design process this time around. Instead, I made a video in which I tell you a bit about the process and show off some timelapses of the game graphics and icon. Consider this an experiment, and let me know what you think!

Viewing in HD at Vimeo is recommended!

It’s that time again: A new big cat is upon us, and while it hasn’t brought about the rumored ‘Marble’ aesthetic, there’s been a lot of enhancements, tweaks, and improvements to the user interface and graphics of Mac OS X 10.6, commonly known as Snow Leopard.

After a huge release like Leopard, which brought very radical change to the way our favorite OS looks, feels, and works, including a complete redesign of its icons and UI ‘theme’, Snow Leopard’s (incomplete) roundup of UI changes can only feel minor. Nevertheless, it shows some beautiful classroom examples of what composes true attention to detail.

Since Snow Leopard has quite a few interface changes and tweaks, I’ve organized them into four sections. I’ll kick off with the most visible changes, and round the article up with (very) minor tweaks that are hardly noticeable, but show us that Apple still hasn’t lost its touch.

Continue reading…