2. Producción Multimedia
Características de Diseño y Composición
• Organización Visual
• Organización del Contenido
• Mapas y Elementos de Navegación
• Migas de Pan
3. Características de Diseño y Composición – Org. Visual
Producción Multimedia
Las percepciones se alimentan a través de los sentidos.
El desarrollo multimedia requiere saber sobre las capacidades de
percepción humanas.
La psicología cognitiva se sirve de la corriente constructivista.
“cuando vemos algo no recordamos toda la información, sino
aquello que consideramos lo más importante”
4. Características de Diseño y Composición – Org. Visual
Producción Multimedia
Algunos principios involucrados en la forma de cómo organizamos
lo que vemos son:
• Proximidad
• Similaridad
• Simetría
• Continuidad
• Cierre
5. Características de Diseño y Composición – Org. Visual
Producción Multimedia
Proximidad Similaridad Simetría
Describe el proceso Cuando al observar, Cuando el todo de la
que seguimos para la agrupamos por clase o figura se percibe en
distancia o localización tipo. lugar de las partes que
para crear grupos. la integran.
6. Características de Diseño y Composición – Org. Visual
Producción Multimedia
Se perciben las formas
Permite agrupar e completas que en
identificar de acuerdo realidad no existen o
al flujo en la dirección o están incompletas pero
alineamiento en que se que nuestro
presentan los inconsciente termina
elementos. por llenar
Continuidad Cierre
Estos principios se pueden usar racionalmente en el diseño multimedia para lograr
una adecuada organización visual.
7.
8.
9.
10.
11.
12.
13.
14. Características de Diseño y Composición – Org. del Contenido
Producción Multimedia
No puede haber una organización visual efectiva sino hay una adecuada
organización del contenido.
Si la información no se estructura de manera adecuada, el usuario puede no
encontrar la información, no comprenderla o perderse en el contenido.
15. Características de Diseño y Composición – Org. del Contenido
Producción Multimedia
La información del contenido requiere:
• Definir un esquema de organización que clasifique la información en categorías.
(p. ej. Alfabética, cronológica, geográfica, temática, por funciones, …)
• Una estructura organizacional (p. ej. Jerárquica o de niveles, con relaciones libres
– hipertexto – o recuperada a través de una consulta a una base de datos.)
16. Características de Diseño y Composición – Org. del Contenido
Producción Multimedia
Los principios de proximidad, similaridad, simetría, continudad y cierre, permiten
reconocer el tipo de organización visual predominante en un proyecto multimedia.
Estos principios que explican cómo percibimos y se dividen en cuatro factores que
ayudan a desarrollar una adecuada organización visual del contenido y que deben
cuidarse durante el diseño de una interfaz gráfica de usuario (GUI): la proximidad, la
alineación, la consistencia y el contraste.
17. Proximidad
Los elementos muy próximos pueden percibirse como
relacionados, mientras los que están separados pueden
parecer independientes o no relacionados.
Este otro caso muestra como un espacio demasiado
amplio entre un botón y su contenido contextual hace
que una persona que lo lea no distinga que el 40 hace
alusión a la cantidad de veces que se ha presionado el
botón
18. Alienación
Tipos de alineación Tipos de alineación
Izquierda Izquierda
Derecha Derecha
Centrada Centrada
Justificada Justificada
No dependientes Dependientes
La alineación permite situar los elementos relacionados para asignar igual
importancia a los mismos o establecer una misma categoría. La alineación
puede indicar dependencia o clasificación.
19. Consistencia
La consistencia permite que los elementos relacionados se distingan por su similitud en
tamaño, color o ubicación dentro del diseño de una interfaz.
La consistencia de este menú horizontal da uniformidad al diseño de la interfaz.
Se considera que una interfaz es más fácil de navegar si todas sus secciones tienen un enlace
al inicio en la misma ubicación, utiliza de forma adecuada la alineación y sus elementos
individuales están organizados en forma similar.
20. Contraste
Para distinguir elementos diferentes o con funciones independientes se utiliza el factor
contraste.
Este factor puede utilizarse al modificar las propiedades de las fuentes: tamaño, efectos,
colores y estilos.
21. Características de Diseño y Composición – Mapas
Producción Multimedia
Entrada
A B C Salida
Lineal
Entrada
A B C Salida
Ramificado
A1 A2 C1 C2
B1 B2
22. Características de Diseño y Composición – Mapas
Producción Multimedia
A A1 A2
Entrada
B B1 B2 Salida
Paralelo
C C1 C2
23. Características de Diseño y Composición – Mapas
C4 C3 C2
Producción Multimedia
B3 B2
A2 A1
B4
A3
Concéntrico
C5 A B1
Entrada
B
Salida
C1
C
24. Características de Diseño y Composición – Mapas
Producción Multimedia
Entrada
A B
Jerárquico
A1 A2 B1 B2
A1.1 A1.2 B1.1 B1.2
25.
26. Características de Diseño y Composición – Elementos
Producción Multimedia
Barra de navegación: botones gráficos o textos con enlaces que son agrupados. Debe
informar al usuario cuáles son sus funciones.
Menú: puede ser una lista de enlaces (emergentes o scroll). Debe ocupar el menor
número de clics para llegar a la información.
Marcos: paneles que ocupan una misma posición en la interfaz. Se usa para delimitar
áreas de contenido.
27. Características de Diseño y Composición – Migas de pan
Producción Multimedia
Es importante que el usuario siempre esté informado de en dónde está y cómo llegó
hasta allí. Para eso se usan las «migas de pan»
La interfaz debe proporcionar elementos de navegación consistentes que creen un
contexto comprensible para el usuario y que le informen su posición actual.