Consideraciones para el diseño de productos editoriales pensados para plataformas de consumo de contenido en formatos digitales.

1. Diseño para productos
editoriales digitales
Juan Carlos Atilano H.
@chamacodelmal

2. Libros sin papel
El lector busca el
contenido, el
formato en el cual
se encuentre es
irrelevante

3. Función utilitaria
El producto
editorial, sin
importar su
formato, pri
vilegia la
función
utilitaria

4. Proteger al contenido
Sus funciones
primordiales son:
conservar y
facilitar su
transporte y
almacenamiento

5. Diferenciador
El contenido
sigue siendo el
principal valor
que se ofrece
al consumidor

6. Función y
Forma
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

7. Facilitar el uso
La forma en la cual se
presenta el contenido debe
facilitar la identificación y
navegación del producto

8. 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

9. Mostrar-Conectar
El lector desea
llegar al
contenido, así que
la forma deberá
simplificar esta
búsqueda

10. 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

11. Versatilidad
El 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

12. Estética
La forma es
importante, perm
ite resaltar
valores del
producto
La forma será
identificable, flexi
ble, directa, econ
ómica

13. Recursos gráficos
La tipografía, las plecas, los colores, sirven para
identificar y marcar el contenido, son nuestras
herramientas naturales de edición

14. El valor de cada soporte
Un producto
físico evoca
sensaciones en
otros
sentidos, por su
naturaleza y
posibilidades de
interacción

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

16. Portada = Contenido
¿Por qué no hacer de
la portada parte del
flujo de información?
El diseño industrial vincula
forma y contenido

17. Orden, distribución
Una portada física aprovecha hasta el último
centímetro para promocionar su contenido

18. 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

19. Horizonte de expectativas
Conjunto de prejuicios
que el lector tiene
(positivos y negativos)
que influyen en su
consumo de información

20. Romper resistencia
 
Todo lector tiene prejuicios antes de consumir un
contenido, es importante romper con las
resistencias a partir de hacer transparente el
contenido

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

22. Flujo continuo
El interior
deberá
simplificar la
interacción del
lector con la
información

23. Consistencia
Fondo y forma
son uno
El contenido
deberá dar
continuidad al
flujo establecido
por la portada

24. Forma
El diseño es el contenedor, el
contenido determina la forma
Esta relación entre ambos crea
un producto editorial

25. Mejorar la experiencia
La forma puede
hacer más
agradable y
sencilla la
experiencia de
lectura

27. ¿Quiénes son nuestros
consumidores?
Son LECTORES, no espectadores
Los lectores construyen el sentido del texto con su
participación (lectura), no son pasivos ante la
información

28. 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

29. Implementación
Tabletas E-Ink Reader
iPad Kindle 6”
iPad Mini KindleTouch 6”
Playbook Kindle 3G
Kindle Fire Kindle DX
Papyre 7.1* Papyre 5.1
Papyre 712* Papyre 6.1
Nook Color* Papyre 613
NookTablet* Papyre Pad 6.2
Nook SimpleTouch
Nook SimpleTouch Glowlight

30.  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

31. Implementación
 Diseño flexible
 Es papel y es digital
 Objeto de curiosidad
 Herramienta de
venta
 Forma -> Fondo

32. 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

34. ¡Muchas gracias!

35. Para mayor información consulte:
•Blog de Craig Mod: http://craigmod.com/
•Sitio web deThe Domino Project:
http://www.thedominoproject.com/
•Sitio web de APE the Book: http://apethebook.com/

36. Juan Carlos Atilano Hernández
@chamacodelmal