Registro de datos - Ayrton Pereira

De Casiopea
Registro de datos - Ayrton Pereira
TítuloRegistro de datos - Ayrton Pereira
Palabras Clavevisualización
Período2021-2021
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2021
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Interacción y Servicios"Interacción y Servicios" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Ayrton Pereira
ProfesorHerbert Spencer, Renee Rodo
PDFArchivo:Visualización ajpc taller de interacción pdf 2021.pdf

Recopilación de datos

Para el actual encargo se solicita la recopilación de datos de 20 variables distintas, correspondientes a aspectos cotidianos de nuestras vidas.


Cualidad de Datos

La cualidad de los datos de percibe en 2 tipos de muestra distintos:

  1. Cuantitativos

Todo dato que puede ser percibido en cantidades enteras, con enfoque en las reiteraciones del hecho.

  1. Cualitativos

Todo dato que es inducido por un cuerpo sensible y por lo tanto es medido en un estímulo, escala de grises o abstracción.


Variables escogidas

Dentro del propósito del encargo se busca evaluar aspectos que modifican el bienestar en la vida cotidiana, así también las realidades que influyen en el ánimo y energía. Para esto se mide a través del tiempo a intervalos conscientes y memorables.

  1. Contactos personales reales (intensidad)
  2. Contactos personales virtuales (intensidad)
  3. Frecuencia Cardiaca
  4. Tiempo en Bicicleta
  5. Ruido ambiental (Medido en decibeles)
  6. Horas de sueño y calidad
  7. Expresiones faciales
  8. Momentos en blanco
  9. Azúcar consumida (medido en alimentos poco dulces, fruta, etc; hasta alimentos muy dulces)
  10. Tiempo hablando
  11. El espacio habitado (donde se reside mayor tiempo)
  12. Luminosidad del espacio (Medido de 1.4 a 32, equivalentes al diafragma de una cámara)
  13. Videos vistos
  14. Momentos incómodos
  15. Ansiómetro (de 1 a 3, 1=preocupación leve, 3=dolores físicos, sudor)
  16. Tiempo max. concentrado en una tarea (en tiempo máximo)
  17. Ejercicio interior (En tiempo y calorías)
  18. Comportamientos irracionales (Hablar solo, brincos, etc)
  19. Tiempo en instagram (pequeño=responder mensajes y notificaciones, mediano=revisar la página principal, alto=dedicación completa a la aplicación)
  20. Tiempo escuchando música

Métodos de registro

La primera fuente de registro es el papel, en donde se depositan los datos obtenidos, creando un pequeño cuadernillo con cada día registrado.

Tabla de variables Dix apc2021.png
Tabla de variables demo Dix apc2021.png

Tabla de variables Set Dix apc2021.png

Más Resultados


La segunda fuente corresponde a dispositivos digitales que registran variables consideradas como influyentes. Se registra desde dispositivos como un reloj inteligente y el teléfono móvil.

Para variables como la luminosidad se utiliza el sensor del celular como fotómetro, tomando como referencia el diafragma de una cámara, de manera que el diafragma mas abierto implica un menor número, así un diafragma de mayor número implica que existe mayor cantidad de luz.

Fotómetro Dix ajpc2021.jpg

Aplicaciones Utilizadas

  • Salud (Celular)
  • Entrenamiento (Reloj)
  • Clicker (Reloj)
  • Ruido (Reloj)
  • Light Meter (Celular)
  • Configuración (Celular)

Resultados actuales

Dentro de los datos se especifica la cualidad entre:

  • 1 = Bajo/Poco
  • 2 = Medio/Moderado
  • 3 = Alto/Mucho

Datos adicionales

Independientemente el teléfono registra datos que suman a la calidad de la información


Variables Dix apc2021 iphone1.png Variables Dix apc2021 iphon2.png Variables Dix apc2021 iphon3.png


Visualización

Para depositar la conciencia en distintos puntos de perspectiva, fue necesario ordenar los elementos en categorías dependiendo de las decisiones basadas en qué se busca comprender o dilucidar a través de elementos gráficos. A partir de esto se piensa la forma y la disposición en el lienzo, utilizando una medida estándar de 1980x1080 pixéles.

Observaciones

El diagrama de la rosa de Florence Nightingale resulta útil para visualizar ciclos y valores a lo largo de un tiempo.

Florence nightingale diagrama rose ajpc dix 2021.png

La ilustración interpretada de las partes de una célula eucariota animal se toma como referencia como una interacción de lo medular a lo externo.

Celula animal tdix 2021.jpg

Orden global

La primera prueba busca condensar la información en una geometría, partiendo por un tiempo que se expresa en formas circulares por su cualidad cíclica. Siendo fiel a la forma en la que se pensó al momento del registro, la importancia consistía en visualizar la frecuencia e intensidad en cierto periodo de tiempo a lo largo del día. El fondo negro permite la visualización del espacio de color, el cual mantiene rangos de alta intensidad.

100%


Frente a este ejercicio cabe preguntarse, ¿Existe relación entre el color y el factor? ¿Cómo entender el tiempo aparte de una cualidad cíclica, o cómo visualizar un ciclo sin una geometría circular? ¿Es el circulo una geometría que ofrece simetría y estabilidad lo que posibilita una matriz de lectura? ¿Se puede re-pensar un dato, transformándolo a rangos en vez de datos concretos?

Orden de intensidad

Se exploran cualidades de opacidad y desprendimientos de la geometría cíclica, priorizando la economía del espacio y el color frente al formato de pantalla. La visualización busca descubrir qué intervalos de intensidad son mas recurrentes en el día, buscando una media frente a cada variable, entre más se repite cierto valor -o rango de valores- mayor será la luminosidad de la casilla.

100%

Visualización interactiva

Con lo revisado anteriormente en el fin de coincidir economía del espacio y visualización, se busca el estado de la comparación para ver diferencias entre masas de intensidad a partir de comparativas en un montaje visual desde una gráfica simple desde el código.

Propuesta final

Descartando y probando nexos entre las cualidades pensadas se retoma la estructura inicial para la geometría pero descartando las curvas para ordenar la direccionalidad de la lectura, evitando puntos de confusión en elementos que colisionan. Se retoma la grilla como un patrón que guía la mirada, con la ventaja del espaciado recto se le otorga la misma altura a cada casilla, de manera que se lee la intensidad desde el espesor del trazo y la actividad en su longitud. Gracias al proceso de código, fue posible reordenar los aspectos medidos en 4 categorías. La estructura es acompañada de un segundo espacio, ahora exterior, para dialogar respecto a cualidades que no quedaban bien visualizadas desde la barra o padecían una reducción muy violenta para su representación.

  • Salud
  • Actividades
  • Social
  • Psiquis

Esta forma de pensar ayuda a organizar los datos y pensar en la jerarquía de las comparaciones desde un ecosistema donde una variable en su variación afecta directamente al resto de variantes. Estas conclusiones son resultantes del proceso de visualización.


VisualizaciónOrganizacion TDiX ajpc2021.png

"En el interior reside la salud como variable nuclear" / "La salud permite realizar actividades" / "Las actividades desarrollan un contexto social" / "Todos estos rasgos conforman la psiquis en pandemia" / -Diálogo con- / "Variables externas"

¿Desde dónde me posiciono?

La mirada omnisciente se posiciona en medio de un ciclo de seis días representado en un hexágono, cada dirección despliega una serie de actividades realizadas paralelamente. Bajo esta forma, es posible ver cada actividad en su continuidad en sí misma, como en comparación con los espesores superiores e inferiores. El espacio utilizado es visualizado por niveles, detectando distintas variables para el nivel superior o inferior. De ésta manera se retoma la idea inicial de querer ver espacios favorables para el habitar.


RenderArtboard 1 copyrenders2.png

Color y Tipografía

Para cada color se realizó una síntesis de la paleta de colores, la cual generada con recursos digitales se obtuvieron colores suficientemente distintos en percepción. El color es el elemento fundamental de la visualización por lo que se apróximo su asociación a las variables. Aspectos de la saludad tienden al rojizo, al rosa y al verde; los elementos mentales contienen colores como el violeta y tonos azulados; las actividades asociadas a la temperatura y el amarillo; y las relaciones sociales contienen colores orgánicos verdosos y rosado. Para el fondo se buscó atenuar el contraste para la lectura aproximando el negro con un azul marino. Así también el texto presentado estará próximo a un gris.


RenderArtboard 1renders2s.png

Para la tipografía se utiliza Open Sans para el cuerpo de texto descriptivo/narrativo, mientras que para el texto inserto en La visualización se utiliza Futura en sus variantes light y condensed. Con distintas opacidades para facilitar la lectura en un espacio con muchos elementos consecutivos.

RenderArtboard 1typo de apoyo.png

Formas de apoyo

Para mostrar aspectos cualitativos y evitar una reducción en su resolución, se introducen formas que representan variables consideradas en la medición

RenderArtboard 1formas de apoyo.png
  • El ruido ambiental se expresa en un púrpura a bajo contraste, y se expresa tanto en sus longitudes de onda como en la cantidad de éstas (variación/potencia) en niveles de 0-4, clasificándolas en 0 = no hay registro / 1 = <39 / 2 = 40-50 / 3 = 51-78 / 4 = 74<
  • Para la luminosidad del espacio, que estaba expresada desde un fotómetro digital, se pensó la escala en los factores del fotómetro: 3.0, 4.0, 4.5, 5.0, 5.6, 6.0, 7.0, 8.0, 11, 11.5, 14, 25. Como resultados obtenidos a lo largo de la secuencia, de modo que las aristas sólo se construyen desde 3 puntas para formar un poliedro y mantener coherencia, se traduce la escala desde 3 - 14 aristas manteniendo la máxima apertura (>3.0) como la máxima apertura obtenida, por lo tanto la mayor cantidad de aristas (14), así bien el espacio mas oscuro captado (25) es traducido al mínimo de 3 aristas.
  • El nivel fue concedido a sólo dos partes fundamentales, el piso superior y el inferior, considerando el inferior como el espacio en el que se está expuesto a relaciones interpersonales, y el superior como el espacio propio y autónomo. Cada espacio demuestra una potencial variabilidad y condicionantes de los resultados, por lo que se grafican de manera extensiva en el tiempo. Así también los espacios en exterior son marcados por una línea segmentada sin relleno.
  • Para que las coordenadas de nivel no resulten una confusión dado el espaciado requerido en la gráfica, los conectores puntuados y en su gris darán conocimiento si se continúa en el nivel inferior o se escala/baja a un piso inferior.

Ejemplo de visualización

RenderArtboard 1final1.png

Ajustes de color

Se realizan ajustes a la paleta de colores para reagrupar las categorías y disponerlos de manera ordenada en el gráfico.

Paleta de colores ajpc 2021 visualizacion rev 2.png

Visualización final (Sintetizada)

Visualizacion final synt ajpc taller interaccion 2021.png

Visualización final

Visualizacion final leyenda ajpc interaccion modulo 1.png

File:Visualización ajpc taller de interacción pdf 2021.pdf

Video de presentación

  • Tema "Bio Unit - Lighting Bug" obtenido de https://freemusicarchive.org/
  • Animación CG en Blender
  • Animado en Adobe Aftereffects
  • Compilado y editado en Adobe Premier