Diseño para productos editoriales digitales

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

description

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

Transcript of Diseño para productos editoriales digitales

Page 1: Diseño para productos editoriales digitales

Diseño para productoseditoriales digitales

Juan Carlos Atilano H.@chamacodelmal

Page 2: Diseño para productos editoriales digitales

Libros sin papel

El lector busca el contenido, el

formato en el cual se encuentre es

irrelevante

Page 3: Diseño para productos editoriales digitales

Función utilitaria

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

Page 4: Diseño para productos editoriales digitales

Proteger al contenido

Sus funciones primordiales son:

conservar y facilitar su

transporte y almacenamiento

Page 5: Diseño para productos editoriales digitales

Diferenciador

El contenidosigue siendo el principal valorque se ofrece al consumidor

Page 6: Diseño para productos editoriales digitales

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

Page 7: Diseño para productos editoriales digitales

Facilitar el usoLa forma en la cual se

presenta el contenido debe facilitar la identificación y

navegación del producto

Page 8: Diseño para productos editoriales digitales

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

Page 9: Diseño para productos editoriales digitales

Mostrar-Conectar

El lector desea llegar al

contenido, así que la forma deberá simplificar esta

búsqueda

Page 10: Diseño para productos editoriales digitales

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

Page 11: Diseño para productos editoriales digitales

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

Page 12: Diseño para productos editoriales digitales

EstéticaLa forma es

importante, permite resaltar valores del

producto

La forma será identificable, flexible, directa, econ

ómica

Page 13: Diseño para productos editoriales digitales

Recursos gráficos

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

herramientas naturales de edición

Page 14: Diseño para productos editoriales digitales

El valor de cada soporte

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

Page 15: Diseño para productos editoriales digitales

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

Page 16: Diseño para productos editoriales digitales

Portada = Contenido

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

El diseño industrial vincula forma y contenido

Page 17: Diseño para productos editoriales digitales

Orden, distribución

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

Page 18: Diseño para productos editoriales digitales

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

Page 19: Diseño para productos editoriales digitales

Horizonte de expectativas

Conjunto de prejuicios que el lector tiene

(positivos y negativos) que influyen en su

consumo de información

Page 20: Diseño para productos editoriales digitales

Romper resistencia

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

resistencias a partir de hacer transparente el contenido

Page 21: Diseño para productos editoriales digitales

Estructura del contenido

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

Page 22: Diseño para productos editoriales digitales

Flujo continuo

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

Page 23: Diseño para productos editoriales digitales

Consistencia

Fondo y forma son uno

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

Page 24: Diseño para productos editoriales digitales

Forma

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

Esta relación entre ambos crea un producto editorial

Page 25: Diseño para productos editoriales digitales

Mejorar la experiencia

La forma puede hacer más

agradable y sencilla la

experiencia de lectura

Page 26: Diseño para productos editoriales digitales
Page 27: Diseño para productos editoriales digitales

¿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

Page 28: Diseño para productos editoriales digitales

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

Page 29: Diseño para productos editoriales digitales

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

Page 30: Diseño para productos editoriales digitales

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

Page 31: Diseño para productos editoriales digitales

Implementación

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

venta Forma -> Fondo

Page 32: Diseño para productos editoriales digitales

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

Page 33: Diseño para productos editoriales digitales
Page 34: Diseño para productos editoriales digitales

¡Muchas gracias!

Page 35: Diseño para productos editoriales digitales

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/

Page 36: Diseño para productos editoriales digitales

Juan Carlos Atilano Hernández@chamacodelmal