UX redesign Trenara

Trenara blog

Trenara blog

De ‘total makeover’ van Trenara

De ‘total makeover’ van Trenara

In deze blog kijken we naar de nieuwe versie van Trenara en hoe deze dankzij jullie feedback vorm kreeg gedurende het afgelopen anderhalve jaar.

In deze blog kijken we naar de nieuwe versie van Trenara en hoe deze dankzij jullie feedback vorm kreeg gedurende het afgelopen anderhalve jaar.

Christophe Roosen

Christophe Roosen is de co-founder en coach van Trenara. Loopt een marathon in 2:31:34.

Trenara’s evolutie

De app zoals je ze nu kent is ontworpen in 2018 en ging live in 2019. Da’s een heel eind geleden in een digitale wereld. Trenara in 2018 was by far ook niet de app die het nu is. Hoe meer we groeiden, hoe meer we lieten ontwikkelen. En zo begon de app wat te lijken op een typische Vlaamse koterij: een huis met ‘geheime’ deuren naar niet zo uniforme bijgebouwtjes.

Technologische vooruitgang

Ook de technologie maakte op al die jaren heel wat sprongen. Simpel uitgelegd: we hebben nu eigenlijk twee apps, eentje voor iOS en eentje voor Android. Die worden beiden apart ontwikkeld. Ondertussen zijn er frameworks (duur woord voor ontwikkelcode) die toelaten om één hybride app te ontwikkelen voor zowel iOS als Android. Economisch gezien is dat op termijn de betere keuze.

Probleem: dat huis met koterijen (front-end) moet je dan vollédig afbreken tot op de fundamenten (back-end). En ook de fundamenten moet je nog op sommige plaatsen aanpassen. Dat is wat we de afgelopen maanden gedaan hebben. Het hele proces startte zelfs al in januari ’23.

Hoe het gebruiksgemak (UX) verbeterd kon worden

Doorheen de jaren kregen we véél feedback van onze gebruikers – hét grote voordeel van de community. We werden gewezen op foutjes, handigheden en het gebrek aan logica bij sommige acties in de app. Die gebruikerservaring (UX) in kaart brengen was cruciaal om na te kunnen denken over een nieuw design binnen een mogelijk nieuw framework.

Grootste punt van kritiek: de doelflow. Voor een relatief kleine aanpassing moest je de hele flow doorlopen. Voor jullie was dat gewoon te veel werk. Dat wij alles moeten herberekenen, daar moeten we jullie niet mee lastigvallen. Ook het gebrek aan een écht menu en een informatief dashboard, kwam vaak aan bod.

Al die verhalen werden in kaart gebracht in ‘user story maps’. Kortom: wanneer ik op deze pagina ben, wil ik deze actie kunnen uitvoeren op die manier. Pertinent voorbeeld: een manuele activiteit loggen kan momenteel niet via de trainingskalender. Nochtans by far de meest logische plaats, daar waar je ziet welke training gepland staat en welke afgerond is.

Sommige acties wil je ook véél sneller kunnen uitvoeren, zoals je eerstvolgende training verplaatsen. Dat kan straks gewoon via het dashboard, je moet niet meer via de kalender gaan.

Van user story map naar designs

Als je weet wat je waar wil hebben staan en hoe het proces moet verlopen, dan ben je al ver. Maar je bent ook ver van klaar. Over de designs hebben we meer dan eens ons hoofd gebroken. Soms voel je dat iets nog niet goed zit, maar kan je het probleem niet pinpointen.

Er werd dus getekend en hertekend. Eigenlijk ben je constant op zoek naar schermpjes die voldoende info geven zonder dat ze té druk worden en die, als het even kan, ook nog eens mooi zijn. In de huidige app staken we veel weg achter tabs, als gebruiker moest je dus veel tappen. Hoe verder info staat, hoe moeilijker die gevonden wordt – dat zien we dagelijks in de helpdesk. Het herordenen van de schermpjes is dus ook voor ons als medewerkers cruciaal, omdat ze uiteindelijk ook onze taak verlichten.

De nieuwe designs lossen véél van die UX-issues op. Hoewel er weinig nieuwe ontwikkelingen zijn, gaat het wél zo aanvoelen.

Dankzij het nieuwe ‘bottom menu’ gaan we ook meer logica in de app kunnen brengen. Van de belangrijkste schermen maken we nu menu items:

  • Het dashboard: een snel overzicht van (commentaar op) de laatste training, vooruitblik op de volgende en je progressie richting je doel. Maar er is ook plaats voor nieuws, Troops en challenges.

  • De kalender: makkelijker dan ooit, met voor wie abonnee is een duidelijkere visuele weergave van de trainingen.

  • Jouw doel: een makkelijk overzicht van jouw hoofd- en subdoelen, onze prognose en je stats. Van hieruit kan je nu sneller aanpassingen doorvoeren en komen we dus tegemoet aan de nr. 1 frustratie van onze community. Om ook hier een voorbeeld te geven: momenteel kende je trainingsdagen toe aan prioriteiten (die wijzigen naar gelang de trainingsfase), we maken nu de switch van prioriteiten naar trainingstypes (herstel, interval, LSD, duurloop, …).

  • Trainers: met mezelf als hardlooptrainer, Maarten als krachttrainer en binnenkort ook een food coach wordt dit dé plek waar de feedback zal getoond worden én waar je vragen kan stellen via FAQ of helpdesk.

  • Profiel: omdat we nu en later nog meer gaan werken op jouw parameters, komt de profielpagina ook meer naar voren.

De andere functies zitten achter een typische ‘hamburger’ menu (ja, zo noemen ze een menu met 3 streepjes).

Conclusie

Dit alles is een proces van maanden en maanden, dat nu omgezet wordt in een nieuwe app. Die nieuwe app kunnen we hopelijk lanceren in september.

Ook voor ons is dit heel spannend. Het is een ‘total makeover’ die we ook maar kunnen uitvoeren omdat we als bedrijf een toekomst kregen van jullie. Een hele investering, dat is het natuurlijk ook. Eentje waar we van hopen dat jullie ze kunnen appreciëren.

Bekijk ook

Bekijk ook

Bekijk ook

Bekijk ook