# data[].attributes.headline
Mapa sobre el libro The design of everythings day 

# data[].attributes.subject
Mapa sobre el libro The design of everythings day 

# data[].attributes.attachment_link.readable_text
Las palabras no siempre muestran una imagen tan clara. Los datos no siempre cuentan una historia de la forma más convincente.

La mente humana es muy receptiva a la información visual. Es por eso es que la visualización de datos es una herramienta tan poderosa para la comunicación.

Pero si la "visualización de datos" suena a algo técnico y complicado, no te preocupes -no tiene que ser así.

Esta guía te explicará los fundamentos de la visualización de datos, de manera sencilla; por medio de un montón de ejemplos, y cuándo utilizarlos en tus informes, presentaciones, marketing y mucho más.

Tabla de Contenido

La visualización de datos se utiliza en todas partes.

Los negocios usan la visualización de datos para sus informes, para hacer predicciones y publicidad.

Las organizaciones sin fines de lucro usan las visualizaciones de datos para ponerle rostros e historias a sus números.

Fuente: Fundación Bill & Melinda Gates

Tanto académicos como científicos usan la visualización de datos para ilustrar conceptos y reforzar sus argumentos.

Los reporteros usan la visualización de datos para mostrar las tendencias y contextualizar sus historias.

Aunque, las visualizaciones de datos ayudan a que tu trabajo luzca más profesional, también pueden ser divertidas.

¿Qué es la visualización de datos? Una definición simple de la visualización de datos:

La visualización de datos se refiere a la presentación visual de datos o información. El objetivo de la visualización de datos es que puedas comunicar datos o información de forma clara y efectiva a tus lectores. Generalmente los datos pueden ser visualizados en forma de , infografías , o mapas.

¿Para qué se utiliza la visualización de datos?

Los datos, especialmente cuando son muchísimos datos, podrían llegar a ser difíciles de entender. Las visualizaciones de datos pueden ayudar a que tanto tú como tu audiencia interprete y entienda los datos fácilmente.

Frecuentemente las visualizaciones de datos usan elementos de la narrativa visual para comunicar un mensaje, respaldado por los datos.

Existen muchas situaciones en donde querrías presentar tus datos de forma visual. Sigue leyendo para conocer en dónde y cómo.

Puedes usar la visualización de datos para:

Hacer que los datos luzcan llamativos y sean fáciles de entender

Identificar las tendencias y valores atípicos en un conjunto de datos

Contar una historia que está dentro de los datos

Reforzar una opinión o un argumento

Destacar las partes importantes de un conjunto de datos

Echa un vistazo a algunos ejemplos para cada caso de uso.

1. Haz que tus datos sean digeribles y fáciles de entender

A menudo, un gran conjunto de números puede dejarnos desorientados. Puede ser difícil hallar el significado oculto detrás de toda esa fila de datos.

La visualización de datos nos ayuda a enmarcar los datos de forma distinta, usando ilustraciones, gráficos, textos descriptivos y diseños llamativos. La visualización nos permite también agrupar y organizar los datos en categorías y temas, lo cual a su vez facilita que los desglosemos en partes más comprensibles.

Por ejemplo, esta infografía desglosa de manera amigable el concepto de neuroplasticidad:

Lo mismo ocurre con los conceptos complejos y especializados. Con frecuencia podría ser difícil desglosar la información de tal modo, que los que no son especialistas la puedan entender. Pero una infografía que organiza la información con elementos visuales, puede desmitificar o explicar claramente cualquier concepto, incluso a principiantes.

2. Identifica las tendencias y valores atípicos

Si tuvieras que revisar los datos manualmente, podría tomarte años identificar patrones, tendencias o datos relevantes. Pero si usas herramientas de visualización de datos como los gráficos, puedes examinar muchísimos datos con gran agilidad.

Y lo que es mejor, los gráficos te permitirán identificar las tendencias mucho más rápido de cómo lo harías revisando los números cuidadosamente.

Por ejemplo, a continuación te mostramos un simple gráfico generado por Google Search Console, el cual muestra el cambio que ha tenido en las búsquedas de Google la palabra "papel higiénico". Como puedes notar, en el mes de marzo de 2020 hubo un gran aumento en las búsquedas para papel higiénico:

Este gráfico muestra un valor atípico en la tendencia general para las búsquedas de Google asociadas a papel higiénico. ¿Cuál es la razón del valor atípico? El brote que ha tenido el COVID-19 en Estados Unidos. Con una simple visualización de datos, hemos sido capaces de resaltar un valor atípico e insinuar la historia detrás de esos datos.

Cargar tus datos en los gráficos para crear este tipo de elementos visuales es muy fácil. Cuando te encuentres trabajando en tu diseño en el editor, simplemente selecciona un gráfico en el panel del lado izquierdo. Abre el gráfico y busca el botón de color verde que dice IMPORTAR, en la pestaña de DATOS. Después carga el archivo CSV y tu gráfico visualizará la información automáticamente.

3. Cuenta una historia con los datos

Los números por sí solos no suelen despertar una respuesta emocional. Sin embargo, la visualización de datos puede contar una historia que le otorgue un significado a los datos.

Los diseñadores usan técnicas como la teoría del color , las ilustraciones, el del diseño y las señales visuales para despertar las emociones de los lectores. Así como también para poner caras a los números o introducir una narrativa a los datos.

Por ejemplo, mira a continuación esta infografía creada por World Vision. En la infografía, se visualizan algunos números usando ilustraciones de tazas. Aunque comparar números quizás pueda impresionar a los lectores, reforzar esos números con ilustraciones definitivamente ayuda a que tengan un mayor impacto.

Por otra parte, esta infografía usa datos para llamar la atención sobre un tema que frecuentemente es ignorado:

4. Refuerza una opinión o un argumento

Cuando se trata de convencer a la gente de que tu opinión es la correcta, seguramente querrán verlo para creerlo. Una infografía o un gráfico efectivo podrían hacer que tu argumento sea más sólido; además de reforzar tu creatividad.

Por ejemplo, puedes utilizar una infografía comparativa para comparar ambos lados de un argumento, teorías diferentes, opciones de productos/servicios, los pros y los contras y mucho más. En especial si estás combinando varios tipos de datos .

5. Destaca un punto importante en un conjunto de datos

Algunas veces empleamos visualizaciones de datos para que los lectores puedan explorar nuestros datos de forma sencilla y sacar sus propias conclusiones. Sin embargo, las visualizaciones de datos son usadas con mayor frecuencia para contar una historia, para mostrar un argumento en particular o para animar a los lectores a llegar a una conclusión específica.

Los diseñadores usamos señales visuales para dirigir la vista a distintos lugares de una página. Las señales visuales pueden ser formas, símbolos y colores que apuntan hacia una parte específica de la visualización de datos o que hacen destacar una parte específica.

Por ejemplo, en esta visualización de datos, se usan colores contrastantes para enfatizar la diferencia que hay entre la cantidad de residuos enviados a los basureros vs los residuos reciclados:

Aquí te mostramos otro ejemplo. En esta oportunidad, se utiliza un círculo rojo y una flecha para destacar puntos en el gráfico, donde los números muestran un descenso:

Destacar puntos de datos específicos contribuirá a que tu visualización de datos cuente una historia cautivadora.

6. Haz que tus libros, informes, publicaciones de blog y videos sean más llamativos

En Venngage, usamos la visualización de datos para hacer que nuestras publicaciones de blog luzcan más llamativas para los lectores. Cuando escribimos una publicación de blog o cuando compartimos una publicación en las redes sociales, nos gusta utilizar infografías para resumir los puntos clave de nuestro contenido.

El valor agregado de crear elementos visuales llamativos como las infografías es lo que permitió que nuestra página web haya aparecido en publicaciones de The Wall Street Journal , , Business Insider , The Huffington Post y mucho más.

Y es que las visualizaciones de datos son diferentes a muchos otros tipos de contenidos que la gente consume diariamente. Ellas hacen que tu cerebro funcione; ya que combinan hechos y números concretos con impactantes elementos visuales. En pocas palabras. Hacen que sea más fácil entender conceptos complejos.

A continuación te mostramos un ejemplo de una infografía que hicimos que generó mucha controversia en las redes sociales:

Creamos esta infografía porque muchísimas personas de nuestro equipo son grandes fanáticos de Juego de Tronos, y queríamos crear un elemento visual que ayudará a otros fanáticos a seguir el programa. Como abordamos de forma original un tema que le importaba a tantas personas, muchas páginas web de medios de comunicación la tomaron.

Seas un sitio web en busca de promover tu contenido, un periodista a la caza de un ángulo original o un creativo que está creando su portafolio, las visualizaciones de datos podrían ser una forma efectiva para captar la atención de las personas.

Tipos de visualizaciones de datos

Las visualizaciones de datos pueden ser cientos de modos diferentes. Las personas siempre están buscando nuevas maneras creativas de mostrar los datos de forma visual.

En general, las visualizaciones de datos usualmente incluyen estas categorías principales:

Infografías

Una infografía es una colección de imágenes, gráficos y de texto mínimo que ofrece un resumen de un tema para que sea fácil de entender.
Aunque las infografías pueden tomar muchas formas, básicamente pueden clasificarse en estos tipos de infografías: Conoce más: ¿Qué es una infografía? Ejemplos, plantillas y consejos de diseño Algunos de los tipos de gráficos más comunes son:
Gráficos

La pregunta que inevitablemente nos hacemos es: ¿qué clase de gráfico debo usar para visualizar mis datos? ¿Eso importa?

La respuesta corta es: sí, eso importa. Seleccionar un tipo de gráfico que no funciona con tus datos terminaría tergiversando y distorsionando tus datos.

Por ejemplo: si has estado por algún tiempo en el mundo de la visualización de datos, quizás hayas escuchado sobre la controversia que existe con los gráficos de pastel o también llamados gráficos de torta. Un error de principiante que las personas cometen con frecuencia, es utilizar un gráfico de pastel cuando funciona mejor un gráfico de barra.

Los gráficos de pastel muestran las partes de un todo. Un gráfico de pastel funciona bien cuando quieres comparar proporciones que son sustancialmente diferentes. Cómo la siguiente:

Pero cuando tus proporciones son similares, un gráfico de pastel puede hacer que sea difícil saber cuál porción es más grande que la otra. Y es debido a eso que en la mayoría de otros casos, un gráfico de barras es una apuesta más segura.
Conoce más: Cómo elegir los mejores tipos de gráficos para tus datos Algunos de los tipos de diagramas más comunes son:
Aquí es donde una hoja de apuntes puede ayudarte a elegir el tipo de gráfico correcto para tus datos:

Diagramas

Los diagramas son utilizados para describir procesos, ayudar en la toma de decisiones, identificar las causas que originaron un problema, conectar ideas y planificar proyectos.

Mapas

Un mapa es una representación visual de un área de la tierra. Los mapas muestran características físicas de la tierra, como: regiones, ciudades, carreteras, paisajes y cuerpos de agua.

Un tipo de mapa común que quizás hayas encontrado en tus viajes, es un mapa coroplético. Los mapas coropléticos o de coropletas utilizan diferentes colores y tonos para indicar cantidades promedio.

Por ejemplo, un mapa de densidad de población usa una variedad de tonos para mostrar la diferencia entre los números de la población de una región a otra:

Cómo presentar datos de forma visual (Mejores prácticas para la visualización de datos)

Aunque una buena visualización de datos logrará comunicar datos o información de forma clara y efectiva, una mala visualización de datos hará exactamente lo contrario. Aquí tienes algunos consejos prácticos de cómo tanto empresas como organizaciones pueden usar la visualización de datos para comunicar información de formas más efectiva.

1. Evita distorsionar los datos
Hay muchas maneras diferentes en las pueden distorsionarse los datos en un gráfico. Algunas de las más comunes son:
Este puede ser el punto más importante en toda esta publicación de blog. Aunque con las visualizaciones de datos tienes la oportunidad de mostrar tu talento con el diseño creativo, jamás deberías sacrificar la funcionalidad por la moda.

Los estilos, los colores, las formas y los tamaños de los gráficos que usas, todos juegan un papel en cómo se interpretan tus datos. Si quieres presentar tus datos de forma certera y ética, debes asegurarte que tu visualización de datos no muestre los datos de forma equivocada.

Hacer que las líneas de base sean distintas a 0, para hacer que los números luzcan más grandes o más pequeños de lo que realmente son -a esto se le llama "truncar" un gráfico

Comprimir o expandir la escala del eje Y, para hacer que una línea o una barra se vea más grande o más pequeña de lo que es

Seleccionar los datos para incluir en un gráfico sólo los puntos de datos que quieres mostrar (es decir, sólo cuentas una parte de la historia)

Usar el tipo de gráfico, tabla o diagrama equivocado para tus datos

Ir en contra de las convenciones estándar de la visualización de datos

Como las personas usan las visualizaciones de datos para reforzar sus opiniones, deberías leer siempre las visualizaciones de datos con ojo crítico. Suele ocurrir que algunos escritores quizás usen la visualización de datos para distorsionar los datos de manera que apoyen sus opiniones, pero eso quizás no sea del todo cierto.

2. Evita saturar tu diseño con "chartjunk"

Cuando hablamos de las mejores prácticas para la visualización de datos, debemos acudir a uno de los abuelos de la visualización de datos: Edward Tufte. Él acuñó el término " chartjunk ", el cual se refiere al uso de elementos de diseño innecesarios o confusos que distorsionan u oscurecen los datos en un gráfico.

A continuación te mostramos un ejemplo de una visualización de datos que es víctima del chartjunk:

En este ejemplo, la imagen de la moneda está distrayendo a los lectores que tratan de interpretar los datos. Observa lo pequeña que son las fuentes -casi ilegibles. Los errores como este son muy comunes, cuando un diseñador trata de poner primero el estilo antes que la funcionalidad.

3. Cuenta una historia con tus datos

Las visualizaciones de datos como las infografías te dan el espacio suficiente para combinar los datos y la estructura narrativa en una sola página. Elementos visuales como: los íconos y las fuentes en negrita te permiten destacar los datos y las estadísticas importantes.

Por ejemplo, puedes personalizar esta plantilla para hacer una infografía de visualización de datos donde muestren los beneficios de usar tu producto o servicio (y luego publicarla en las redes sociales):

Esta visualización de datos depende mucho del texto y de los íconos para poder contar la historia con sus datos:

Esta clase de infografía es perfecta para los que no se sienten cómodos usando tablas y gráficos. Incluso es una gran forma de presentar investigaciones originales, obtener reacciones en las redes sociales y crear conciencia de marca.

4. Combina diferentes tipos de visualizaciones de datos

Aunque quizás decidas mantener tu visualización de datos simple, combinar varios tipos de gráficos y diagramas puede ayudarte a contar una historia más completa.

Consejo de Diseño: Esta infografía para visualización de datos sería perfecta para que las organizaciones sin fines de lucro la personalicen y la incluyan en su newsletter, para aumentar la sensibilización (y donaciones).

Echa un vistazo a esta visualización de datos que también combina varios tipos de gráficos, pictogramas e imágenes para llamar la atención de sus lectores. Puede funcionar muy bien en una presentación o en varios tipos de informes (de investigación de clientes, de puntajes de atención al cliente, de desempeño trimestral) y mucho más:

Consejo de Diseño: Esta infografía puede funcionar bien en una presentación o en un informe sobre investigación de clientes, puntajes de atención al cliente, rendimiento trimestral, entre otros.

5. Utiliza íconos para enfatizar los puntos importantes

Si quieres que los lectores le presten atención a puntos de datos específicos, puedes hacerlos más notorios al ubicar un ícono al lado:

Consejo de Diseño: Esta plantilla para infografía podría funcionar bien en las redes sociales para motivar las reacciones y el conocimiento de la marca.

También podrías emparejar los íconos con los encabezados para indicar el inicio de una nueva sección.

Por otra parte, esta infografía utiliza a los íconos como viñetas para enfatizar e ilustrar los puntos importantes.

Consejo de Diseño: Esta infografía podría ser una pieza de ventas genial para promocionar tu curso u otro tipo de servicio.

6. Usa fuentes en negrita para hacer que la información del texto luzca llamativa

Un desafío que suelen enfrentar las personas cuando tratan de visualizar información es saber cuánto texto deben incluir. Después de todo, el objetivo en la visualización de datos es presentar la información de forma visual, en lugar de una página llena de texto.

USA ESTA PLANTILLA
Incluso si tienes muchísima información en texto, aún puedes presentar tus datos de forma visual. Usa fuentes interesantes y en negrita para hacer que tus datos luzcan llamativos. Solo debes asegurarte que por sobre todas las cosas, tu texto todavía sea fácil de leer.

Esta visualización de datos usa fuentes diferentes para los encabezados y para el texto del cuerpo, las cuales están en negrita pero son claras. Esto ayuda a integrar el texto en el diseño y a enfatizar los puntos particulares:

USA ESTA PLANTILLA

Consejo de Diseño: Las organizaciones sin fines de lucro pueden utilizar esta infografía de visualización de datos en un boletín informativo o en sus redes sociales para crear sensibilización, pero cualquier empresa puede utilizarla para explicar la necesidad de su producto o servicio.

Como regla general, no debes usar más de tres tipos de fuentes diferentes en una sola infografía.

Esta infografía usa una fuente para los encabezados, otra fuente para el cuerpo del texto y una última fuente para el texto acentuado.

V Consejo de Diseño: enngage cuenta con una biblioteca de fuentes de donde puedes elegir. Si no encuentras el ícono que buscas, puedes solicitar que lo añadan. Nuestro editor en línea tiene un chat con atención al cliente 24/7.

7. Usa los colores de forma estratégica en tu diseño

En el diseño, los colores son tan funcionales como modernos. Puedes utilizar los colores para enfatizar puntos, para categorizar la información, para mostrar movimiento, progreso, y mucho más.

Por ejemplo, el siguiente gráfico usa el color para categorizar los datos:

: Consejo de Diseño Este gráfico de pastel realmente puede personalizarse de muchas formas. El departamento de recursos humanos podría ofrecer una actualización mensual de las personas que se han contratado por departamento, las organizaciones sin fines de lucro pueden mostrar un desglose acerca de cómo han gastado las donaciones y los agentes inmobiliarios podrían mostrar el precio promedio de las casas que se han vendido por vecindario.

Esta plantilla para infografía hace una llamativa combinación de los colores rosa y púrpura para darle impacto a los datos:

8. Muestra cómo las partes forman un todo

Puede ser un poco difícil dividir un gran tema en partes más pequeñas. La visualización de datos hace que sea muchísimo más fácil para las personas conceptualizar cómo las partes forman un todo.

Usar un elemento visual, un gráfico o un diagrama con enfoque puede ayudarte a comunicar las partes de un todo de forma más efectiva que como lo haría usualmente una lista de texto. Mira cómo esta infografía visualiza claramente cómo los marketers utilizan los blogs como parte de su estrategia:

Consejo de Diseño: El departamento de recursos humanos puede usar este gráfico para mostrar los resultados de una encuesta hecha por su empresa. O los consultores pueden promover sus servicios al mostrar su tasa de éxito.

Echa vistazo a cómo esta plantilla para infografía emplea un elemento visual con enfoque para ilustrar la composición nutricional de un plátano:

9. Enfócate en una estadística increíble

Si estás elaborando una presentación, es mejor que no trates de introducir muchos elementos visuales en tu diapositiva. En lugar de eso, debes enfocarte en crear una estadística asombrosa y convertirla en el foco de tu diapositiva.

Así que usa un elemento visual con enfoque para darle a la estadística un mayor impacto. Las imágenes más pequeñas son ideales para compartirlas en redes sociales, como ves en este ejemplo:

Consejo de Diseño: Puedes simplemente cambiar de la parte de arriba (De Ontario, Canadá) con el editor en línea para arrastrar y soltar de Venngage y su editor interno de librería de íconos. Puedes hacer clic en la plantilla de arriba para empezar.

Esta plantilla también se enfoca en una estadística clave y ofrece algo de información de apoyo en la barra que está en la parte lateral:

10. Optimiza tu visualización de datos para los dispositivos móviles

Las infografías complejas y cargadas de información son geniales para darle vida a tus informes, publicaciones de blogs, folletos u otros recursos. Pero no siempre son las mejores para la visualización en los dispositivos móviles.

Por ejemplo, la siguiente infografía utiliza un texto conciso y un gráfico para acortar el mensaje central que está detrás de los datos:

Algunos impresionantes ejemplos de visualización de datos

Aquí tienes algunos de los mejores ejemplos de visualización de datos que he descubierto a lo largo de mis años escribiendo acerca de este tema.

Infografía de la evolución del marketing

Infografía de las tendencias de diseño gráfico

Infografía para la organización sin fines de lucro Stop Shark Finning

Visualización de datos del impacto del coronavirus en el medio ambiente

Lo que nos dicen los personajes de Disney sobre la teoría del color
¿Te gustaría ver una visualización de datos más asombrosa? Descubre: 50+ ideas, ejemplos y plantillas de infografías para el 2022 (para marketers, organizaciones sin fines de lucro, escuelas, trabajadores de la salud y mucho más)
Infografía sobre los animales más mortales del mundo

La receta secreta para un creepypasta viral

Conoce más: Estudio de creepypasta: La receta secreta para una historia de terror viral

Infografía - guía de autocuidado emocional

# data[].attributes.attachment_link.title
¿Qué es la visualización de datos? (Ejemplos y mejores prácticas)

# data[].attributes.attachment_link.description
La nueva guía para la visualización de datos. Aprende cómo presentar datos visualmente, aplicando ejemplos, técnicas y las mejores prácticas.

# data[].attributes.body
Luz Arelly Leyva Villanueva

# data[].attributes.headline
Taburete Dupkex Javier Mariscal España años 90s.

# data[].attributes.subject
Taburete Dupkex Javier Mariscal España años 90s.

# data[].attributes.headline
Visibilidad - El diseño de un tablero de automovil ejemplifica bien este principio que citan tanto Don Norman (The Design of Everythings) como en Ibtroducción al Diseño de la información. Y es que de este diseño depende la vida de usuario de automóvil. 

# data[].attributes.subject
Visibilidad - El diseño de un tablero de automovil ejemplifica bien este principio que citan tanto Don Norman (The Design of Everythings) como en Ibtroducción al Diseño de la información. Y es que de este diseño depende la vida de usuario de automóvil. 

# data[].attributes.body
Caso citado en el libro que evidencia hasta que grado el diseño de la información puede ser imporyante y salvar vidas.

# data[].attributes.headline
Relojes Schawtz - famosos por sus funciones estéticas más que por sus funciones utilitarias.

# data[].attributes.subject
Relojes Schawtz - famosos por sus funciones estéticas más que por sus funciones utilitarias.

# data[].attributes.headline
Ladislav Sutnar y su diseño de informacion

# data[].attributes.subject
Ladislav Sutnar y su diseño de informacion

# data[].attributes.attachment_link.title
Ladislav Sutnar y su diseño de informacion

# data[].attributes.headline
Qué es el diseño de la información, foro alfa.

# data[].attributes.subject
Qué es el diseño de la información, foro alfa.

# data[].attributes.attachment_link.readable_text
Es alentador el creciente número de conferencias focalizadas al diseño de información y el afianzamiento de distintas asociaciones sobre esta disciplina. International Institute for Information Design (IIID), Information Design Association (IDA), y Society for News Design (SND), son algunas de ellas. Las publicaciones periódicas Information Design Journal y Visible Language también ofrecen un amplio abanico de proyectos sobre esta disciplina y son una inagotable fuente de información desde un punto de vista más académico. Sin embargo, dentro y fuera del ámbito del diseño, muchos profesionales no pueden explicar con claridad cuál es el objetivo del diseño de información y desconocen todo su potencial y aplicaciones, más allá del desarrollo de infografías.

Uno de los malentendidos más frecuentes es creer que el diseño de información es una disciplina naciente, cuando existen ejemplos que datan de más de 300 años de antigüedad (Stiff et al., 2010). En las cuatro publicaciones de Edward Tufte (1983, 1990, 1998, 2006) pueden encontrarse numerosos ejemplos que invalidan calificar de "naciente" o "joven" al diseño de información. Este artículo explica los orígenes, objetivos y lenguajes que utiliza esta disciplina, y describe las vías en las que se está desarrollando.

Sus orígenes

El término "diseño de información" (information design) comenzó a ser utilizado a fines de la década de 1940 y principios de los 50 en Estados Unidos, consolidándose en el Reino Unido a fines de los 70 (Stiff et al., 2010). El diseñador checo Ladislav Sutnar, quien emigró hacia EE.UU. durante la Segunda Guerra Mundial, es considerado el progenitor de la disciplina del diseño de información. Sutnar fue el primero en utilizar los paréntesis para separar los códigos de áreas y de países en los números de teléfono. Con esta sencilla pero altamente funcional acción de diseño, Sutnar demostró la importancia de la funcionalidad sobre la estética en proyectos de diseño, y la necesidad de entender, analizar y organizar la información para poder alcanzar una solución efectiva (Visocky O'Grady, 2008).

Aplicación de los paréntesis como elemento para organizar y distinguir la información.

Sus objetivos

Hasta el presente no se ha podido establecer una definición universal del diseño de información y sus límites de acción. Algunos profesionales entienden el diseño de información como perteneciente a la disciplina del diseño gráfico, mientras que otros como Robert Waller, conciben el diseño de información como la disciplina madre desde la cual se desprende la del diseño gráfico. No hay dudas que el diseño gráfico y el diseño de información tienen puntos en común, pero lo que es importante explicar es que sus objetivos y aplicaciones son diferentes. La esencia del diseño de información es analizar, organizar, entender, solucionar y diseñar, y su principal objetivo es la traducción de información compleja, datos no organizados ni estructurados, en información con sentido y de fácil acceso. Este proceso no está sustentado en la creación de soluciones estéticas o novedosas, como lo está el del diseño gráfico. Las soluciones no son necesariamente un producto tangible de diseño, sino que también pueden ser un servicio, una estrategia de comunicación, o una forma de pensamiento. El componente estético ocupa un lugar secundario dentro del proceso del diseño de información, siendo el principal objetivo, la resolución del problema.

El diseñador de información

A diferencia del diseñador gráfico, para el diseñador de información las primeras y principales etapas dentro del proceso de diseño están dedicadas al entendimiento, análisis, definición de estrategias y metodologías, y organización. El diseñador de información es racional, sistemático y metódico, cualidades esenciales para organizar y analizar información de forma objetiva. Su modo de resolver problemas es aplicando un pensamiento sistemático y riguroso de diálogo constante con todas las partes implicadas, hasta obtener un entendimiento total de la situación. En otras palabras, trabaja a la par con el cliente hasta que ambos llegan a un entendimiento común del problema a resolver. Para resolver proyectos complejos se constituyen grupos multidisciplinares de trabajo en los cuales el diseñador de información es el encargado de traducir a un lenguaje visual los datos e ideas.

El lenguaje diagramático

Para traducir información (simple o compleja) a un lenguaje que comunique las ideas con una mayor claridad, precisión y eficacia, el diseño de información utiliza el lenguaje diagramático. La información es desglosada en representaciones visuales sintéticas con un alto grado de abstracción. Las representaciones diagramáticas pueden abarcar desde gráficos de barras estadísticos (gráficos simples) hasta gráficos más complejas, como mapas diagramáticos. Este lenguaje es también utilizado por la disciplina de la visualización de datos, creando algunas confusiones. Frecuentemente el término "visualización de datos" es utilizado como sinónimo de "diseño de información", debido a que proyectos de ambas disciplinas pueden tener la misma apariencia visual, utilizar el mismo lenguaje o crearse con las misma herramientas; sin embargo éstas son dos disciplinas diferentes, por ende con objetivos distintos. Ambas se encargan de comunicar ideas complejas de forma clara, pero el diseño de información basa su proceso de diseño en la organización y el analisis, mientras que la visualización de datos hace hincapié en las herramientas digitales y lenguajes que utiliza. La visualización de datos está orientada a la representación digital de informacion, utilizando un lenguaje visual altamente codificado y abstracto.

El diseño de información hoy

El diseño de información se desarrolla más allá de las nuevas tecnologías o medios digitales, ya que estas herramientas y soportes no son esenciales para esta disciplina. Por un lado, se están aplicando formas de pensamiento y lenguajes del diseño de información como metodología para resolver problemas de comunicación, transmisión de información, organización o educación, que se conoce como Information Design Thinking. Esta metodología de trabajo desglosa un problema de forma objetiva y sistemática, extrayendo las ideas principales y organizándolas visualmente de forma que se evidencien con mayor claridad nuevas relaciones, puntos de vista y posibles soluciones.

Principales aplicaciones del diseño de información.

La consultoría en diseño de información es otra vía de desarrollo de esta disciplina. Algunas companías no relacionadas con el ámbito del diseño están incorporando diseñadores de información y creando departamentos de diseño de información para aumentar y mejorar la comunicación y la comprensión de sus servicios, tanto a nivel interno como externo a audiencias de otros ámbitos. Un claro ejemplo ha sido la incorporación de Edward Tufte como parte del Panel de Consejos del Gobierno de Obama (US Government Recovery Independent Advisory Panel). Básicamente el trabajo de Tufte consiste en aconsejar aplicando principios de diseño de información para prevenir fraude y malas inversiones de las ganancias y presentar la información de una forma más clara y transparente que ayude en la toma de decisiones. Por otro lado, el diseño de información es también utlizado para visualizar información compleja, por ejemplo con infografías, instructivos o paneles, y en proyectos de señalética (Wayfinding). Quizás sean estas últimas las aplicaciones más conocidas, debido a que el producto final es una pieza visual, mientras que en las dos primeras aplicaciones no siempre es así.

A pesar de que el diseño de información no es una disciplina nueva, todavía hay muchos aspectos por definir, y el comenzar por entender sus objetivos y sus alcances es un paso importante en esa dirección.

¿Qué te pareció? ¡Comparte tu opinión ahora!

Este video podría interesarte👇👇👇

# data[].attributes.attachment_link.description
Orígenes, objetivos, lenguaje y aplicaciones de esta particular área de actuación del diseño. Por Sheila Pontis

# data[].attributes.body
La visualización de datos está orientada a la representación digital de informacion, utilizando un lenguaje visual altamente codificado y abstracto.

# data[].attributes.body
Para traducir información (simple o compleja) a un lenguaje que comunique las ideas con una mayor claridad, precisión y eficacia, el diseño de información utiliza el lenguaje diagramático. La información es desglosada en representaciones visuales sintéticas con un alto grado de abstracción. Las representaciones diagramáticas pueden abarcar desde gráficos de barras estadísticos (gráficos simples) hasta gráficos más complejas, como mapas diagramáticos.

# data[].attributes.headline
El diseñador de información es racional, sistemático y metódico, cualidades esenciales para organizar y analizar información de forma objetiva. Su modo de resolver problemas es aplicando un pensamiento sistemático y riguroso de diálogo constante con todas las partes implicadas, hasta obtener un entendimiento total de la situación. 

# data[].attributes.subject
El diseñador de información es racional, sistemático y metódico, cualidades esenciales para organizar y analizar información de forma objetiva. Su modo de resolver problemas es aplicando un pensamiento sistemático y riguroso de diálogo constante con todas las partes implicadas, hasta obtener un entendimiento total de la situación. 

# data[].attributes.headline
La esencia del diseño de información es analizar, organizar, entender, solucionar y diseñar, y su principal objetivo es la traducción de información compleja, datos no organizados ni estructurados, en información con sentido y de fácil acceso.

# data[].attributes.subject
La esencia del diseño de información es analizar, organizar, entender, solucionar y diseñar, y su principal objetivo es la traducción de información compleja, datos no organizados ni estructurados, en información con sentido y de fácil acceso.

# data[].attributes.body
La esencia del diseño de información es analizar, organizar, entender, solucionar y diseñar, y su principal objetivo es la traducción de información compleja, datos no organizados ni estructurados, en información con sentido y de fácil acceso. Este proceso no está sustentado en la creación de soluciones estéticas o novedosas, como lo está el del diseño gráfico.

# data[].attributes.attachment_caption
Aplicación de los paréntesis como elemento para organizar y distinguir la información.

# data[].attributes.headline
El término «diseño de información» (information design) comenzó a ser utilizado a fines de la década de 1940 y principios de los 50 en Estados Unidos, consolidándose en el Reino Unido a fines de los 70 (Stiff et al., 2010). 

# data[].attributes.subject
El término «diseño de información» (information design) comenzó a ser utilizado a fines de la década de 1940 y principios de los 50 en Estados Unidos, consolidándose en el Reino Unido a fines de los 70 (Stiff et al., 2010). 

# data[].attributes.headline
El diseñador checo Ladislav Sutnar, quien emigró hacia EE.UU. durante la Segunda Guerra Mundial, es considerado el progenitor de la disciplina del diseño de información. 

# data[].attributes.subject
El diseñador checo Ladislav Sutnar, quien emigró hacia EE.UU. durante la Segunda Guerra Mundial, es considerado el progenitor de la disciplina del diseño de información. 

# data[].attributes.body
Sutnar fue el primero en utilizar los paréntesis para separar los códigos de áreas y de países en los números de teléfono. Con esta sencilla pero altamente funcional acción de diseño, Sutnar demostró la importancia de la funcionalidad sobre la estética en proyectos de diseño, y la necesidad de entender, analizar y organizar la información para poder alcanzar una solución efectiva (Visocky O’Grady, 2008).

# data[].attributes.body
Un rediseño del mapa de la CDMX que ignora su pasado lacustre y que se adapta al sistema de movilidad integrado. Es decir que ahora se adapta al metrobús también.

# data[].attributes.attachment_caption
Primer mapa del metro CDMX que realizó Lance Wyman, se dice que este mapa sigue un poco el rastro de los antiguos ríos de la ciudad. ¿era buen diseño?

# data[].attributes.body
Caballero González Zeth
Elena Pérez Liliana
Virueña Vázquez Paula

# data[].attributes.body
Abordando una perspectiva de estudio desde la psicología, Colin Ware nos lleva a conocer el mundo de la visualización de datos aplicada a la comunicación de mensajes de forma efectiva. En este libro se presenta la oportunidad de conocer el diseño como herramienta.

Podrás descubrir en él un conjunto amplio de técnicas que puedes poner en práctica para sacarle el máximo provecho al proceso de percepción y pensamiento del cerebro humano.

# data[].attributes.headline
History of Information Graphics. Taschen

# data[].attributes.subject
History of Information Graphics. Taschen

# data[].attributes.body
Este libro, publicado en 2019, es una lectura obligada para aquellos que tienen interés en aprender sobre la evolución del diseño de la comunicación visual. Los capítulos están divididos por ubicación, tiempo, categoría y jerarquía, y cada página tiene ejemplos gigantescos. El libro es útil para inspirarse y hacerse una idea de cómo otras personas han solucionado ciertos problemas de visualización similares.

Con unas 400 piezas fundamentales de la historia de la infografía que, entre otros campos, abarcan tecnología, cartografía y zoología, este es un trabajo de referencia sin precedentes que hará disfrutar a diseñadores, aficionados a la historia y cualquier otra persona con sed de conocimiento.

# data[].attributes.headline
"El conocimiento es maravilloso" David McCandless.

# data[].attributes.subject
"El conocimiento es maravilloso" David McCandless.

# data[].attributes.headline
¿Qué diferencias hay entre hipertexto, multimedia e hipermedia?

# data[].attributes.subject
¿Qué diferencias hay entre hipertexto, multimedia e hipermedia?

# data[].attributes.headline
Una introducción al Diseño de la Información. Paul Mijksenaar (pdf).

# data[].attributes.subject
Una introducción al Diseño de la Información. Paul Mijksenaar (pdf).

# data[].attributes.headline
DATA CITY (cómic sobre la visualización de datos). 

# data[].attributes.subject
DATA CITY (cómic sobre la visualización de datos). 

# data[].attributes.attachment_link.readable_text
Multimedia

Multimedia es la combinación o utilización de dos o más medios de forma concurrente. El término multimedia sigue siendo confuso pues todavía no ha sido bien definido y sus límites resultan difusos. Si a finales de la década de los 70, multimedia era la integración de voz, En principio, la cualidad multimedial no está restringida a la texto, datos y gráficos, en los 90 a estos elementos se suman los informática: un libro acompañado de una casete de audio es una obra multimedial, sin embargo, poco a poco, el término multimedia se ha ido generalizando para referirse a la informática y al mundo digital. gráficos interactivos, las imágenes en movimiento, las secuencias de audio y vídeo, las imágenes en tres dimensiones, la composición de documentos digitales y la realidad virtua l.

Xabier Berenguer en su artículo Escribir programas interactivos dice:

"Un sistema multimedia está constituido por un conjunto de informaciones representadas en múltiples materias expresivas: texto, sonido e imágenes estáticas y en movimiento, y codificadas digitalmente, registradas en un soporte cerrado u off line, como por ejemplo el CD-ROM o el DVD".

Este mismo autor afirma que los sistemas multimediáticos pueden tildarse de "unimediáticos", entendiendo que todas las materias expresivas se reducen a bits de información.

De igual manera, Nicholas Negroponte, el gurú de los tecno-optimistas, en su obra Un mundo digital identifica multimedia con la mezcla de bits de diferentes medios:

"Cuando todos los media sean digitales, porque los bits son bits, tendrán lugar dos consecuencias fundamentales e inmediatas. En primer lugar, los bits se mezclan fácilmente. Se combinan y pueden usarse y reutilizarse juntos o por separado. La combinación de sonido, imagen e información se llama multimedia; aunque suene complicado, sólo se trata de la mezcla de bits. En segundo lugar ha nacido un nuevo tipo de bit, un bit que habla de otros bits"... "Los bits de cabecera pueden ser un índice o la descripción de contenidos".

Para Aedo, Díaz y Montero en De la multimedia a la hipermedia, multimedia consiste en integrar diferentes medios bajo una presentación interactiva, lo que proporciona una gran riqueza en los tipos de datos, dotando de mayor flexibilidad a la expresión de la información. Diferentes textos, imágenes y otros tipos de contenidos se van secuenciando de una forma dinámica.

En informática, los medios que suelen utilizarse para una obra multimedial son:

Texto en todas sus formas

Imágenes estáticas (fotografías, gráficos e ilustraciones)

Imágenes en movimiento ( vídeo y animaciones)

Audio (música y sonidos)

Dos problemas clásicos en el desarrollo del multimedia han sido el acceso y la manipulación de este tipo de datos y su almacenamiento, ya que los datos gráficos ocupan una gran cantidad de bytes de memoria. El primer problema se resolvió con el desarrollo de los entornos gráficos en los ordenadores (Macintosh, Windows, etc.), que se basan en la presentación de la información en forma de ventanas, la utilización de iconos y menús con los cuales el usuario puede interactuar de forma rápida y sencilla. Por su parte, el problema del almacenamiento se resolvió con nuevos métodos de comprensión de archivos de imágenes, sonido y vídeo, y con la aparición de los soportes ópticos, ya que éstos son capaces de almacenar una gran cantidad de memoria en un único soporte.

El multimedia interactivo como sistema de comunicación se ha desarrollado de forma exponencial desde la incorporación masiva de los CD-ROM a los ordenadores -cada vez con mayor velocidad de lectura-, y más recientemente con el gran volumen de información que posibilitan los DVD y los soportes ópticos. Y también ha sido fuertemente impulsado por las empresas editoriales convencionales que comenzaron a crear enciclopedias en línea, juegos y programas interactivos multimedia, etc.

El Diccionario de la La Real Academia Española recoge el término multimedia, no así el de hipermedia:

"multimedia. (Del ingl. multimedia). adj. Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la transmisión de una información".

Hipermedia

El término hipermedia toma su nombre de la suma de hipertexto y multimedia, una red hipertextual en la que se incluye no sólo texto, sino también otros medios: imágenes, audio, vídeo, etc. (multimedia).

Muchos autores coinciden en esta definición de Hipermedia como resultado de la combinación de hipertexto y multimedia, donde (en su mínimo nivel), cuya selección genera distintas formas de recuperar la información de la base; la multimedia consiste en la tecnología que utiliza la información almacenada en diferentes formatos y medios, controlados por un hipertexto se entiende como la organización de una base de información en bloques discretos de contenido llamados nodos conectados a través de enlaces usuario ( interactividad). [ Balasubramanian], [ Bianchini], [ Salampasis], [ Rada] [ Diaz, Catenacci y Aedo].

Así pues, la hipermedia conjuga tanto la tecnología hipertextual, como la multimedia. Si la multimedia proporciona una gran riqueza en los tipos de datos, el hipertexto aporta una estructura que permite que los datos puedan presentarse y explorarse siguiendo distintas secuencias, de acuerdo a las necesidades y preferencias del usuario.

La estructura de un hipermedia es la misma que la de un hipertexto, formado por nodos que se conectan mediante enlaces. La única diferencia es que los nodos contienen elementos de diferentes medios o morfologías. Las anclas ya no sólo son palabras sino que pueden, por ejemplo, ser una imagen o un fragmento de ella, o pueden ser una secuencia de audio o de vídeo. La estructura de un hipermedia es, pues, más compleja que la de un hipertexto. La interactuación de los diferentes medios y la sincronización entre ellos suele ser uno de los aspectos más complejos en el desarrollo de aplicaciones multimedia.

Hipermedia es un nuevo medio. Es la síntesis de hipertexto cercana a nuestro modo habitual de expresión y pensamiento, y a su vez, permite al usuario Los sistemas hipermedia se basan, pues, en la suma de las potencialidades hipertextuales y multimediáticas. Y se aplican, sobre todo, a un , La hipermedia se caracteriza por sus posibilidades multimedial, que comparte usosy características tanto del hipertexto como del multimedia, más una serie de propiedades que le son propias. La hipermedia nos permite comunicar de manera más efectiva, ya que al ser relacional y multimedial, puede parecernos más interacturar de manera más rica, sencilla y "amigable". Se podría decir que la hipermedia, añade al hipertexto y su forma de presentar la información de forma no secuencial (o soporte abierto u on line,cuyo máximo exponente es la World Wide Web ya que permite interconectar e integrar, casi sin límites, conjuntos de información de diferentes materias expresivas: bases de datos, etc. interactivas y por las posibilidades que ofrece un nuevo medio de comunicación en red. Lo que realmente impulsa la aplicación de la texto, imágenes, sonidos, multisecuencial), cierta faceta multisensorial. vídeos interactividad plena en los sistemas multimediáticos, convirtiéndolos en hipermediáticos, es el desarrollo de las redes de comunicación, de las tecnologías de compresión de datos y la aparición de un servicio y una interfaz específicamente diseñada para los nuevos servicios y contenidos hipermediáticos, materializados en la Web. A la hipermediatividad también contribuyen la utilización de interfaces basadas en sistemas icónicos cuyos signos semejan los objetos representados y que se pueden animar, enlazar y transformar, y que han culminado en el desarrollo de entornos virtuales que integran hipersensorialmente la información.

En el siguiente gráfico, podemos observar cómo el término hipermedia engloba los conceptos de hipertexto y multimedia:

Hipermedia : Combinación de hipertexto y multimedia

Si, en teoría, hipermedia es la suma de hipertexto y multimedia, existirán diferencias entre ambos sistemas. El hipertexto provee una estructura de navegación a través de los datos textuales, mientras que el multimedia nos ofrece no sólo esta estructura de navegación a través de datos textuales, sino a través de una gran variedad de tipos de datos de diferentes morfologías. Si en hipertexto se habla de datos, en multimedia es corriente hablar de componentes. Los documentos multimedia constan de una colección completa de componentes cada uno de los cuales puede estar compuesto, a su vez, de otros componentes o bien de elementos de datos - llamados también entidades-.

Desde el punto de vista técnico, los datos multimedia, la mayor parte de las veces, necesitan una forma de presentación determinada para que se haga posible la visualización multimedia. Una presentación es la forma activa de un documento, y corrientemente se habla indistintamente de documento y de presentación o interfaz.

En el hipertexto, el controla qué componente quiere visitar, pero ese componente puede ser dinámico, esto es, varía sin la intervención del caracterizándose por una noción temporal. Cuando hablamos de factor diferenciador entre los sistemas de hipertexto y los sistemas multimedia. En los sistemas hipertextuales también se necesita cierto tiempo para que los usuario pasa de un documento a otro mediante los usuario audio o enlaces vídeo, necesitamos un tiempo (a menudo unos pocos segundos) para que se active el vídeo, aparezca cierto texto, etc. El tiempo es, pues, un enlaces y la visita a un documento finaliza cuando termina la aplicación o se da paso a otro componente a través del enlace. En una presentación multimedia, el usuario nos conduzcan hacia otros bloques de texto, pero este tiempo es casi imperceptible puesto que no se precisa utilizar un sistema dinámico para que la información pueda ser presentada.

En la presentación multimedia, al usuario se le suele ofrecer un componente mediante el cual éste pueda ejercer un control sobre la presentación. Lo más común es que se trate de un reproductor virtual con controles en forma de botones.

Figura : Diferentes modelos de reproductores virtuales
Para que este componente se active de forma automática, es necesario que nuestro ordenador tenga instalado el programa adecuado para ejecutarlo. Si no disponemos de dicho programa, en muchas ocasiones éste está disponible para su descarga desde Internet.

Figura: Descarga de programas para instalar diferentes reproductores o componentes de los mismos
El tiempo es algo fundamental en los sistemas hipermedia. En un hipermedia no sólo existen medios dinámicos que dependen del tiempo, sino que también existe un concepto clave que es la sincronización entre ellos. La sincronización no sólo debe estar basada en la información estructurada (como en el hipertexto), sino también en el contenido de cada componente o contenedor multimedial. Además, en un hipertexto, al cruzar un enlace pueden suceder 2 cosas: bien que se abra una nueva ventana, bien que la información que se esté visualizando se sustituya por otra; mientras que en un entorno hipermedia es importante lo que se denomina contexto del enlace, esto es, el mecanismo que define unas opciones de visualización diferentes para cada enlace y que permite que parte de la información permanezca visible, mientras que otra deja de estarlo. Así, podremos escuchar una melodía o ver un vídeo y pasar a una nueva imagen o texto, mientras que seguimos oyendo la melodía de fondo, dependiendo del lugar en que se encuentre la aplicación.

En conclusión, podemos destacar que los sistemas hipermedia, en cuanto a su generación como documentos, son mucho más complejos que los sistemas hipertextuales. En un hipertexto se pueden fragmentar los bloques de texto para ser enlazados, pero en un sistema hipermedia la asociación de un enlace con o dentro de un componente multimedia es mucho más compleja, ya que los datos la mayor parte de las veces no pueden fragmentarse ni indexarse. Además, los sistemas hipermedia pueden incorporar la llamada inteligencia embebida, es decir, son capaces de ejecutar otras aplicaciones o de tomar decisiones de acuerdo con la actividad que desarrolla el usuario tanto al utilizar los enlace s como al acceder a los contenedores.

Hay que tener en cuenta que no todas las aplicaciones multimedia son hipermedia, ya que pueden ser una simple presentación de pantallas en orden secuencial. No obstante, a menudo se utilizan indistintamente los términos hipermedia y multimedia, ya que se entiende que una buena aplicación multimedia debe ser en realidad hipermedia.

Resumiendo, existen tres conceptos diferentes:

A pesar de que la diferencia entre estas tres definiciones es clara, es frecuente utilizar los términos indistintamente. Y, aunque existe una diferencia teórica y conceptual entre hipertexto e hipermedia, y a pesar de que muchos autores distinguen claramente ambos términos sin utilizarlos jamás como sinónimos, en la práctica, el término hipertexto se ha generalizado con gran fuerza utilizándose indistintamente tanto para referirse al hipertexto en sentido estricto, como al hipertexto multimedial -esto es, hipermedia- pues prácticamente ya no existen hipertextos conformados por texto únicamente (los primeros servicios de Internet orientados a la conexión remota entre ordenadores sin capacidades hipermediáticas, han sido sustituidos por la WWW, precisamente por estas posibilidades hipermediáticas). Hoy en día no existen los hipertextos puros, ya que casi todos incluyen elementos multimedia, aunque solo sea para presentarlos de una forma más vistosa y atractiva. En realidad, el término hipermedia, a nivel conceptual, no supone avance alguno respecto al término hipertexto.

El término hipertexto se ha generalizado utilizándose la concepción de texto en su vertiente más amplia, al englobar además del aspecto verbal, los aspectos sonoros, visual, audiovisual e, incluso, hipersensorial. Esta definición global de texto es la que suelen argumentar teóricos del hipertexto como Landow, que no diferencia hipertexto de hipermedia, entendiendo que el primero, en las aplicaciones actuales, puede interconectar tanto información verbal como no verbal.

"El hipertexto incluye los multimedios ya que, con la misma facilidad, puede conectar entre sí tanto pasajes de texto verbal como información no verbal." "El hipertexto denota un medio de información que conecta informaciones verbales y no verbales. El término hipermedia extiende simplemente la idea del texto en el hipertexto, incluyendo informaciones visuales, sonidos, animaciones y otras formas de información .... Yo no hago ninguna distinción entre hipertexto e hipermedia".

Otro autor, Carlo Rovelli, en I Percorsi dell' Ipertesto, afirma:

"Si un hipertexto es una red que conecta nodos informativos sobre la base de una libre asociación no puede limitarse al texto escrito, sino que debe ser necesariamente la síntesis de todas las formas modernas asumidas por la información: textos, músicas, voces, filmaciones ...."

El World Web Consortium habla de hipertexto multimedia en Hypertext Terms y lo define de la siguiente forma:

"Hipermedia e hipertexto tienden a usarse uno en lugar del otro. Media no es más que texto que incluye gráficos, sonido y vídeo.

De igual forma, los teóricos del modelo de Dexter, esto es, los teóricos que diseñaron un modelo estándar para describir la arquitectura y las características del hipertexto y cuya terminología se considera estándar en el campo del hipertexto, no diferencian entre hipertexto e hipermedia.

En esta sentido amplio, incluyendo cualquier , morfología de la información ( texto, vídeo, otros imágenes, audio recursos audiovisuales, etc.) se tomará el término hipertexto a lo largo de esta tesis.

Bibliografía

Adaptive Hypertext and Hypermedia On-Line Publications. http://wwwis.win.tue.nl/ah/

ArtMuseum.net From Wagner to Virtualy Reality: Concepts.. http://www.artmuseum.net/w2vr/concepts/concepts.html

BALASUBRAMANIAN, V. State of the art review of hypermedia: issues and applications, 1995.[Volver]

BARRET, Edward y REMOND, Marie (compiladores). Medios contextuales en la práctica cultural. Barcelona, Paidós, 1997.

BERENGUER, Xavier. "Escribir programas interactivos". Revista Formats. Barcelona, 1997. http://www.iua.upf.es/formats/formats1/a01et.htm [Volver]

BERK, Emily and DEVLIN, Joseph (ed). Hypertext / Hypermedia Handbook. New York, McGraw-Hill, 1991.

BIANCHINI, Adelaide: Modelo referencial de hipermedio, basado en teoría de grafos, para minimizar el problema de desorientación del usuario. http://www.ldc.usb.ve/~abianc/publicaciones.html[Volver]

BLUSTEIN, J . alt.hypertext Frequently Asked Questions. http://www.csd.uwo.ca/~jamie/hypertext-faq.html

BRAUNER, Josef y BICKMANN, Roland. La sociedad multimedia; Las futuras aplicaciones del audio-video, la informática y las telecomunicaciones. Barcelona, Gedisa, 1996.

CARIDAD, Mercedes. MOSCOSO, Purificación. Los sistemas de hipertexto e hipermedios: una nueva aplicación en informática documental.Madrid, Fundación Germán Sánchez Ruipérez, 1991.

COTTON, Bob y OLIVER, Richard. The ciberespace lexicon:an ilustred dictrionary of terms from multimedia to virtual reality. Phaidon Press, Londres, 1995.

DÍAZ PÉREZ, Paloma, CATENAZZI, Nadia y AEDO CUEVAS, Ignacio. De la multimedia a la hipermedia. Madrid, Editorial Rama, 1996. [Volver]

DÍAZ, Mª Paloma; MONTERO, Susana. AEDO, Ignacio. Ingeniería de la web y patrones de diseño. Prentice Hall, 2005.

GARRAND, Timothy. Writing for Multimedia. Boston, Focal Press, 1997.

HALASZ, F.; SCHWARTZ, F. The Dexter Hypertext reference model. Communications of the ACM, vol. 37, pp. 30-39, 1994. [Volver]

HUGHES, Kevin. What is hypertext and hypermedia? http://www.kevcom.com/words/guide/guide.02.html

JONASSEN, D.: Hypertext/Hipermedia. Englewood Cliffs (NJ), Educational Technology Pub, 1989.

LANDOW, George P. Hipertexto. La convergencia de la teoría crítica contemporánea y la tecnología. Paidós, Barcelona, 1995. pág. 62. [Volver]

The New Review of Hypermedia and Multimedia: http://www.comp.glam.ac.uk/~NRHM/

. NAVARRETE TERRASA, Toni Modelos Hipermedia. Verano de 2002. http://www.iua.upf.es/~berenguer/cursos/interact/treballs/navarrete/modelos.pdf

NEGROPONTE, Nicholas. El mundo digital. Barcelona, Ediciones B, 1995.[Volver]

NIELSEN, Jakob. Multimedia and Hypertext: The Internet and Beyond. San Francisco, Morgan Kaufmann, 1994.

PÉREZ HUERTAS, Francisco. Introducción a la multimedia, realización y producción de programas. Madrid, I.O.R.T, 1998.

, R. (1991): R ADA Hypertext: from text to expertext. McGraw-Hill. 1991. [Volver]

RAE. Diccionario de la Real Academia Española. http://www.rae.es[Volver]

ROVELLI, Carlo. I Percorsi dell'Ipertesto, Synergon, Bologna, 1994. [Volver]

, M. S ALAMPASIS Navigation in Hypermedia, 1995.[Volver]

Hipertexto e Hipermedia en la Enseñanza Universitaria". SALINAS IBAÑEZ, Jesús. " Revista Píxel-Bit. Núm.1. Enero 1994.Universidad de Sevilla. http://www.sav.us.es/pixelbit/articulos/n1/n1art/art12.htm
TOMÀS I PUIG, Carles. Del hipertexto al hipermedia. Una aproximación al desarrollo de las obras abiertas. http://www.iua.upf.es/formats/formats2/tom_e.htm
W3 Consortium. Hypertext Terms http://www.w3.org/Terms.html[Volver]

# data[].attributes.headline
Diseño Hipermedia centrado en el usuario. (Artículo).

# data[].attributes.subject
Diseño Hipermedia centrado en el usuario. (Artículo).

# data[].attributes.attachment_link.title
Diseño Hipermedia centrado en el usuario

# data[].attributes.attachment_link.description
Definición del concepto de sistema hipermedia, y algunos consejos para el diseño de información y navegación de estos sitemas.

# data[].attributes.headline
Fundamentos de Diseño Gráfico Hipermedia.

# data[].attributes.subject
Fundamentos de Diseño Gráfico Hipermedia.

# data[].attributes.body
Un libro que explora el diseño gráfico hipermedia algo más reciente (2015).

# data[].attributes.body
Un clásico del diseño hipermedia de los años 90s, algunos conceptos siguen vigentes. El concepto de Cyberespacio era el que se usaba entonces.

# data[].attributes.headline
Human Center Design (Diseño centrado en el Ser Humano).

# data[].attributes.subject
Human Center Design (Diseño centrado en el Ser Humano).

# data[].attributes.body
Una explicación muy simplificada de cómo funciona algo. No hay que confundirlo con el "modelo mental" que es el modelo conceptual en la mente de las personas, que representa su comprensión de cómo funciona algo;o con la "imagen del sistema", que es lo que se puede derivar del mismo y de su documentación.

# data[].attributes.body
Es la comunicación completa y continua de los resultados de una acción y del estado actual del sistema. Debe ser suficientemente informativa y diferenciar la información importante de la que no lo es: ofrecer poca información o demasiada puede ser más molesto que no ofrecer ninguna.

# data[].attributes.body
Trata de la relación entre los elementos de dos o más conjuntos. Cuando hay correspondencia espacial entre la disposición de los controles y los dispositivos controlados, así como contigüidad temporal, es más fácil determinar cómo usarlos.

# data[].attributes.body
Las restricciones, las limitaciones del diseño (físicas, lógicas, semánticas y culturales), son indicios poderosos porque reducen el conjunto de posibles acciones, guían el uso y facilitan la interpretación.

# data[].attributes.body
Comunican dónde debe llevarse a cabo la acción, son señales o etiquetas, muy importantes porque comunican cómo usar el diseño, y que por tanto deben ser perceptibles.

# data[].attributes.body
Todas las posibilidades de acción de un objeto que son inmediatamente percibidas por el usuario. No es una cualidad del objeto, es una relación determinada conjuntamente por las cualidades del objeto y las capacidades del usuario, que se nutre de experiencias pasadas, estimaciones comparando otro tipo de vivencias, etc.

# data[].attributes.headline
Seis conceptos básicos: Affordance, Signifiers, Constraints, Mappings, Feedback y el "The conceptual model of the system".

# data[].attributes.subject
Seis conceptos básicos: Affordance, Signifiers, Constraints, Mappings, Feedback y el "The conceptual model of the system".

# data[].attributes.headline
Un buen diseño debe tener dos características: "discoverability" y "understanding",

# data[].attributes.subject
Un buen diseño debe tener dos características: "discoverability" y "understanding",

# data[].attributes.headline
"Café para masoquistas" del Catálogo de Objetos Inencontrables de Jacques Carelman.

# data[].attributes.subject
"Café para masoquistas" del Catálogo de Objetos Inencontrables de Jacques Carelman.

# data[].attributes.body
Ejemplifica que diseñar cosas bonitas, pero que no satisfacen las necesidades y expectativas de los usuarios, es absurdo.

# data[].attributes.headline
Capitulo 1 La psicopatología de las cosas cotidianas.

# data[].attributes.subject
Capitulo 1 La psicopatología de las cosas cotidianas.

# data[].attributes.body
"Los significantes son muy importantes para los diseñadores"

# data[].attributes.headline
Los principios de diseño según D. Norman ...

# data[].attributes.subject
Los principios de diseño según D. Norman ...

# data[].attributes.body
Los principios de la psicología humana

Seguirán siendo los mismos, lo que significa que los principios de diseño aquí basados en la psicología sobre la naturaleza la cognición, humana, la emoción, la acción y la interacción con el mundo permanecerán sin cambios.

# data[].attributes.headline
¿Qué nuevas tecnologías surgirán en los próximos 25 años? Don Norman.

# data[].attributes.subject
¿Qué nuevas tecnologías surgirán en los próximos 25 años? Don Norman.

# data[].attributes.headline
"El buen diseño es invisible. El mal diseño es visible" Don Norman.

# data[].attributes.subject
"El buen diseño es invisible. El mal diseño es visible" Don Norman.

# data[].attributes.headline
The Design of Everyday Things (audiolibro).

# data[].attributes.subject
The Design of Everyday Things (audiolibro).