Optimising Web Applications and Content for iPhone

Today Apple launched on its developer website a section for iPhone web development. The first resource put up is a development guideline for the iPhone. The resource aims to give web developers and designers a guide to optimising web applications and contents for the iPhone safari browser. Now it makes complete sense why Apple released the Safari browser for Windows: Safari compatibility is one big requirement for web design that is optimised for the iPhone, and this test bed will be available for web developers and designers using either platform (windows and mac).

The document states the following main guidelines in optimising web content for the iPhone:

Understand User-Phone interaction
This section makes sure that the designer understands certain elements that of the iPhone experience in order to make correct design decisions. It discusses the use of the user’s finger as the main input device for the phone, the windowless concept of the iPhone Safari browser, designing for double tap and the events that the designer can handle.

Use Standards and Tried-and-True Design Practices
iPhone supports most html / xhtml and css standards, so designing standards-compliant pages is one sure way of of having an iPhone-optimised design.

Integrate with Phone, Mail and Maps
The iPhone is a convergence device. By using appropriate and properly formatted anchors in your web design, your page can take advantage of iPhone’s built-in integration among its different core phone and internet applications

Without going further into the details, below are the rest of the main guidelines stated in the document:

Optimise for Page Readability
Ensure a Great Audio and Video Experience
Know What Safari supports on iPhone
Connect With Web Developers

If you’re a web designer that wants to optimise your design for the iPhone, then this web development guideline is a very good starting point.

Go back