

If you want to make your Web page or new mobile app look great on an iPhone, you might be interested in checking out Apple’s design guidelines.
One of their key tenets states:
Use columns and blocks like many of the online newspapers do. Text blocks that span the full width of the page tend to be difficult to read. Columns not only break up the page, making it easy to read, but also work well when users double-tap the screen.
The section on XHTML design begins:
The best way to start coding a new website is to make a rough sketch on paper.
Plus c’est la meme chose, plus ça change, eh?
Visit this iPhone page on the Apple Developer site to learn how Apple specifies 7 degree corner radiuses, Helvetica type (in 12 17 and 20 point sizes) and a simple color palette.
The human finger is less precise than a mouse pointer so there are other design considerations to make as well. (Like link density, meta strings for CSS rules and files sizes . . .)
My fave new, killer iPhone apps
I have been checking out some of the new Web Apps designed for the iPhone and it clear that some developers are clearly following these design guidelines strictly and others are at least getting the big picture for how mobile apps need to be designed for rich media interaction. Here’s a list of my current faves - ones that I use every day. Some are beta, some are alpha - all are already pretty good out of the box. I expect them to evolve rapidly.
Why these?
This Ajax-ified Google search app is far better for my mobile info gathering purposes than the built-in Google search.
The Facebook app is all I need out of Facebook. Can’t think why I would ever need to log in from a laptop or desktop? Someone tell me why after trying this App out on your iPhone.
The Movies app is not a ‘work-related’ app but it is so handy, powerful and just plain fun that it has to stay.
The Weather Radar link is not a mobile web app, per say, but it is a bookmark I leave loaded all the time. The built-in Yahoo! weather app is cute but I live in the Windy City and need more visual data to make me happy.
The Gas app follows the Apple style guidelines - you can open in a Web browsers but, trust me, it looks way better in your palm because of the way the XHTML formats it on an iPhone.
Twitter, because it works the way it should, simple.
Beejive let me log onto multiple IM networks and manage my AIM, MSN and Yahoo! accounts in one slick app. (Now, if I could only get all my contacts to agree to the same IM client) Beejive also handles GoogleTalk®, ICQ®, and Jabber - but I am not on those.

Tip, Top, double-Tap?
I hope to see you at the Tech Talk event in Chicago August 28.
It is a free seminar so I will be there to learn how to code and design for the iPhone. Let me know if you are coming.
If you can’t make it into the Loop you can at least catch this one hour video where an Apple engineer walks you through all the interface design elements for making your mobile Web apps rock solid.
Share on Facebook
Print or e-mail this item.
Comments
RSS