Virtuaalitapahtuma-alustan esitysalueen modernisointi käyttäjäläheiseksi
Seppänen, Mari (2022)
Seppänen, Mari
2022
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202205057322
https://urn.fi/URN:NBN:fi:amk-202205057322
Tiivistelmä
Insinöörityön tarkoitus oli tehdä ensimmäinen versio virtuaalitapahtuma-alustan esitysalueesta. Tavoitteena oli tutkia, kuinka alueesta saadaan käyttäjäystävällinen. Insinöörityö tehtiin yritys- ja toimiala-analyysejä tarjoavalle finanssialan yritykselle. Tapahtuma-alustalla on toteutettu esimerkiksi yhtiökokouksia, konferensseja, pääomamarkkinapäiviä ja palkintotapahtumia. Vanha esitysalue oli toteutettu AngularJS:llä,ja modernisoitu versio tehtiin ReactJS:llä. Uuden komponentin toteutuksessa käytettiin käyttöliittymän suunnittelun kuutta iteroivaa vaihetta. Alueen suunnittelussa oli mukana tapahtuma-alustan asiantuntijatiimi.
Suunnittelun alkuvaiheessa tutkittiin muita vastaavia palveluita ja sitä, kuinka niissä esitysalue on toteutettu. Vertailu auttoi rajaamaan mallinnusvaiheeseen ominaisuuksiksi sulkeutuvan viestiseinän, kokonäyttötilaan video- ja kalvoikkunan ja viestiseinän ja video- ja kalvoikkunan suhteen vaihteluominaisuuden. Mallinnusvaiheessa toteutettiin rautalankamalli ja yksityiskohtaisempi mallinnus. Suunnitteluvaiheessa pyrittiin keskittymään siihen, miten tuotteesta saadaan helppokäyttöinen eri käyttäjille. Suunnittelussa otettiin myös huomioon, että käyttäjä ei pysty huomioimaan kaikkea informaatiota. Lisäksi tiedostettiin, että tuotteen jo tuntevalla käyttäjällä on selkeä kuva elementin käyttötarkoituksesta, mutta ensimmäistä kertaa käyttävällä näin ei ole. Toteutusvaiheessa käytettiin ReactJS:ää ja Tailwind CSS -ohjelmistokehyksiä.
Lopuksi toteutettiin tiivis arviointikysely tapahtuma-alustan asiantuntijatiimin kanssa, ja siinä todettiin kokonäyttötilaan video- ja kalvoikkunan ja viestiseinän tuomisen parantavan käyttäjäkokemusta. Video- ja kalvoikkunan suhteen vaihteluominaisuuden todettiin olevan arvoa tuova ominaisuus.
Opinnäytetyön tuloksena saatiin valmiiksi esitysalueen ensimmäinen versio, jonka pohjalta pystytään kehittämään aluetta vielä pidemmälle.
Suunnittelun alkuvaiheessa tutkittiin muita vastaavia palveluita ja sitä, kuinka niissä esitysalue on toteutettu. Vertailu auttoi rajaamaan mallinnusvaiheeseen ominaisuuksiksi sulkeutuvan viestiseinän, kokonäyttötilaan video- ja kalvoikkunan ja viestiseinän ja video- ja kalvoikkunan suhteen vaihteluominaisuuden. Mallinnusvaiheessa toteutettiin rautalankamalli ja yksityiskohtaisempi mallinnus. Suunnitteluvaiheessa pyrittiin keskittymään siihen, miten tuotteesta saadaan helppokäyttöinen eri käyttäjille. Suunnittelussa otettiin myös huomioon, että käyttäjä ei pysty huomioimaan kaikkea informaatiota. Lisäksi tiedostettiin, että tuotteen jo tuntevalla käyttäjällä on selkeä kuva elementin käyttötarkoituksesta, mutta ensimmäistä kertaa käyttävällä näin ei ole. Toteutusvaiheessa käytettiin ReactJS:ää ja Tailwind CSS -ohjelmistokehyksiä.
Lopuksi toteutettiin tiivis arviointikysely tapahtuma-alustan asiantuntijatiimin kanssa, ja siinä todettiin kokonäyttötilaan video- ja kalvoikkunan ja viestiseinän tuomisen parantavan käyttäjäkokemusta. Video- ja kalvoikkunan suhteen vaihteluominaisuuden todettiin olevan arvoa tuova ominaisuus.
Opinnäytetyön tuloksena saatiin valmiiksi esitysalueen ensimmäinen versio, jonka pohjalta pystytään kehittämään aluetta vielä pidemmälle.