Dammit, Apple. You’re Supposed to Be the Ones With Good UI Design.

The grand appeal of using an e-reader is the ability to own a large library of books without adding to the colossal weight of one’s possessions. Ever since I moved away from print books I’ve been able to remove hundreds of pounds of clutter from my apartment and from my life. Storing books digitally has improved my quality of life. That being said, the various e-readers that are out there have an obligation to provide a good user experience, and they do that through design.

In the past I’ve taken Amazon to task for user interface design that I felt was subpar. Since it’s introduction, Kindle for the iPad has gone through numerous updates to its UI, and while still not perfect, it provides a fine balance of text and whitespace. The only reason I don’t use the app regularly is because Kindle doesn’t have continuous scrolling. Enter iBooks, the e-reader app from Apple.

Apple prides itself on the quality of its design. One can see it from the look and feel of Apple’s signature hardware, to the way fonts render in OSX, and everything in between. Which makes this so inexplicable:

ios10ibooks

That is a screenshot of a page in iBooks, with continuous scroll turned on, after an update to iOS 10. The margins to the right and left are too small, leaving the text crowded to the edge of the screen. When using one of the new model iPad Pros, the text is less than an inch from the edge of the device. The width of the text also interferes with the eye’s ability to flow from one line to the next. What happened to all that whitespace that designers value so much? It used to be there. This is a screenshot of the same text taken in iBooks from an iPad running iOS 9:

ios9ibooks

The second screenshot shows a much better use of margins. I know there are charlatans out there who prefer text to be much closer to the edge, but they’re wrong. Luckily, a solution that satisfies most users should not be that difficult for Apple to implement. The Kindle app already has a margin selector in the same menu where a user adjusts fonts and background colors. The settings in iBooks does not. As of right now, the experience in iBooks on the iPad has been degraded by the decision to close the margins. Were Apple to add a margin selector, it would be a vast improvement to the app.

Tags:

 /  /  /  /  /  /  /  /  /  / 

Improved Reading Experience? No.

Last week, Amazon updated it’s Kindle app for iOS. For the iPad, the new update is a case study in poor design. From the update blurb in the app store:

Improved reading experience on iPad: Smaller margins and a cleaner look help you focus on the author’s words.

When I first saw this in the blurb, I was immediately suspicious. It’s hard to overstate the importance of healthy margins and whitespace in good design. Generally, it’s also one of the earlier casualties when good design meets project managers and clients who aren’t designers. But I updated the app anyway. Upon opening, I saw what had been a decent treatment of margins had been destroyed by the redesign:

kindle1_bl.jpg

The image on the left is a screen capture from an iPad without the update installed (I’m a developer, I have more than one iPad. How first world of me.). The image on the right is with the update installed.

The smaller margins do indeed help a user focus on the words. In fact, that’s all a user can focus on. What Amazon has done is create a solid mass of text that has no breathing room. It’s claustrophobic. It’s stressed.

It’s like standing three feet in front of a brick wall and pretending you’re appreciating the architecture of a building.

The words are the most important aspect of a book. That’s intuitive. But, presentation is very important. Having ample margins helps the eye flow over the text and makes it easier to move from one line to the next while reading. Making the margins smaller in the app hinders the ease with which the eye can move over the page, making the book harder to read, not easier. Also, it’s just ugly.

There is also a usability gap that was created with the update. Previously, the app’s toolbar overlays would not interfere with the text on the page. Some people like to read with the toolbar visible. I’m not among them, but I respect that. After the update, keeping the toolbar visible is no longer a workable option:

kindle2_bl.jpg

Also, the new toolbar design has none of the nuance of the previous version. It’s black, bold, and in a user’s face. Even if it didn’t cover up text, the look and feel of the new toolbar is a downgrade.

The Kindle app in the iPad has been a conundrum ever since I began to use the device, simply because the presentation has always been suspect. The options for reading have been limited in ways I could never understand.

Continue…

Categories:

Human Experience

Tags:

 /  /