Aspectos clave para representar de forma visual la jerarquía de la información

Juan Romero Luis
jrl.es

en recursos educativos donde predomina la representación gráfica de la información

P4 Comunicación Audiovisual y Educación 2020/21
Universidad Rey Juan Carlos

El diseño debe ser funcional

CONTENT IS THE KING

Representación gráfica de la jerarquía de la información

¿Qué es la jerarquía de la información?

  • Limón
  • Mandarina
  • Naranja​​​​​​​
  • Aguacate
  • Carambola
  • Dátil
  • Albaricoque
  • Cereza
  • Ciruela
  • Frutas
    • Cítricos
      • Limón
      • Mandarina
      • Naranja​​​​​​​
    • Exóticas
      • Aguacate
      • Carambola
      • Dátil
    • Fruta dulce
      • Albaricoque
      • Cereza
      • Ciruela
  • Frutas
    • Limón
    • Mandarina
    • Naranja​​​​​​​
    • Dátil
    • Carambola
    • Aguacate
    • Fruta dulce
    • Albaricoque
    • Cereza
    • Ciruela

¿Qué es la jerarquía de la información?

[Título 1] Frutas

        [Título 2] Cítricos

                [Título 3] Limón

                [Título 3] Mandarina

                [Título 3] Naranja​​​​​​​

        [Título 2] Exóticas

                [Título 3] Aguacate

                [Título 3] Carambola

                [Título 3] Dátil

        [Título 2] Fruta dulce

                [Título 3] Albaricoque

                [Título 3] Cereza

                [Título 3] Ciruela

Representación jerarquía de la información

La forma

Cítricas
Exóticas
Limón
Mandarina
Naranja​​​​​​
Aguacate
Carambola
Dátil

Representación jerarquía de la información

El tamaño

Cítricas
Exóticas
Limón
Mandarina
Naranja​​​​​​
Aguacate
Carambola
Dátil

Representación jerarquía de la información

La tipografía

Cítricos

Exóticas

Limón
Mandarina
Naranja​​​​​​

Aguacate

Carambola

Dátil

Representación jerarquía de la información

El color

Cítricas
Exóticas
Limón
Mandarina
Naranja​​​​​​
Aguacate
Carambola
Dátil

Representación jerarquía de la información

La posición

Limón
Mandarina
Naranja​​​​​​
Aguacate
Carambola
Dátil
Cítricas
Exóticas

Nivel de jerarquía 1

Nivel de jerarquía 2

Representación jerarquía de la información

Las animaciones

Representación jerarquía de la información

Las animaciones

El tipo de animación

Limón

 

 

 

 

Dátil

 

 

 

 

Representación jerarquía de la información

Las animaciones

La duración de la animación

Limón

 

 

 

Dátil

 

 

 

La jerarquía de esta presentación

  • ¿Qué es la jerarquía de la información?
  • Representación de la jerarquía de la información
    • La forma
    • El tamaño
    • La tipografía
    • El color
    • La posición
    • Las animaciones
      • El tipo de animación
      • La duración de la animación

¿Piensas que se ha representado claramente clara la jerarquía de la información de presentación?

Vamos a analizar
(volvemos a la presentación interactiva sin cerrar esta ventana)

Representación de la jerarquía de la información CAE

By Juan Romero-Luis

Representación de la jerarquía de la información CAE

Conceptos claves para representar la información de forma gráfico en recursos educativos donde predominan los elementos gráficos frente al texto u otros elementos (imagen estática, audiovisual, audio...)

  • 149