Skip to main content

Diseño de interfaces

0 · 0 ·
Table of Contents
Repositorio de encargos del ramo de Diseño y construcción de interfaces. Aunque en todo el curso se tomó una temática que no era de mi agrado (la tercera edad) aprendí mucho en este ramo, sobre todo con ArduinoCloud y su gran potencial. También finalmente tuve clases con la profesora Carolina Pino, conocí al profesor Mauricio Loyola y Seguí aprendiendo de electrónica con el Paul. Simplemente unos cracks, un gran equipo de docentes.

Profesores: Carolina Pino – Paul Aguayo – Mauricio Loyola ——- Ayudante: Gonzalo



Entendiendo la Interfaz #

Entendiendo la Interfaz #

La palabra interfaz, como yo la entiendo, corresponde a un medio en que algo inicial pasa a través de este medio con el fin de conventirse en un resultado esperado; es decir, elementos iniciales son transformados por este medio para lograr un producto final.

En el contexto de un dibujo que realicé de ejercicio de 10 minutos, se puede apreciar cómo los trazos y formas iniciales atraviesan este proceso de transformación a medida que pasan por la interfaz del dibujo, evolucionando hasta alcanzar el resultado final. Esta idea de la interfaz también se puede observar en diferentes programas de software, como AutoCAD, Rhino o SketchFab, donde cada uno tiene su propia interfaz específica, pero el resultado puede ser similar en términos del producto final, aunque el proceso y el flujo de trabajo varíen.

En resumen, la interfaz actúa como un medio para transformar y modificar los elementos iniciales, ya sea en un dibujo o en programas de software, para lograr el resultado deseado.

interfaz
Dibujo sobre lo que entiendo por interfaz

Ahora bien, internalizando más el concepto en la clase universitaria logré comprender que un interfaz es un sistema que conecta lo físico con lo digital/tecnológico, siendo en cierta parte un medio pero que más que transformar algo sirve como unión.

interfaz
Ejemplo de lo que entiendo por interfaz

Como un ejemplo físico de una interfaz tecnológico es el manejo de un dron ya que la unión entre lo que quiere hacer la persona y el movimiento del dron es a través de un control, teniendo este unos cuantos botones de configuración y dos palancas de movimiento en base a los ejes (X e Y en la izquierda y la velocidad de las aspas junto al grado de inclinación del dron). Por lo tanto, el interfaz del control permite el movimiento del dron en base a la dirección y sentido que uno quiere darle. Pudiese ser mejorado, por ejemplo, que en vez de palancas que representen los ejes sea la misma mano que controle al dron, ya que es mucho más intuitivo y representativo el movimiento que hará el dron según sea el movimiento de la mano, por lo que cambiaríamos drásticamente la interfaz del manejo del dron.

Preguntas de la clase:

¿Qué-quiénes conecta esta interfaz?

Conecta a la persona con el dron, permitiendo mover el dron según lo que uno mueva en el control (interfaz).

¿A traves de qué medio se produce la comunicación y la interfaz?

A través del control del dron en base a sus palancas y botones.

¿En qué contextos se puede usar esta interfaz?

En contextos en que quiera volar o mover el dron inalámbricamente.

¿Qué limitaciones tiene esta interfaz?

Poco intuitiva, muchos botones y se requiere de demasiada práctica para comprender el interfaz.

¿Qué cambios en su diseño podrían hacer para mejorar sus limitaciones?

Que sea más intuitiva a la vista, que el control se ajuste a la tridimensionalidad del movimiento del dron y no en la bidiomensionalidad que ofrece.


Interfaz adulto mayor #

Interfaz adulto mayor #

semafoto
Ejercicio en clase: interfaz para adulto mayor

El semáforo como tal no está diseñado netamente para la tercera edad ya que es algo para todo peatón en la zona vial, siendo el contexto no apto y generador de problemáticas en el adulto mayor.

Al tener el usuario de la tercera edad existen nuevas limitaciones en la interfaz del semáforo, como lo son el tiempo no correspondido a la velocidad del usuario mayor, poca visibilidad del semáforo, inseguridad al cruzar, entre otras; siendo la principal característica de lo simbólico del color (rojo para detenerse y verde para avanzar) pase a segundo plano y la movilidad al primero.

Teniendo en cuenta el factor fundamental de la movilidad reducida que posee el usuario, podría tener como accesorio unas barras para apoyarse, color más cerca de la vereda, entre otros.

Como hay que darle un gran énfasis al usuario (adulto mayor), como grupo tomamos la interfaz del semáforo y aportamos la estabilidad como factor fundamental para ayudar en el posible desequilibrio existente, cumpliendo una doble función: la de indicar las luz correspondiente (verde o roja) y dar soporte con las manillas para agarrarse/sostenerse. Por ello, cabe cuestionarse las siguientes preguntas:

¿Son los medios de comunicación e interacción adecuados para un usuario de la tercera edad? Si bien cumplen la función de señalización, podrían optimizarse ciertas caraterísticas físicas para atacar ciertas necesidades propias de este rango etario.

¿Aparecen nuevas limitaciones de uso? ¿Hay características que se pierden al cambiar de usuario? Se incorporan a la mesa dificultades visuales y motrices no contempladas que podrían establecerse como oportunidades de diseño para hacer más accesibles e inlcusivas las vías públicas.

¿Qué cambios en su diseño de podrían hacer para mejorar sus limitaciones y adaptarlo/repensarlo para un usuario de la tercera edad? Podrían tomarse en cuenta los siguientes cambios:

Tamaño y posición espacial estratégica en la vereda, Convertirse en una especie de soporte momentáneo durante el tiempo de espera (para reducir fatiga), y Contemplar el uso de sensores de movimiento, proximidad y aceleración para apresurar los cambios de luces tomando en cuenta la velocidad de cruce de cada usuario.

semafoto
Prototipo

¿Qué mediríamos con el semáforo?

Ahora bien, luego de realizado el prototipo y mostrado en clases, se nos fue encomendado proyectar en nuestro dispositivo los nuevos alcanzes aprendidos del IoT, para lo cual, a continuación, dejamos una lista de las características que podrían acrecentar las cualidades de un semáforo pensando en la tercera edad:

Sensor de proximidad de peatones (para preferencia de paso sin tocar botones)

Sensor de aceleración de peatones a la calzada para poder discriminar entre rango etario de estos mismos (y así extender los tiempos de paso para adultos mayores, tomando en cuenta la extrapolación con cámaras con IA que puedan rastrear con mayor presición ciertos rasgos o característica que involucren una movilidad reducida)

Conexión de semáforos con automóviles a fin de alertar a los conductores sobre el movimiento y cruce de peatones en la vía

Asimismo, podría recolectar información diaria acerca de cuantas personas trasitan cada calle, en que horarios, a que velocidad pasan de un lado a otro, cuales son los tiempos de espera promedio, que edades tienen los peatones, cantidad de accidentes registrados, e incluso, recolectar patrones de comportamiento de personas al aproximarse al semáforo.


Nube arduino #

IOT Cloud #

Utilizando el software de Arduino Clod, el cual permite conectar la electrónica física con la nube a través del WIFI, probaremos manipular variables (LED y potenciómetro) tanto en la pantalla como en el terreno físico. Es un ejercicio experimental para familiarizarse con el programa, por lo que en un futuro se realizarán más cosas interesantes.

    
      
void setup() {
  // Initialize serial and wait for port to open:
  Serial.begin(9600);
  // This delay gives the chance to wait for a Serial Monitor without blocking if none is found
  delay(1500); 

  // Defined in thingProperties.h
  initProperties();

  // Connect to Arduino IoT Cloud
  ArduinoCloud.begin(ArduinoIoTPreferredConnection);

  setDebugMessageLevel(2);
  ArduinoCloud.printDebugInfo();
  
  pinMode(4,OUTPUT);
}

void loop() {
  ArduinoCloud.update();
  // Your code here 
  pot = analogRead(A0);
  
  
}

/*
  Since Led is READ_WRITE variable, onLedChange() is
  executed every time a new value is received from IoT Cloud.
*/
void onLedChange()  {
  // Add your code here to act upon Led change
  if(led){
    digitalWrite(4,HIGH);
    
  }
  
  else{
    digitalWrite(4,LOW);
  }
}


    
  

Ya entendiendo mejor el interfaz de Arduino Cloud, se consiguó hacer lo mismo pero con un sensor (fotorresistencia), en donde grafica y escribe la cantidad de luz que le llega al sensor.

    
      

void setup() {
  Serial.begin(9600);
  delay(1500); 
  initProperties();
  ArduinoCloud.begin(ArduinoIoTPreferredConnection);

  setDebugMessageLevel(2);
  ArduinoCloud.printDebugInfo();
  
  pinMode(4,OUTPUT);
}

void loop() {
  ArduinoCloud.update();
  luz = analogRead(A0);
  
}

void onLedChange()  {
  if(led){
    digitalWrite(4,HIGH);
    
  }
  
  else{
    digitalWrite(4,LOW);
  }
}


    
  

Conexión online de dos placaz #

Conexión online de dos placas #

Ahora se ve el funcionamiento de dos placas a distancia en donde interactúan a través de la nube y wifi. Cuando la persona A (Ale) hace que le llegue luz a la fotorresistencia se enciende el led de la persona B (Trini), siendo evidenciado y grabado por una persona C (Dani).


Trabajo en clases #

Nostalgia #

Como trabajo en clases tuvimos que preguntarle a un compañero si tuvo un juguete en la infancia que se le había perdido y, poniéndola máxima atención, recrearlo con los materiales existentes en la sala. Fui con mi pana Nico, en donde le dije que se me había perdido un peluche y a él una chala que había hecho su papá; por lo que cada uno intentó recrear el objeto perdido del otro.

Descripción Nico: A mi me encantan las zapatillas, y la primera que hice fue con mi papá cuando era chico. Era una especie de chala de las que tienen como una cinta que pasa por encima de tu pie y te deja los dedos libres. Era negra y en la cinta decía NicoShoe´s. Mi pie era pequeño en ese entonces, y la hice para que me quedara bien.

Descripción Ale: Tenía un peluche que era un hamster similiar a la serie animada de Hamtaro, de color blanco con un café claro. La forma era ovalada como un huevo duro y del porte de un rollo de papel confort. Lamentablemente ahora está en los cielos porque un día se me perdió y no supe nunca nada más de Pichupí (ese era su nombre).


Tercera edad — medición #

Medición posible problemática #

Rosa
Rosita.

  • Se le olvida comer
  • No escucha el citófono de su departamento
  • A veces se le queda la puerta abierta que da al pasillo.

Por lo que se decidió dar un énfasis al primer tema escrito: el olvido de comer. Por ende se midió cuantas veces abría el refrigerador en un intervalo de tiempo de dos días, creando un circuito en base a una fotorresistencia y el software de Arduino Cloud ya que el refrigerador enciende una luz interior cuando se abre y se apaga cuando se cierra la puerta. El tema es que aquí no se pueden guardar datos por tanto tiempo, asique se usó un software adicional llamado IFTTT, el cual conecta los datos recolectados en la nube con un Google Sheets (el cual guarad los datos recibidos).

En primera instancia se corroboró el funcionamiento del circuito de manera online a través del WIFI.

Luego se colocó en el refrigerador y se comprobó que funcionara. Para ello se cambió con una función map los datos que daba el sensor para que entregara valores entre 0 a 100 (aludiendo al porcentaje de luz entrante). Asique cuando se abriera el refrigerador marcaría un valor de 100, mientras que cuando se cerrara daría 0.

Por lo tanto, en un intervalo de dos día se colocó el sensor, entregando los siguientes resultados.

Pudiendo ver los resultados, notamos que en entre las 13:00 y las 15:00 hrs fueron las horas en que más se abrió el refrigerador, teniendo sentido ya que es a la hora de almuerzo. El gran problema aquí es que el sensor dejó de funcionar bien todos los días a partir de las 17:00 hrs. En base a estos datos, durante los dos días de medición el refrigerador se abrió un total de 48 veces

Cabe recalcar que el sensor fue utilizado en mi casa y no en la de la Señora Rosa ya que presentaba muchas fallas de conexión que, como estaba en mi casa, era más fácil de averiguar y solucionar los errores de conexión que han caracterizado los ejercicios de Arduino Cloud.


MidTerm #

MidTerm #


Alarma alimentación 3a edad #

Alarma alimentación #

Alimentación medida

There are no articles to list here yet.