EtusivuIn English

Team Viilee App

FigmaFigma
UX-Design ProcessUX-Design Process

Tausta ja tavoitteet

Projektin tavoitteena oli luoda toiminnallinen prototyyppi harjoitusryhmän hallintaan yhteistyössä yleisurheiluvalmennusryhmä Team Viileen kanssa. Tarve sovellukselle syntyi keskusteluissa valmentajan kanssa: markkinoilla olevat sovellukset koettiin usein liian monimutkaisiksi ja hitaisiksi käyttää arjen valmennustilanteissa. Tavoitteena oli karsia kaikki ylimääräinen ja keskittyä vain olennaiseen – harjoitusohjelmien hallintaan ja harjoituspäiväkirjaan.

Käyttäjäkeskeinen suunnittelu (UX)

  • Yksinkertaisuus edellä: Suunnittelun punaisena lankana toimi helppokäyttöisyys. Sovelluksen ei haluttu vievän liikaa aikaa ennen harjoitusta tai sen jälkeen.
  • Yhteistyö ja iterointi: Projektin aikana pidettiin säännöllisiä katselmuksia yhteistyökumppanin kanssa. Näin varmistettiin, että vaatimusmäärittelyt oli ymmärretty oikein ja käyttöliittymä vastasi valmentajan ja urheilijoiden todellisia tarpeita.
  • Visuaalinen kieli: Suunnittelussa noudatettiin Material Design -suosituksia, mikä takaa tutun ja johdonmukaisen käyttökokemuksen.

Keskeiset ominaisuudet

  • Roolipohjainen näkymä: Sovellus tunnistaa kirjautumisen yhteydessä, onko käyttäjä urheilija vai valmentaja, ja ohjaa hänet oikeaan näkymään.
  • Urheilijan näkymä: Keskiössä on selkeä harjoitusohjelma, joka esitetään taulukkomuodossa. Urheilija voi kuitata harjoitukset tehdyiksi ja lisätä omia kommenttejaan valmentajan nähtäväksi.
  • Valmentajan näkymä: Valmentajalla on työkalut uusien ohjelmien luomiseen ja olemassa olevien muokkaamiseen dynaamisesti alasvetovalikoiden ja interaktiivisten taulukoiden avulla.

Opit ja tulokset

Projekti syvensi merkittävästi osaamistani UX-suunnittelusta ja Figman hyödyntämisestä prototyyppauksessa. Oli palkitsevaa nähdä, miten teorian ja aiemman kokemuksen pohjalta pystyttiin luomaan ratkaisu, joka vastasi suoraan loppukäyttäjän tarpeisiin. Yhteistyökumppani oli erittäin tyytyväinen lopputulokseen, ja projekti saavutti asetetut tavoitteet.

Kuvat

Sovelluksen kirjautuminen on tärkeä ominaisuus, jotta voidaan osoittaa käyttäjälle oikea tietokanta sekä ohjata käyttäjä joko urheilija tai valmentaja näkymään.

Sovelluksen kirjautuminen on tärkeä ominaisuus, jotta voidaan osoittaa käyttäjälle oikea tietokanta sekä ohjata käyttäjä joko urheilija tai valmentaja näkymään.

Urheilijan näkymä on hyvin yksinkertainen. Näkymässä pääsee vaihtamaan salasanan (rataskuvake yläkulmassa) sekä tarkastelemaan harjoitusohjelmaa.

Urheilijan näkymä on hyvin yksinkertainen. Näkymässä pääsee vaihtamaan salasanan (rataskuvake yläkulmassa) sekä tarkastelemaan harjoitusohjelmaa.

Valmentajan näkymä on lähes samanlainen kuin urheilijan, mutta valmentaja tarvitsee muutaman ominaisuuden enemmän. Valmentaja voi luoda urheilijalle joko uuden tai muokata olemassa olevaa harjoitusohjelmaa.

Valmentajan näkymä on lähes samanlainen kuin urheilijan, mutta valmentaja tarvitsee muutaman ominaisuuden enemmän. Valmentaja voi luoda urheilijalle joko uuden tai muokata olemassa olevaa harjoitusohjelmaa.

Urheilijan harjoitusohjelma tulostuu taulukkona, jolloin se on hyvin selkeä ja helppo tulkita. Urheilija voi lisätä kuvauksen kullekkin päivälle "Tehty" sarakkeeseen, jolloin valmentajan, kuin myös urheilijan on helppo seurata ohjelmaa.

Urheilijan harjoitusohjelma tulostuu taulukkona, jolloin se on hyvin selkeä ja helppo tulkita. Urheilija voi lisätä kuvauksen kullekkin päivälle "Tehty" sarakkeeseen, jolloin valmentajan, kuin myös urheilijan on helppo seurata ohjelmaa.

Jos harjoituksen kuvaus ei mahdu kokonaisena taulukko näkymään, voi urheilija klikata sitä, jolloin aukeaa uusi ikkuna josta urheilija näkee harjoituksen kuvauksen kokonaisuudessaan. Myös valmentaja voi avata urheilijan kommentit uuteen ikkunaan.

Jos harjoituksen kuvaus ei mahdu kokonaisena taulukko näkymään, voi urheilija klikata sitä, jolloin aukeaa uusi ikkuna josta urheilija näkee harjoituksen kuvauksen kokonaisuudessaan. Myös valmentaja voi avata urheilijan kommentit uuteen ikkunaan.

Valmentaja voi luoda uuden harjoitusohjelman lisäämällä ensin päivämäärät, sen jälkeen klikkaamalla päivämäärää pääsee valmentaja lisäämään harjoituksen kuvauksen taulukkoon.

Valmentaja voi luoda uuden harjoitusohjelman lisäämällä ensin päivämäärät, sen jälkeen klikkaamalla päivämäärää pääsee valmentaja lisäämään harjoituksen kuvauksen taulukkoon.

Harjoituksen lisääminen.

Harjoituksen lisääminen.

Sovelluksen käyttäjäpolku Figmassa.

Sovelluksen käyttäjäpolku Figmassa.