Diseño de revistas para iPad

Un tema muy interesante.

Si os sirve para algo, desde hace un tiempo hago una revista que sirve para tablets y escritorio que es un grid fluido que se adapta al tamaño de la ventana del navegador, el truco está en darle al grid en lugar de valores en píxeles valores en porcentajes, luego le añado un javascript no invasivo que sirve para la navegación y, sobre todo, para redimensionar las tipografías según el tamaño de la ventana del navegador.

Como no soy diseñador ni me gano la vida con esto (aunque el tema me resulta apasionante), lo regalo a todo el mundo, por si alguien puede hacer algo útil con ello.

La revista es una revista sobre el mundo del nudismo social y se encuentra en http://ene-naturismo.org/revista

La plantilla de wordpress está en https://dl.dropboxusercontent.com/u/3256070/revista.zip

Aviso que todavía sería una versión alfa, pero funcionar funciona :)

Buenas
La verdad que la opción que comentas nos la planteamos también en un pricipio, resulta muy interesante, sobretodo por la diferencia económica. La navegación es sencilla, y la verdad que queda muy bien.
Nuestro planteamiento es la creación de una revista que la gente se pueda descargar a través del quiosco de la AppStore.
El diseño lo estamos realizando a través de InDesign y el plugin de Magplus . Tiene unas tarifas que en un primer momento quitan el aliento, pero comparándolas con otras como Digital Publishing Suite de Adobe (DPS) al final se acercan más a nuesto perfil.

Saludos

La ventaja de mi sistema, además del precio :D, es que sin tocar nada es compatible con el escritorio, con cualquier tablet y, sobre todo y ante todo, no dependemos de la app store, que con su política de censura no podemos publicar, por mucho que se sepa que el nudismo no es ni sexo ni pornografía, pero ya se sabe, son americanos :(

También me he esforzado para que sea compatible con navegadores sin javascript y que siga lo más estrictamente posible las recomendaciones wcag de accesibilidad, aun me quedan muchas cosas pendientes en mi "juguete", pero ya es usable.

En ésta entrada, quizás no muy "viva" pero sí vigente, teneis más info.

¡Hola!

Me interesa mucho este tema, así que dejo mi comentario y voy a seguir este hilo :)

Primero de todo dar las gracias a arturios por compartir su framework, lo investigaré en detalle.

Quería comentar algo que he observado en el mundillo de las revistas digitales y es que a veces me da la impresión de que se da mucha importancia a la interactividad y a la programación pero se descuida el diseño y la experiencia de usuario. Entiendo que es complejo, porque los diseñadores editoriales tienen que ponerse las pilas en temas de usabilidad e interfícies y viceversa. ¿Qué pensáis de esto?

En mi caso yo venía del diseño editorial pero por requerimientos del cliente acabé haciendo trabajos editoriales para iPad, sobretodo manuales, libros y presentaciones científicas. Estudié human-computer interaction y maquetación web y me sirvió de gran ayuda. Sobretodo para organizar correctamente los contenido y crear flujos de navegación.

En mi caso, utilizando DPS o Mag+ puedo hacer las cosas más rápido que con programación así que prefiero utilizar estas herramientas. Para mi es mucho más fácil e inmediato usar InDesign que Xcode.

Eltatodiego, me encantaría ver tu revista cuando esté acabada ¡Muchas gracias por iniciar este post!

Saludos a todos.

Pues que como toda llegada de una nueva tecnología, despuntan los productos efectistas –y generalmente muy pobres en calidad de contenidos– y, tristemente, dentro del mercado son los que más éxito tienen. Os acordais cuando todo los clientes querían una intro a su web en Flash, pues lo mismo. Por suerte, hay revistas mimadas en fondo y forma y que, después de los fuegos artificales de los productos de consumo masivo, realmente exploran el valor añadido que brindan las tabletas, con su lectura inmersiva y colaborativa.

Estudié human-computer interaction y maquetación web y me sirvió de gran ayuda. Sobretodo para organizar correctamente los contenido y crear flujos de navegación.

Pues una muy buena apuesta. Después de, como te decía, la histeria colectiva por el maniersimo de la eZines, se irá viendo que los productos donde la UX y la UI estan tratadas por profesionales, son más cómodas, usables e, incluso, atractivas. O eso espero ;)

En mi caso, utilizando DPS o Mag+ puedo hacer las cosas más rápido que con programación así que prefiero utilizar estas herramientas. Para mi es mucho más fácil e inmediato usar InDesign que Xcode.

Más fácil e intuitivo para nosotros, diseñadores gráficos/editoriales, sí, pero lo que un programador podrá llegar a idear y desarrollar con XCode será siempre más rico y, sobretodo, genuino. Es como el tema de los templates en las webs, al final sólo es maquillaje, ya que estructuralmente o a nivel de funcionalidades, los grafistas estamos limitados.

Gerardus, muchas gracias por tu respuesta.

Estoy totalmente de acuerdo, esperemos que pronto se valoren las revistas con buena UX/UI :)

Respecto a lo que comentas de los desarroladores también es verdad, nos tocará llevarnos bien con ellos, si no es que ya lo hacemos.

¡Saludos!

Hola,

en primer lugar felicidades arturios por la iniciativa, parece una opción muy interesante. No sé si conoces el framework "Baker" en html5 con el que también se pueden hacer revistas interactivas, un poco limitado, pero para proyectos que no tengan mucho presupuesto puede ser una gran opción.

En cuanto al resto de respuestas. Yo formo parte de un equipo de diseñadores+programadores dedicados, sobre todo, a la publicación de libros digitales enriquecidos (software), videojuegos y también revistas. Para las revistas decidimos no usar nuestro propio programa en Objective-C (el lenguaje nativo de iOS, que se programa con xcode), sino contar con una solución de terceros. Precisamente es la solución que comentan en el foro Gemma y eltatodiego, Mag+. De hecho, con Mag+ se diseña en InDesign, pero recordemos que detrás de Mag+ hay puro código (software) y que, por lo tanto, tenemos muchas menos limitaciones. De momento, estamos muy contentos con el resultado y nuestros clientes también... Claro que como bien decís hace falta una inversión de dinero. Aún así, por lo que sabemos de nuestros clientes, con 2 anuncios al mes pueden cubrir de sobras el precio de Mag+, así que... todo depende del tipo de negocio.

Saludos,
Emma

Alguien ha probado la herramienta Buttön?
Teóricamente permite crear publicaciones para iPad directamente en Indesign. Sin necesidad de usar lenguajes de programación. Diseñas, exportar y listo.

Yo he descargado la beta para InDesign y el visor para iPad. Pero no soy capaz de hacerlo funcionar. El plugin aparece en ID pero noy hay manera de importarlo a iPad.

No he encontrado documentación, ni información en ningún sitio. ¿Alguien la conoce?

Esta tiene una pinta muy buena... espero que te pueda servir de ayuda.

http://www.appdesignvault.com/newsstand-app-ios/

Estoy igual. Te mando un mail, Alberto.

Me interesa el tema, yo he hecho pruebas con InDesign + DPS y me gustaría probar otras vías. ¿Se puede conseguir la beta de forma gratuita?
Cualquier ayuda es buena. ¡Gracias!

Hola,
Aquí os dejo un artículo bastante interesante que leí justo ayer y que me parece que os puede ayudar.

El artículo analiza la forma en la que los usuarios leen, se subscriben y usan las revistas en las tabletas.

http://gigaom.com/2013/10/06/tablet-magazines-failure/

Un saludo.

Buenas Raúl,

gracias por la info, ésta noche me lo leo.

al hilo del tema tengo una pequeña duda. Cuando tengo que maquetar revistas las hago siempre en A4 pero a la hora de maquetar para digital no tengo muy claro la medida "estándar" que hay que usar y si puedo utilizar directamente el formato a4 haciendo un pdf interactivo. Me podéis ayudaR?

La herramienta de Bütton tiene muy buena pinta.

No la he probado pero intentaré echarle un vistazo. Yo de momento he hecho pruebas con Magplus, y a diferencia de otras plataformas (quizá por desconocimiento o falta de confianza) prefiero trabajar sobre InDesign y luego exportar todo para iPad que hacerlo en herramientas de HTML5, pero esto es ya algo que cada uno valorará.

En Magplus dispones de plantillas preparadas para cada formato (iPad, Android, iPhone...) con lo que solo tienes que trabajar en el diseño como si fuera una revista tradicional.

Reconozco que el error de muchas revistas que he visto, y el mio cuando empiezas a hacer pruebas, es que se abusa en exceso de recursos efectistas e interactividad. Con lo que muchas veces pierdes el hilo del texto o información que estés leyendo.
Saber medir el punto exacto de interactividad y una buena experiencia para el lector es lo más complicado.
Seguiré investigando y le echaré un vistazo a las herramientas que proponéis

un saludo

He pasado mi proyecto de web fluida para desktop, tablet y lo que sea a:

https://github.com/arturios/magazine

Es una plantilla de wordpress y se puede usar libremente.

Ejemplo de uso en http://soy-nudista.org

¿Alguien ha probado Aquafadas? Estoy diseñando un libro enriquecido que se publicará como app independiente, y el problema de los costes de publicación me tiene loco…

taskforsome, personalmente no me he puesto a investigar Aquafadas porque no dejan claros los precios en su web. Habiendo tantísimas opciones, las que de primeras no puedo cuantificar las descarto. Si quieres hacer un libro que solamente se publicará una vez (no tiene un quiosco dentro) quizá te interese usar Bütton, que cuesta 200 euros. Y si sabes HTML/CSS Baker, que te saldrá gratis. ¡Suerte! :)

Sí, he visto Bütton y me parece una opción más que interesante. Y en cuestión de precios, Aquafadas parece tener una opción "single" (similar a la de Bütton), pero algo más cara.

Baker se me queda corto porque un requisito indispensable es sacar una app tanto para iOs como Android, así que necesito compatibilidad con todas las plataformas.

Gracias por el apunte, Gemma.

Hola!
Trabajo en una agencia, Zetenta Digital Publishing (www.zetenta.com/publicaciones-digitales). Hace ya un tiempo nos empezamos a especializar en el diseño de revistas para tablets y smartphones. Empezamos utilizando con buenos resultados Mag+, sin embargo en el último tiempo hemos tenido inconvenientes y Adobe DPS es una opción más confiable (aunque más cara). Fuera del tema de las licencias, estas dos son las herramientas que más facilidades permiten a la hora de agregar interacciones distintas y atractivas, desarrollándo el código de cero, y logrando, con un producto diferenciado, generar un vínculo con el usuario.
Saludos!

Es un tema apasionante, aún no hemos podido terminar nuestro portoflio en la herramienta de Adobe, probamos otras, pero creo que la mejor opción sigue siendo el DPS de Adobe.

Nosotros, en Walk Magazine, optamos por Mag+ tras trastear con varias (algunas las citáis aquí) y la verdad es que de momento estamos muy contentos. Podéis ver el resultado aquí:

https://itunes.apple.com/es/app/walk-magazine/id938672313?mt=8

Se agradecen vuestros comentarios.

Un saludo!

Yo utilizo la herramienta Bütton hace más de un año. Tiene una cantidad y variedad de features suficientes como para crear efectos muy interesantes; todo depende de tu creatividad. También tiene buenos precios, visor web y la posibilidad de publicar con una app independiente. Eso si, hace tiempo no actualizan, y el plug in presenta algunas fallas al momento de exportar el documento. Son fallas fáciles de solucionar, pero si no se tiene experiencia con la herramienta, en principio puede ser un poco frustrante.
Se descarga de manera gratuita en https://buttonpublish.com/ (pack plug in+app para gestionar las publicaciones en ipad).

Hola!

He pensado que os interesaría saber que DPS ya ha pasado a mejor vida tal y como la conocíamos hasta ahora. La herramienta de Adobe pasa a estar integrada dentro de la solución Adobe Experience Manager Mobile y está enfocada a grandes empresas. Así que a diseñadores freelance, empresas medianas/pequeñas y editoriales pequeñas deben buscar otras soluciones.

Todas las que nombráis aquí son geniales, algunas van bien para unas cosas, y otras para otras... He escrito una guía con un análisis de 17 herramientas divididas en 3 grandes bloques que incluye un vídeotutorial. Os dejo aquí el enlace, espero que os sirva de ayuda y de guía.

Os dejo también una entrevista que le hicimos hace poco a un alumno nuestro que ganó un premio CLAP al mejor diseño de revista digital con una revista de arquitectura. En la entrevista nos cuenta cómo es su proceso de trabajo, cómo utiliza estadísticas para ver cuánta interactividad los lectores quieren... Entre otras muchas cosas.

Bajarosla (es gratis) para móvil, es de las pocas revistas que he visto que entienden que hay que adaptar el diseño a cada tipo de pantalla para obtener una buena experiencia de usuario.

Saludos!
Emma

------------
Escuela de Ubicuo Studio. Cursos de marketing y diseño digital para creativos.
Tutoriales gratis:
- cómo conseguir más y mejores clientes
- cómo crear una infografía animada paso a paso