Learning to write custom iPhone UI

Question

My question is more towards learning the UI skillset for iPhone dev.

I have been noticing a lot of iPhone developers who build great iPhone application, and when I say great I mean the awesome interfaces. I want to be able to create similar interfaces but I am finding it hard to learn how to do that.

I have picked up a few iPhone dev books but they all show you how to use existing UI elements provided by Apple with no customization.

Can anyone here help me find the resources and help me develop that skillset required to create those awesome UI interfaces?

Answer 1

Making "awesome UI" is not just about knowing how to create custom elements, but also when not to. I highly recommend reading the iPhone Human Interface Guidelines to understand where Apple was coming from when designing the interface of the iPhone. Also, you should have access to the iPhone Tech Talk video "iPhone User Interface Design" through the iPhone Dev Center (click on the Getting Started videos), which provides some great design tips. The Mac Human Interface Guidelines are also a solid resource, because of the philosophical design tips at the beginning of that document. The "Extending the Interface" section of that document has a nice discussion of when and how to make custom UI elements.

I find there's a lot you can learn about interface design from case studies by other developers. These include

• "Pimp my App" (video) by Mike Lee
• Wil Shipley on his iPhone Delicious Library client (video)
• "IPHONE ITS NOT A FRICKEN MINATURE LAPTOP OK" (video) by Craig Hockenberry
• "Convert design evolution" by tap tap tap
• "Designing the UI of Things for iPhone" by Cultured Code

Ben even wrote a great recap of the design of Stand Alone's Crosswords application.

I also find it useful to see what other people feel about good and bad interface design decisions. Two nice articles in this regard are "30 iPhone Apps with Sexy Interfaces" by Mac.AppStorm and "iPhone Apps Design Mistakes: Over-Blown Visuals" by Smashing Magazine.

For learning how to draw custom icons, I highly recommend paying for the Icon Resource series of videos.

Answer 2

Matt Gemmell has a very good blog post on this: http://mattgemmell.com/2008/10/29/favorites-ui-design