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.

Steam for Mac will be available for download in a week’s time. Steam, for the uninitiated, is the world’s largest gaming platform, serving in essence as an ‘iTunes for games’. Steam lets you buy, try, and play games, stay connected with other gamers and friends, and much more. I’ve enjoyed testing the beta release of it for the last few weeks.

However, the part I disliked about Steam on the Mac is the (understandably) less-than-native looking and feeling UI. While the entire application was recently redesigned (and re-engineered to utilize Webkit as its rendering engine), it still feels less than at home between the system apps.

As a fun exercise, I’ve redesigned Steam in a way that maintains consistency with its own UI conventions and values, while changing look and feel to make it more native to the Mac platform.

You can see a comparison between Steam for Mac’s UI and my redesign on flickr here.

I won’t tease you with only vapid mockups, though. While you’re here, grab my Steam replacement icon for OS X.

Steam replacement icon – 434 KB

Of course, if you have input on the mockups, sound off in the comments. Meanwhile, I am currently considering sending my thoughts to Gabe for further consideration.

Unless you’ve been living under in a multitude of nuclear holocaust-proofed rocks, you’ve heard all about Apple’s new tablet, the iPad.

As usual with a large Apple product launch, I’ve written up this post to round up the good, the bad, and the ugly of all the new interface and interaction designs that were set loose on the world by the company that’s regarded as the most influential and skilled when it comes to designing experiences. The usual disclaimer applies: iPad hasn’t hit the market yet, and thus its UI may still be subject to change or improvement.

Continue reading…

In August last year, I decided to hold a limited sale period for Icon Resource, since I was about to upgrade it with new content for existing members. I like giving people free upgrades whenever possible: Icon Resource was always meant to be an ongoing project, and it still is. However, it’s taking longer than expected to roll out the new websites. It’ll certainly be worth the wait, though!

Here’s a brief a look at the new Icon Resource – and its new brother, iPhone Resource. There’s something new for previous and new members in the works, but I’m not ready to release it yet. This only means that there’ll be that much more content for you if you’re a member: two entirely new courses on Mac / Windows icon design, including intermediate and advanced techniques.

iPhone Resource, a separate and new set of courses, focuses on making amazing iPhone icons and interfaces. It’s shorter and more concise than its big brother, but from what I’ve seen in the App Store, it’s certainly sorely needed.

You will also get a brand new member area, where you can watch course videos, review lessons and download files. An iPhone application is also in the works, but I can’t tell much about that yet. It’ll be released a bit later than the actual upgrade.

Much design love went into this new version, and all pages have been redesigned from the ground up. The new login page went through over a hundred iterations. Click on the image to view it at full size on Flickr.

I expect to roll out the entire new Icon Resource upgrade in late February or March. As an existing member, you will be notified by email (and only this time! I hate newsletter spam) when the new content arrives. The price will remain unchanged.

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!

Perhaps you’re aware that you can connect to a Mac back home with Back to my Mac, a service offered by MobileMe. When I heard of this feature, I did some reading and set everything up right, but I just couldn’t get it to work. I think Back to my Mac is a really cool idea, but it could use some work. It could even tie very well into Apple’s possible new tablet-sized device.

Enter MobileMe Home. After entering your MobileMe credentials on your Airport or Time Capsule, your network becomes accessible when you’re away from home. No enabling settings in some tab in a preference pane or forgetting to put a file on your iDisk: you can connect back home from anywhere with the Finder on your laptop, with an iPhone app, and from public or other computers through the MobileMe web interface.

MobileMe Home’s web interface allows you access to your Mac’s files, use a web-based client to do simple screen sharing, stream a few songs or videos from your iTunes library, and locate, wake, sleep or shut down your Macs from anywhere. On any Mac or iPhone, you can connect to your network to do all of the above, and more, like connecting to a non-Mac server or device on the road.

Even better, since your laptop (and possibly tablet) get on the move, you can track its location thanks to Snow Leopard’s Core Location features.

Check out a larger size of my rough MobileMe Home mockups at Flickr by clicking the preview below:

MobileMe Home is not an official Apple product, nor do I know anything of planned features of MobileMe. You should consider this an idea, or perhaps even a dream, seeing how technically MobileMe Home would probably be incredibly hard to implement. I just wanted to share it with the world.