2024 · Concluído
TripTracker
Um MVP em React Native para visualização de dados de viagens, desenvolvido para a cadeira Personal Data Interaction for Mobile and Wearables da DTU.
Visão geral
O TripTracker foi criado para a cadeira 02808 Personal Data Interaction for Mobile and Wearables da DTU. O projeto explorou como viajantes podem recolher, refletir e agir sobre os seus próprios dados de viagem através de uma perspetiva de personal informatics.
O processo de investigação combinou um dashboard em Observable para avaliação de gráficos, protótipos em Figma para estudos de paleta e layout, e testes de usabilidade mobile com dez participantes entre os 18 e 25 anos. As avaliações favoreceram visualizações mais simples, uma paleta associada a viagens, navegação intuitiva e uma estratégia de layout mista entre ecrãs de visão geral e ecrãs de detalhe mais scrollable.
O MVP final foi implementado com Expo e React Native, usando Tamagui para UI, Gifted Charts para visualização e Realm para dados locais. Suporta registo de viagens, países visitados, companheiros de viagem, análise de despesas, calendários de alojamento, vistas de transporte e landmarks, notas, estatísticas e cartões visuais interativos para refletir sobre viagens passadas.
Destaques
- Desenhei uma app de personal informatics para acompanhar viagens, países visitados, companheiros de viagem, despesas, alojamentos, transportes, comida e landmarks.
- Conduzimos três avaliações e uma experiência sobre escolhas de visualização, paletas de cores, navegação, eficácia de layouts e preferências dos utilizadores.
- Construímos um MVP em React Native com mapas interativos, cartões de viagem, gráficos de despesas por categoria, calendários, estatísticas e armazenamento local offline-first.