YANDesign de app mobile
TerasApp. Um sensor da fazenda, legível pelo celular
Um app mobile para os sensores IoT de temperatura TERAS em fazendas: parear dispositivos, ler a temperatura mais recente, acompanhar os registros do sensor e exportar relatórios. Todas as leituras são dados de exemplo.
- Meu papel
- Fluxos de produto e design de interface
- Status do projeto
- Design de interface · Acervo do Figma
Telas do design original no Figma e no Dribbble, com dados de exemplo.
Minha contribuição
O TerasApp é o app em português que acompanha os sensores de temperatura TERAS. Cada sensor ganha um nome, como a “Caldeira da fazenda 1” do exemplo, e o app gira em torno de três verificações: a leitura mais recente, o estado do sensor e como a temperatura se comportou nos últimos sete dias.
O arquivo do Figma guarda toda a cadeia, dos wireframes de baixa fidelidade (onboarding, acesso, home, pareamento, dispositivo) ao protótipo de 31 frames mobile e aos componentes por trás dele. Aqui me concentro nas telas que sustentam essas três verificações.
A leitura vem primeiro
A página do dispositivo abre com um card escuro que traz o nome do sensor, o horário da última atualização e a temperatura, o único bloco da página com contraste forte. Abaixo vêm o intervalo de registro e os registros guardados na memória e no app, depois o sinal e a bateria. Lida de cima para baixo, a tela vai do número ao estado do sensor por trás dele.
Sete dias de temperatura em um só gráfico
A tela Relatórios mostra a faixa de temperatura dos últimos sete dias em barras vermelhas, com linhas fixas em 50 e 100 °C. Ao selecionar uma barra, um tooltip escuro mostra o mínimo, o máximo e a média daquele ponto, e o gráfico fica limpo até alguém pedir o detalhe. Dá para adicionar e remover gráficos, e exportar e salvar um relatório, com as exportações anteriores guardadas em um histórico.
Encontrar um sensor e cuidar dele
A home lista os dispositivos conectados em cards com status, temperatura e sinal, e um sensor sem sinal fica cinza. Procurar dispositivos leva a uma lista de pareamento que marca o sinal de cada sensor como Forte, Médio ou Fraco. A tela Configurações reúne armazenamento, bateria, nome do dispositivo e intervalo de registro e deixa as duas ações destrutivas, apagar os registros locais e desconectar o sensor, no final, com ícones vermelhos.
