Magazines on the iPad II

There’s been a lot of buzz with the new iPad magazines that are appearing in the market, specially with the Wired one. There are two important facts that designers and magazine companies have to acknowledge, the iPad is a reading device, and you are selling text (ok, text with images, but the main content has to be read) and we were designing text for screens for years now, and with the exception of some pdf to flash magazines, all the content can be found on html websites.

The lessons learned over the past 15 years must be enough to prepare content for a reading device like the iPad without making the same mistakes over and over again, like trying to replicate print on screen or using offline world metaphors for content manipulation.

Today we live in an internet connected world, you can just ignore it in your app, it can’t be a sealed bottle floating alone, it must have the correct tools to manipulate and share your content, if you don’t do this, your audience will be forced by you to ditch your app and go online.

This issue brings a question I didn’t hear yet, what if we make our websites appropriates readings online apps that renders beautifully on the iPad? It can be done with a clever HTML5 coding and CSS. I think this is because they will have to start charging for reading websites, and the appstore brings the perfect artificial barrier to do that. Theres a little issue of connectivity speed, but it is an issue only on 3g, and soon, with 4g, it won be there anymore. Maybe this is just the start of the end of free content, but that deserves another time for thinking on its own.

So, looking to all these things, I came with a set of ideas that can contribute with the debate of what a reading app should behave.

1. Columns

They are a really bad idea. You don’t have the screen size or resolution to put two readable columns in there. You can see here starting with the ideal font size on a 1 column portrait layout, it can’t scale good to a 2 column landscape layout. The best option is to keep the one column. Of course depending not he content you can use other layout options, but for long text articles, you should keep it simple, readable.

columns

2. Layout

As I said before, we haver years of experience designing for screens, and this proposed layout is not more that a starting point of what can be done. If you are looking for more concrete examples, you just can go and surf the web, there are excellent typographic centric websites.

Layout

3. Behavior

Websites to the rescue again. We don’t need the page metaphor, we are used to scrolling content, pagination is not ideal too. And like the example here, you don’t need to learn new navigation tricks or gestures, or skim all the magazine to find what you are looking for.

Behaviour

4. Content

The content on an article is not anymore all what an reader wants form you, he or she, wants to read other user comments, comment they selfs and know about related online content.

Dynamic Content

5. Content Manipulation

The user must be able to own the content, not just read it passively. They have to be able to copy, annotate and share it.

Content Manipulation

6 – Advertising

This is a really tricky one, we don’t like ads, we want to read without being interrupted with blinking banners, pop-over flash animations, etc. One idea is to have inline ads that don’t interfere with us, we just have to scroll a little more to continue our reading.

Advertisement

So, what a reading app for iPad should have:

  1. One principal column layout
  2. Screen optimized and adjustable typography size
  3. Simple gestures interface
  4. Internet dynamic content
  5. Built in browser
  6. Sharing an annotating tools
    (copy, mail, instapaper, blog this, facebook like this, etc)
  7. Search function
  8. Non distractive advertisement
    (please forget about cluttering all the app with banners)

There are a lot of really great interactive designers dying for making the ideal app for magazines, with a lot more and greater ideas than the ones I’m putting here. Just don’t ignore the past fifteen years of Internet experience we have.

Revistas en el iPad ¿lo que la web no pudo?

Están surgiendo en la web varios demos de proyectos de revistas digitales para el iPad. Cada una tratando de explotar de diferentes maneras este llamado nuevo medio.

Lo curioso es en algunos casos no terminan de entender de que se trata este nuevo dispositivo y sus beneficios y diferenciales.

Se puede ver que lo que han realizado no es mas que un sitio web realizado en flash con alto contenido de video. No deja de ser muy llamativo, de alta calidad de producción y muy poco contenido. Como este ejemplo el cual solo posee unos pocos párrafos de texto, que tranquilamente podrían ser parte de un docento de texto de nomas de 5 Kb o de un email. Eso si con uno vaya a saber cuantos MBs de videos y animación. Este mismo tipo de error en la interpretación de un medio sucedió y continua sucediendo en la web.

Si las publicaciones no incluyen diferenciadores importantes para los usuarios en la manera que estos puedan interactuar con la información (y no con las animaciones) no habrá nada que los detenga de acceder de manera gratuita en la web a los mismos contenidos (recordar que el ipad trae consigo su propio navegador) o desde otras aplicaciones que hayan puesto la experiencia del usuario como eje principal en el consumo, uso y manipulación de los contenidos.

Sports Illustrated ha publicado su prototipo de aplicación para iPad, la cual esta muy bien realizada, y contiene varios elementos propios del dispositivo con el que se visualiza. Pero lo que no se entiende, es que, si realmente querían realizar algo así, porque esperar a un dispositivo muchas veces menos potentes que un computador de escritorio, o una notebook para realizarlo y tener un sitio web con una experiencia de uso similar a otras publicaciones teniendo la posibilidad de desarrollar semejante producto con tecnologías web que obviamente los ubicaría como líderes del segmento.

La real posibilidad de innovar en interfaces, lectura y manejo de información es posible, y desde hace tiempo, en la web. Lo que ofrece el iPad, por lo que los medios están tan ansiosos de desarrollar versiones de sus publicaciones para este dispositivo, es la barrera artificial que impone el modelo de adquisición. Mientras que en la web no han sabido generar diferenciadores para que se acceda a sus contenidos luego de pagar por ellos, encontraron en el iPad que alguien mas se había encargado de hacerlo.