FUNDA-
MENTOS
IS - O INT RACTIVO DEL
Esta obro es propiedad de la
BIBLIOTECA LUIS fERRERO ACOSTA U.C.R. - SI BOl
Uft]YERSIDAD DE'COSrÁ RICA SEDE DEL PACIFICO
BIBLIOTEPA LWS FBllii!F{O!JfCOSTA 4, n.-- ~'O 1"";' N° Registro: v \J .: 1. b o ~ "
Fundamentos del diseño interactivo
Fe~a:
Principios y procesos que todo diseñador debe conocer
Título original:
The Principies
& Processes of /nteractive
~
I
SlP. fD"
Design
Traducción: Juan José Llanos Collado
Jamie Steane ejerce su derecho a identificarse
como autor de esta obra de acuerdo con la Ley de
Derechos de Autor, Diseños y Patentes de 1988. Fairchild Books es una marca registrada de Bloomsbury Bloomsbury
Publishing
Publishing Plc. Publicado con permiso de
PLC
Copyright © 2014 Bloomsbury
Publishing Plc
Copyright © 2016 Promopress para la edición en español
ISBN-13: 978-84-15967-73-6
Promopress es una marca comercial de: Promotora de prensa internacional
CI
SA
Ausiás March 124
08013 Barcelona, España
UNIVERSIDA.D DE CQSTA RICA
TeL: 0034932451464
(
Fax: 0034932654883
BIBLIOTECA
Email: info@promopress.es
PACIFICO - UCR
www.promopresseditions.com Facebook: Promopress Editions Twitter: Promopress Editions @PromopressEd
1111111111111111111111111111111111111111
P2CZ11SS Primera edición en español: 2016
Diseño: Struktur Design Limited
Diseño de cubierta: spread: David Lorente
Imágenes de la cubierta:
Nordkapp páginas 53 y 54,
Imágenes de la contracubierta
empezando por arriba izquierda y de arriba abajo: James Medcraftl
onedotzero página 168; Bibliothéque
Design página 87; Ryan Coupe, Luke Emmerson, David Ingledow
página 183; Imágenes Mirror's Edge usadas con permiso de Electronic Arts, Inc. página 157; Proud Creative Limited página 162,
El autor y los editores no se hacen responsables de los perjuicios omisiones de individuos
u organizaciones
Reservados todos los derechos, La reproducción cualquier forma o por cualquier fotocopias,
autorización
total o parcial de este libro, su transmisión
medio o procedimiento,
la grabación o la incorporación
y la distribución
que ocasionen las acciones u
como resultado del contenido de esta publicación,
ya sea electrónico
a un sistema informático
de almacenamiento
y recuperación,
de ejemplares mediante alquiler o préstamos públicos no están permitidos
previa de la editoriaL
Impreso en China
en
o mecánico, incluidas las
sin la
6 8
10
12 14 16 20 22
32 34 38 42 44
66 68 70 72
Introducción ¿Qué es el diseño interactivo? La función de este libro
Investigación para la interacción Comprensión de las instrucciones Estudio de mercado Estudio del usuario Investigación visual
26 30
La perspectiva de la industria Ejercicio 1: vida conectada
Desarrollo del diseño Pensamiento conceptual Organización de la información Mapas del sitio y flujos de tareas Sistemas de navegación
46 SO 56 58
Diseilando interfaces aprendibles Creando prototipos y mallas de alambre Storyboards y animatrónlca Feedback y pruebas de usuario
60 64
Imagen y color Significado y pslcologfa del color El color en detalle técnico Trabajando con el color
74 76 80
El uso de sistemas crom6ticos Codificación y descodlficaci6n de Imágenes Preparación de imágenes
82 84 88
90 92 94 98 100
116 118 122 126 128
144 146 148 150 152
176 178 182 184 186
198 200 201 203
La perspectiva de la industria: Campbell Orme, Movlng 8rands Ejercicio 11:el Cubo
El uso de bibliotecas de im6genes La perspectiva de la Industria: Tlm Beard, Bibliothéque Ejercicio 11I: un gusto tras otro
Tipografía digital Fundamentos Clasificación y selección legibilidad y fluidez los tipos en televisión
102 104 106 108
Los tipos como imagen 110 los tipos como fuente de información los tipos en la red 114 los tipos en dispositivos pequeños y dedicados
la perspectiva de la industria: Mathias Jespersen, e-Types Ejercicio IV: Semiprecioso
Cuadrículas y maquetación Breve historia Principios de composición ¿Qué son las cuadrículas? Maquetación y tamaño de pantalla
130 132
Maquetación de contenido web Maquetaciones de diseño fluidas, reactivas y adaptativas
136 138 142
Estándares y maquetación de pantalla la perspectiva de la industria: Matt Verity, TrueView Ejercicio V: Es nuevo para mí
Formatos interactivos Edición web Experiencia web mejorada Fublicidad online y formatos de banners Móviles y tablets
154 160 162 164
Juegos Pantallas duales Componentes gráficos en televisión Televisión interactiva
Presentación de ideas Preparación de una presentación Presentaciones digitales Presentaciones físicas Portafolios
192 196
la perspectiva de la industria: William lidstone, Razorfish Ejercicio VII: la presentación perfecta
204 207 208
Índice de referencias Créditos fotográficos Agradecimientos y créditos
Conclusión Glosario Bibliografía Recursos útiles
166 170 174
Formatos sin barreras: experiencias y eventos la perspectiva de la industria: Charles Batho Ejercicio VI: un mensaje, muchos formatos
Jamie Steane es profesor adjunto en el Departamento de Diseño y Medios de Comunicación de la Universidad de Northumbria, en el Reino Unido. Anteriormente había ejercido internacionalmente como diseñador y director creativo en un gran número de afamadas organizaciones de diseño y medios de comunicación como Philips, Time-Warner y WPP.
- -----t--
r
ISBN:978-84-15967-73-6
9
I I 788415
967736
www.promopresseditions.com