How easy is it to read long passages of text on the iPhone? That’s a question I’ve been wanting to answer since the Holy Phone was announced this past January. I’ve long had a reading-related fantasy (trust me, this won’t get dirty) that I could use the iPhone as a kind of auxiliary monitor. Stuff a few software-related how-to doc’s onto the phone, and then perform the actual tasks on my main monitor. I don’t know about you, but when it comes to reading documentation online I always end up printing it out since I can’t stand switching back and forth between, say, Photoshop Elements and the info onscreen that’s telling me how to use the histogram. Once I got my hands on an actual iPhone and saw firsthand the jaw-dropping clarity of its 3.5 inch 160 dpi screen, I couldn’t wait to run a few tests.

I took a look at three different kinds of content: a book from O’Reilly’s Safari online reading library, a Web site whose layout appeared especially readable on the iPhone, and a PDF.

The verdict? iPhone-friendly Web sites are the clear winner. Safari books take second place and are readable for about 10 pages or so at time. PDFs are as lame as ever on the small screen. Pictures, comments, and some suggestions after the jump.

iPhone-friendly Web sites

DaringFireball.net

For this test I used Daringfireball.net. Not a how-to site, I realize, but it provided a good baseline for the kind of reading experience I could enjoy for long stretches of time. In portrait mode the text was readable but still a bit small for my taste; I flipped the phone into landscape mode and found the text incredibly clear and a pleasure to view.

My finger got tired from flicking well before I suffered any eyestrain. (Tip: double-tapping the bottom of the browser window — just above the bottom toolbar — is just like hitting the Page Down key on your regular keyboard: the text scrolls up.) I’ve been a longtime reader of Daringfireball and so I know that the man behind the scenes, John Gruber, didn’t specially reformat his site for the iPhone. He’s been using a simple, one-column layout for at least the past two years. Definitely the way to go if you want readers to consume big chunks of text.

Books on Safari

Safari.jpg

I really wanted these books to look great, since there are so many titles available for Safari subscribers. The text was crisp, clear…and just a tad too small for me to want to read for more than 10 minutes or so. Using the iPhone’s screen zoom ability I could, of course, enlarge the text, but then I ended up having to scroll left and right to view the text that was offscreen. Each Safari page does offer “+” and “-” text zoom buttons, but the “+” button didn’t beef up the font as much as I wanted. More frustrating was its placement: right next to another link (”Previous”) which I kept accidentally hitting, taking me back to the last page I’d viewed. Apple’s claims that the iPhone provides access to the “real” Internet notwithstanding, these kinds of button placement issues are surely going to start confronting Web designers who want to make their sites friendly to touchscreen users.

PDFs

I looked at two PDFs: A chapter from Access 2007 For Starters: The Missing Manual and a Short Cut (Prototype and Scriptaculous: Taking the Pain out of JavaScript). There are two main drawbacks to reading PDFs on the iPhone. First, the only way to permanently store and view a PDF is to email it to yourself and then open the attachment. Because the iPhone doesn’t have any kind of user accessible folder system, you can’t save the PDFs and view them later, as you might on a regular PC. The second, and more serious problem, is that text in a PDF doesn’t “reflow” to fit your phone’s display. When you first open a PDF all the text fits onscreen as in this picture….

ShortCut.jpg

…but the text is too small to read. When you use the iPhone’s zoom-in feature, you’re back in the dreaded, reader-unfriendly land of having to scroll left and right. What a pain. Apple could help solve this problem by letting you change the PDF’s orientation from portrait to landscape (which is what you can do with the Web browser and photos on the iPhone).

Suggestions for a Better Reading Experience

Two suggestions for Web page designers looking to present long chunks of text to iPhone readers: follow DaringFireball.net’s layout…and figure out how to make the text look equally good when the browser is in portrait mode.

Down the road, here’s my second iPhone reading fantasy: Apple cuts a deal with Adobe and features the just-released Adobe Digital Editions (ADE) software on the iPhone. The clunkily named ADE (my acronym, not theirs) is like iTunes for buying, storing, and reading PDFs and other eBooks…with a twist. Any document that’s in the ADE-friendly .epub format lets you change the font size; the text automatically reflows to fit the width of your viewing window. That means no more scrollbar wrestling with PDFs on your PC’s monitor, or on your iPhone.