Tilbage til projekter

2024 · Afsluttet

TripTracker

En React Native-MVP til visualisering af rejsedata, bygget til DTU-kurset Personal Data Interaction for Mobile and Wearables.

Project cover for TripTracker.

Overblik

TripTracker blev lavet til DTU-kurset 02808 Personal Data Interaction for Mobile and Wearables. Projektet undersøgte, hvordan rejsende kan indsamle, reflektere over og handle på egne rejsedata gennem et personal informatics-perspektiv.

Forskningsprocessen kombinerede et Observable-dashboard til evaluering af grafer, Figma-prototyper til farvepalette- og layoutstudier samt mobil usability testing med ti deltagere mellem 18 og 25 år. Evalueringerne pegede på enklere rejsedatavisualiseringer, en rejsetematisk farvepalette, intuitiv navigation og en blandet layoutstrategi med både hurtige overbliksskærme og mere detaljerede scrollbare views.

Den endelige MVP blev implementeret med Expo og React Native, med Tamagui til UI, Gifted Charts til visualisering og Realm til lokal data. Den understøtter trip tracking, besøgte lande, rejsekammerater, udgiftsanalyse, overnatningskalendere, transport- og landmark-views, noter, statistik og interaktive visuelle kort til refleksion over tidligere rejser.

Højdepunkter

  • Jeg designede en personal informatics-app til at tracke rejser, besøgte lande, rejsekammerater, udgifter, overnatning, transport, mad og landmarks.
  • Vi gennemførte tre evalueringer og et eksperiment om visualiseringsvalg, farvepaletter, navigation, layouteffektivitet og brugerpræferencer.
  • Vi byggede en React Native-MVP med interaktive kort, trip cards, kategoriopdelte udgiftsgrafer, kalendere, statistik og offline-first lokal datalagring.