diseño para productos editoriales digitales

Diseño para productoseditoriales digitales

Juan Carlos Atilano H.@chamacodelmal

Libros sin papel

El lector busca el contenido, el

formato en el cual se encuentre es

irrelevante

Función utilitaria

El producto editorial, sin importar su formato, privilegia la función utilitaria

Proteger al contenido

Sus funciones primordiales son:

conservar y facilitar su

transporte y almacenamiento

Diferenciador

El contenidosigue siendo el principal valorque se ofrece al consumidor

Función yForma

Lo que se quiere decir y cómo se puede

decir de una mejor manera; si un buen texto cuenta con un gran diseño, causará

más impacto

Facilitar el usoLa forma en la cual se

presenta el contenido debe facilitar la identificación y

navegación del producto

Medio para comunicar

La portada permite ver qué se encuentra más allá de ella; no se trata de una pared, sino de una membrana

Mostrar-Conectar

El lector desea llegar al

contenido, así que la forma deberá simplificar esta

búsqueda

Identidad

La portada es un sello de identidad, permite anticipar al lector aquello de lo que trata nuestro texto

NO ES EL ICONO DE UNA APLICACIÓN

VersatilidadEl diseño deberá contemplar las futuras posibilidades del producto, no ceñirse a la necesidad inmediata; cualquier

medio deberá transmitir la información, sea físico o digital

EstéticaLa forma es

importante, permite resaltar valores del

producto

La forma será identificable, flexible, directa, econ

ómica

Recursos gráficos

La tipografía, las plecas, los colores, sirven para identificar y marcar el contenido, son nuestras

herramientas naturales de edición

El valor de cada soporte

Un producto físico evoca sensaciones en otros sentidos, por su naturaleza y posibilidades de interacción

En un producto digital debemos facilitar la interacción del lector con su texto

Portada = Contenido

¿Por qué no hacer de la portada parte del flujo de información?

El diseño industrial vincula forma y contenido

Orden, distribución

Una portada física aprovecha hasta el último centímetro para promocionar su contenido

Identidad

La portada es un medio para difundir

nuestra imagen, productos,

marca, visión de empresa; es un

recurso para unificar a nuestros

productos digitales

Horizonte de expectativas

Conjunto de prejuicios que el lector tiene

(positivos y negativos) que influyen en su

consumo de información

Romper resistencia

Todo lector tiene prejuicios antes de consumir un contenido, es importante romper con las

resistencias a partir de hacer transparente el contenido

Estructura del contenido

Fomentar los valores de la inmediatez y brevedad a través del diseño y la arquitectura del contenido

Flujo continuo

El interior deberá simplificar la interacción del lector con la información

Consistencia

Fondo y forma son uno

El contenido deberá dar continuidad al flujo establecido por la portada

Forma

El diseño es el contenedor, el contenido determina la forma

Esta relación entre ambos crea un producto editorial

Mejorar la experiencia

La forma puede hacer más

agradable y sencilla la

experiencia de lectura

¿Quiénes son nuestrosconsumidores?

Son LECTORES, no espectadores

Los lectores construyen el sentido del texto con su participación (lectura), no son pasivos ante la información

Implementación

• Pantalla a color

• Sistema operativo

• Web Browser

• Aplicaciones

Tabletas

• Pantalla Blanco y Negro

• No puede usar aplicaciones*

• Web Browser acotado

• Solo se puede interactuar a través del texto

E-Ink Reader

ImplementaciónTabletas E-Ink Reader

iPad Kindle 6”

iPad Mini Kindle Touch 6”

Playbook Kindle 3G

Kindle Fire Kindle DX

Papyre 7.1* Papyre 5.1

Papyre 712* Papyre 6.1

Nook Color* Papyre 613

Nook Tablet* Papyre Pad 6.2

Nook Simple Touch

Nook Simple Touch Glowlight

Diseño consistente, reconocible, se integra a la imagen corporativa

Economía tanto en diseño como en texto

Contenido visible y etiquetado

Flujo de lectura horizontal, flujo de información vertical

Uso de recursos gráficos que enmarcan al contenido enriquecido

Implementación

http://www.themobileplaybook.com

Implementación

Diseño flexible Es papel y es digital Objeto de curiosidad Herramienta de

venta Forma -> Fondo

Implementación

No importa el medio El lector es lo más

importante Pensar como lector Pensar en papel y digital Forma y fondo económicos Sencillo y útil

¡Muchas gracias!

Para mayor información consulte:

• Blog de Craig Mod: http://craigmod.com/

• Sitio web de The Domino Project: http://www.thedominoproject.com/

• Sitio web de APE the Book: http://apethebook.com/

Juan Carlos Atilano Hernández@chamacodelmal