Entregable 1_ Visualización de Información

DISEÑO DE LA INFORMACIÓN

Visualización de la Información

Visualizar para generar conocimiento

Diseño de Información

Jerarquizar Información

GOAL

START

Estructura de Información

Objetivo

Estructura de Información

Menú de Navegación

Jerarquización

Diseño Visual

Es una forma de razonamiento que nos permite organizar información a partir de la relevancia de cada elemento

Disciplina que se enfoca en la creación de elementos visuales y gráficos para comunicar mensajes de manera efectiva y atractiva

Es una lista organizada que resume la información que un visitante puede encontrar dentro de un sitio web

Una secuencia es un objeto de base de datos que permite la generación automática de valores, como números de comprobación.

En la estructura de una página web tenemos tres partes diferenciadas: cabecera, cuerpo y pie de página.

• El contacto con el cliente
• La recolección de información
• El desarrollo de la estrategia de diseño

Procesos de Diseño

El diseño de información, específicamente estrategias como la infografía, es descrito como una herramienta que “puede potenciar en los estudiantes una mejor comprensión y descripción de temas complejos permitiendo al mismo tiempo el desarrollo de competencias que los prepara frente a una sociedad culturalmente visual

Para representar gráficamente esta jerarquía podemos emplear herramientas como esquemas o mapas conceptuales. Ejemplo:

Ejemplo

Bibliografía

https://www.opportimes.com/que-es-la-jerarquizacion-de-la-informacion-ejemplos/ https://uapas2.bunam.unam.mx/humanidades/clasificacion_jerarquizacion_informacion https://www.elisava.net/que-es-el-diseno-de-la-informacion/#:~:text=%C2%BFPero%20qu%C3%A9%20es%20dise%C3%B1o%20de,interpretaciones%20o%20las%20interdependencias%20sem%C3%A1nticas. https://estudio-grafico.blogspot.com/2014/01/proceso-diseno-de-informacion.html https://www.discursovisual.net/dvweb48/TS_48-15.html

Ejemplo

Diseño de Información

El diseño de la información es todo el universo que rodea la forma en que explicamos unos datos concretos, desde la parte más superficial, color, forma, materialidad, estilo.

¿Tienes una idea?

Plásmala en una ventana

Crea una nueva capa de contenido con todas las funcionalidades de Genially.

• Genera experiencias con tu contenido.
• Tiene efecto WOW. Muy WOW.
• Logra que tu público recuerde el mensaje.
• Activa y sorprende a tu audiencia.

Cuerpo o body Esta es la parte de la web que alberga el contenido principal de tu página. Esta parte sí es diferente en cada página de tu sitio Pie de página o footer El pie de página o footer es la parte inferior de una página web. Al igual que la cabecera, se repite y es consistente en cada página Cabecera o header La cabecera es la parte superior de la página web. Aquí suele incluirse la información básica de la empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web por la que navegas.

Objetivo DI

El diseño de información tiene como objetivo asegurar la efectividad, en la transmisión de la información mediante la facilitación de recursos de percepción, lectura, comprensión, memorización y uso para poder garantizar la comunicación de la información presentada.

¿Por qué es importante jerarquizar la información?

Para el desarrollo del conocimiento científico, informático, matemático, etc. se necesita de una correcta diseminación de la información. ¿Cómo se logra esa correcta comunicación de la información? Con la jerarquización de esa información de acuerdo a tus objetivos y marco referencial.

Diseño Visual

En la que se utiliza principios y técnicas de diseño para organizar y presentar información visualmente de manera coherente, estética y funcional.

Formas o enfoques en los que se basa para abordar los contextos y necesidades socioculturales para su planificación en los dispositivos y soportes de la imagen (bidimensional, tridimensional y en movimiento)

Lorem ipsum dolor sit amet

Bibliografía

https://uapas2.bunam.unam.mx/humanidades/clasificacion_jerarquizacion_informacion/ https://ucompensar.edu.co/que-es-el-diseno-visual/ https://www.ibm.com/docs/es/db2/11.5?topic=objects-sequences https://www.ibm.com/docs/es/db2/11.5?topic=objects-sequences https://www.lucushost.com/blog/partes-de-una-pagina-web-estructura-y-contenido/#:~:text=con%20m%C3%A1s%20detalle.-,Estructura%20de%20una%20p%C3%A1gina%20web,%3A%20header%2C%20body%20y%20footer.