YANDiseño de app móvil
TerasApp. Un sensor de granja, legible desde un celular
Una app móvil para los sensores IoT de temperatura TERAS en granjas: emparejar dispositivos, leer la última temperatura, seguir los registros del sensor y exportar reportes. Todas las lecturas son datos de ejemplo.
- Mi papel
- Flujos de producto y diseño de interfaz
- Estado del proyecto
- Diseño de interfaz · archivo de Figma
Pantallas del diseño original en Figma y Dribbble, con datos de ejemplo.
Mi contribución
TerasApp es la app complementaria, en portugués, de los sensores de temperatura TERAS. Cada sensor recibe un nombre, como el de ejemplo “Caldeira da fazenda 1”, y la app gira en torno a tres verificaciones: la última lectura, el estado del sensor y cómo se comportó la temperatura en los últimos siete días.
El archivo de Figma conserva toda la cadena, desde wireframes de baja fidelidad (onboarding, acceso, inicio, emparejamiento, dispositivo) hasta un prototipo de 31 frames móviles y los componentes que hay detrás. Aquí me concentro en las pantallas que sostienen esas tres verificaciones.
La lectura va primero
La página del dispositivo abre con una tarjeta oscura que contiene el nombre del sensor, la hora de la última actualización y la temperatura, el único bloque de la página con un contraste fuerte. Debajo vienen el intervalo de registro y los registros guardados en la memoria y en la app, y luego la señal y la batería. Leída de arriba abajo, la pantalla va del número al estado del sensor que está detrás.
Siete días de temperatura en un gráfico
Relatórios muestra el rango de temperatura de los últimos siete días en barras rojas, frente a líneas fijas en 50 y 100 °C. Al seleccionar una barra se abre un tooltip oscuro con el mínimo, el máximo y el promedio de ese punto, de modo que el gráfico se mantiene limpio hasta que alguien pide el detalle. Se pueden agregar y quitar gráficos, y un reporte se puede exportar y guardar, con las exportaciones anteriores guardadas en un historial.
Encontrar y cuidar un sensor
La pantalla de inicio lista los dispositivos conectados como tarjetas con estado, temperatura y señal, y un sensor sin señal pasa a gris. Procurar dispositivos lleva a una lista de emparejamiento que marca la señal de cada sensor como Forte, Médio o Fraco. Los ajustes reúnen el almacenamiento, la batería, el nombre del dispositivo y el intervalo de registro, y dejan las dos acciones destructivas, borrar los registros locales y desconectar el sensor, al final de la pantalla con íconos rojos.
