Please enable JavaScript.

Coggle requires JavaScript to display documents.

COMUNICACIÓN VISUAL Y CULTURA DIGITAL : - Coggle Diagram

- - - - Es intuitiva y rápida a atributos preattentivos. El ojo detecta un elemento diferente sin esfuerzo, sin necesidad de prestar atención consciente.
        
        Elementos como: forma, color, posición y movimiento
    - - Es de corta duración y capacidad muy límitada. Por eso no hay que usar demasiado colores ni sobrecargar con datos
        
        Procesa pocos elementos a la vez
    - - Permite reconocer patrones ya aprendidos y facilitan su interpretación
        
        Conviene usar siempre los mismos tipos de gráficos o formato
- - - - Concepto de Edward Tufte: DATA INK-RATIO proporción de tinta usada para transmitir el dato
        
        Hay que simplificar y eliminar elementos decorativos o secundarios que distraen.
        
        Ejemplos: Leyendas de color innecesarias, bordes, fondos, texturas.
    - - Para elegir un tipo de gráfico, hay que tener claro qué pregunta queremos responder.
        
        La estética nunca debe imponerse sobre la capacidad de responder esa pregunta
    - - El gráfico debe de responder la pregunta, no perder la funcionalidad y tampoco darle una mala estetica
- - - - VARIABLES CONTINUAS
        
        Se usa la intensidad de un mismo color: cunanto más intenso mayor el valor.
      - VARIABLES CATEGÓRICAS
        
        Se usan tonos distintos y se recomienda no superar 5 categorías
    - - Cuando los valores se alejan de un punto central en dos direcciones POR ENCIIMA Y POR DEBAJO DE LA MEDIA.
        
        Conviene usar dos colores opuestos en vez de uno solo
    - - La combinación verde-rojo es difícil de distinguir para personas con daltonismo
        
        Es mejor evitarla o sustituirla por combinaciones como azul-naranja
    - - Algunos colores tienen connotaciones que van más allá de la propia visualización y hay que tenerlas en cuenta al elegir la paleta
- - - - El título debe resumir la conclusión principal del gráfico.
      - El subtítulo aporta contexto adicional, como el marco temporal
    - - Indican de donde vienen los datos, dando credibilidad y contexto al gráfico
    - - Explican eventos puntuales o picos anómalos en los datos, para que el lector no se quede con dudas
    - - Ayudan a asociar un color con lo que representa, pero deben usarse con cuidado
    - - Muestran información adicional al pasar el ratón por encima, sin sobrecargar el gráfico de partida
- - - - Cada paso del eje multiplica el valor anterior, lo que permite comparar ritmos de crecimiento en vez de valores absolutos, incluso con rangos muy altos
    - - Se puede cambiar que representante al eje X:
    - - Usar dos escalas verticales en un mismo gráfico. Es una práctica arriesgada porque puede sugerir relaciones entre variables que no existen o exagerarlas
    - - Decidir si el eje empieza en cero o en otro valor. Es un debate habitual: cambiarlo puede hacer que una tendencia parezca más suave o más abrupta de lo que realmente es.
- - - - FILTRADO
        
        Mediante un buscador o menú
      - ZOOM
        
        Mediante controles del mapa
      - HOVER
        
        Pasar el ratón sobre un elemento para activar una acción
- - - - Pantalla y tamaño de dispositivo conocidos de antemano
    - - Hay que adaptar el diseño a múltiples dispositivos y pantallas, en especial el movil
    - - Tarjetas
        
        Organizar la interfaz en bloques rectangulares apilados verticalmente
      - Barras horizontales
        
        Espacio para las etiquetas
      - Mapas en vertical
        
        Con zoom y buscador, en vez de mostrar todo el mapa a la vez
      - Líneas
        
        Difíciles de leer en pantallas pequeñas, alternativa: un mapa de color
      - Tooltips
        
        Se activan al tocar, no al pasar el ratón