Instapaper for iPad: how it was designed

by javier on 12/05/2010

Marco Arment does a great job not only at designing one of the best apps for reading online (Instapaper) but also at explaining all the decisions behind the design. I strongly suggest reading Instapaper Pro 2.2.3 now available, which could also be tittled Instapaper for iPad: its design explained.

Marco, who also happens to be the lead developer at Tumblr, dealt with several issues when designing the iPad version of his product:

  • Placement of the controls: follow Apple’s lead or do what he finds it’s better (standarisation over effectivity).
  • Placement of the action buttons (not where they fit but at the specific spot where you are when you may need them).
  • Text margins and line readability.
  • Single column vs. multicolumn layouts.
  • Color and brightness for legibility (pure black on pure white on a screen is an aberration, don’t get fooled).
  • Pagination tap zones (and differences between iPhone and iPad).
  • Tipographies.

I wonder why Mr. Arment decided to let the user chose between 6 different fonts instead of chosing himself the one or two he thinks it works better on that context. What do you guys think about this one?

UPDATE:

Marco just answered my enquiry through twitter:

Marco: Because the people who care about fonts REALLY care about them, and appreciate the choice.

I think Hoefler Text works best, so I made it the default. I take the default settings VERY seriously.

No comments yet.

Write a comment: