El desafío de diseñar revistas interactivas para iPhone
La mayoría de revistas digitales que hay en el App Store y en Google Play son publicaciones pensadas para iPad o tabletas Android. Dispositivos móviles con pantallas más pequeñas como el iPhone o los móviles Android son temidos por los diseñadores de revistas digitales, ya que disponer todo el contenido en una pantalla tan pequeña puede ser un reto difícil. Además, los editores creen -y hacen bien- que las revistas interactivas tienen más posibilidades entre los usuarios de tabletas. Al fin y al cabo, la tableta se utiliza en el tren, en el sofá… momentos en los que leer una revista se nos antoja como una buena opción.
British Journal of Photography: revista digital para iPhone
British Journal of Photography, revista de fotografía del Reino Unido internacionalmente conocida, publica actualmente en iPad e iPhone. La solución que escogieron para publicar su revista interactiva para iPad e iPhone fue Mag+ (o Magplus), el plugin de InDesign. Aún siendo una publicación de fotografía, por lo que se siente beneficiada por la genial pantalla de los iPads, creyeron que el iPhone era una buena opción. Cuando trasladamos una revista de su hábitat impreso a un nuevo hábitat, el digital, tenemos que repensar varios temas. Primero, el diseño de interacción, la experiencia de usuario y, claro está, el diseño gráfico. Lo mismo pasa cuando queremos pasar una revista de iPad a iPhone: tenemos que repensarla.
iPhone, iPad Mini, iPad
Como podemos ver en esta imagen, la pantalla de un iPhone no tiene nada que ver con la pantalla de un iPad Mini o de un iPad (1, 2, 3, 4…). Por este motivo, tendremos que replantear el diseño de interacción y el diseño gráfico de toda la revista para que encaje con la pequeña pantalla de un iPhone.
Análisis de British Journal of Photography: iPad y Android
En cuanto a diseño de interacción, BJP para iPad no es una revista precisamente sobresaliente. El diseño de interactividad es muy básico. Los artículos están dispuestos de manera vertical. En cuanto a las imágenes, cuando hacemos toque podemos leer una descripción. En el diseño de BJP no hicieron virguerías ni nada fuera de lo común. En el caso del diseño para iPhone repitieron este mismo esquema, con algunos cambios. Los artículos son también verticales. En este sentido, vemos que BJP no intentó hacer un diseño muy diferente para iPhone que para iPad. El motivo: el diseño para iPad es tan sencillo que ya era adecuado para traspasarlo a iPhone.
En esta imagen podemos ver un artículo de British Journal of Photography en iPad y uno en iPhone. Vemos que el diseño es parecido, aunque en la versión para iPad aprovechan para incrustar imágenes y texto en la parte de la izquierda de la revista. En el caso de la versión de iPhone esto sería más complicado, precisamente por la falta de espacio.
En esta imagen podemos ver cómo maquetan imágenes en BJP. Si os fijáis, en la versión para iPad podemos ver que han añadido un texto: “Rotate your iPad to see whole image”. Si rotamos el iPad, podremos ver toda la imagen. De esta manera, la revista no es absolutamente vertical ni absolutamente horizontal, combina ambas orientaciones según las necesidades.
En la imagen de la izquierda podemos ver una solución de diseño para la información de la foto. Haciendo doble toque la información aparece o desaparece. En la imagen de la izquierda vemos que en vez de hacer aparecer una pequeña línea gris con la información, decidieron que la franja gris ocupara la totalidad de la pantalla. El funcionamiento es el mismo: doble toque para hacer aparecer o desaparecer la información.
Aún su diseño sencillo -podríamos decir, austero-, BJP es un gran ejemplo de revista interactiva para iPhone e iPad.
WeSC, una revista interactiva para iPad e iPhone
Otra revista muy interesante también diseñada con Mag+ es WeSC o We Are Superlative Conspiracy. WeSC es una marca de ropa que utiliza la herramienta de creación de publicaciones digitales Mag+ para crear su propio catálogo interactivo. En el catálogo veremos las típicas editoriales de moda (muchas fotografías), con el añadido que podemos ver también enlaces a poder comprar la ropa o, incluso, temas de música. En cuanto a la versión para iPhone, esta es totalmente diferente de la versión para iPad. Teniendo en cuenta que no es una revista, la libertad para confeccionar cada publicación es total. De esta manera, las publicaciones interactivas para iPad de WeSC tienen mucho más contenido que no las publicaciones para iPhone. Así, la información está dividida de diferente manera según el dispositivo.
Vemos en la imagen para iPad cómo hay un icono de un carrito de la compra con. Si hacemos toque en el carro de la compra, nos aparece información acerca de los ítems que se pueden comprar y enlaces a los mismos. En la imagen de la derecha (versión iPhone) vemos también un icono de unos cascos. Si hacemos toque, podremos escuchar una canción. En el icono de debajo, accedemos a iTunes Store para poder comprar la canción.
Una vez hemos hecho doble toque a las imágenes nos aparecen diferentes puntos amarillos. Estos puntos amarillos están enlazados con la web de la marca de moda WeSC y, por lo tanto, vemos cómo esta publicación digital e interactiva funciona como catálogo.
Innovaciones en patrones de diseño de revistas interactivas para dispositivos móviles
Hemos podido ver algunas innovaciones en cuanto a patrones de diseño de revistas interactivas, pero vemos cómo tanto BJP como WeSC hacen diseños muy parecidos para iPhone y para iPad. Esto es la vida real y publicar una revista mensualmente es una carrera siempre a contrrareloj.
