Opiskelijasovelluksen mobiilikäyttöliittymäprototyypin suunnittelu ja toteutus

Abstract

Produktityyppisen opinnäytetyöni päätavoite on suunnitella ja toteuttaa visuaalisesti yhtenäinen mobiili-käyttöliittymäprototyyppi opiskelijasovellukselle, joka kokoaa yhteen ammattikorkeakouluopiskelijan keskeiset digitaaliset työkalut. Aihe on ajankohtainen ja tarpeellinen, koska nykyään monet päivittäiset asiat ja tehtävät hoidetaan mobiililaitteiden ja sovelluksien avulla. Tämä näkyy myös ammattikorkeakoulun opiskelijan opinnoissa, joissa on käytössä erilaisia digitaalisia työkaluja ja järjestelmiä.

Työn alatavoitteina ovat käyttöliittymäsuunnittelun ja prototypoinnin periaatteiden tarkastelu, suunnitella opiskelijasovelluksen mobiilikäyttöliittymäprototyypin rakenne prototypoinnin menetelmien avulla sekä kuvata prototyypin toteutus käyttöliittymien suunnittelu- ja prototypointityökalu Figmalla. Toteutin tämän opinnäytetyön ilman erillistä toimeksiantoa, pohjautuen omiin kokemuksiin ja tarpeisiin opiskelijana. Kohdistun käyttöliittymän visuaaliseen produktin luomiseen ja rajasin opinnäytteestäni pois taloudelliset näkökulmat sekä käyttäjätestauksen.

Käyttöliittymä tarkoittaa ohjelmiston visuaalisen osa-alueen, jonka elementtien kanssa käyttäjä on vuorovaikutuksessa pystyäkseen käyttämään ohjelmistoa. Prototypointi on menetelmä, jossa luodaan yksinkertaiset sekä prosessin myötä edistyneet prototyypit, joiden avulla testataan palvelun tai tuotteen idean toimivuutta. Tarkoituksena on testauksien ja parannuksien avulla päästää lopputulokseen, jossa prototyyppi vastaa odotuksia ja on valmis siirrettäväksi tuotantoon.

Itse produktin toteutus tapahtui 12-17.10.2025 aikavälillä. Aloitin työn piirtämällä paperille ensimmäisen luonnoksen mobiilikäyttöliittymäprototyypin sisällöstä, joka on toiminut ensimmäisenä testattavana prototyyppinä. Tarkoituksena oli visualisoida ideaa ja samalla testata, miltä se voisi näyttää. Piirsin kolme päänäkymää kuten etusivu, valikko ja opinnot-sivu. Tämän jälkeen aloitin työn Figmassa luomalla piirretyn prototyypin digitaalisesti, jonka aikana prototyypin varhainen muoto on saanut muutoksia, sillä eräät paperiluonnoksen ratkaisut eivät vastanneet odotuksia digitaalisessa ympäristössä.

Tuloksena syntyi “MyCampus”-niminen opiskelijasovelluksen mobiilikäyttöliittymäprototyyppi, joka yhdistää keskeiset ammattikorkeakoulun opiskelijan työkalut, joiden avulla voi seurata esimerkiksi opintoja, suorittaa kurssien tehtäviä, ilmoittautua toteutuksille ja seurata opinnäytetyön edistymistä. Prototyypin interaktiivinen kokonaisuus muodostuu yhdeksästä näkymästä, joiden välillä voi siirtyä painikkeiden avulla. Mobiilikäyttöliittymäprototyyppiä on mahdollista kehittää eteenpäin suorittamalla käyttäjätestaukset ammattikorkeakouluopiskelijoiden kanssa. Sitä seuraa prototyypin viimeistely ja mahdollisesti sen siirtäminen tuotantoon, jossa ohjelmoinnin ammattilaisten rakentavat ohjelmointikoodin. Sen jälkeen opiskelijasovelluksen on mahdollista julkaista sen kohderyhmälle.