Selainpohjaisen gacha-näkymän suunnittelu ja toteutus
Puumalainen, Ada (2022)
Puumalainen, Ada
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-2022052712672
https://urn.fi/URN:NBN:fi:amk-2022052712672
Tiivistelmä
Gacha-sovellukset ja modernit verkkosivut ovat visuaaliselta ilmeeltään lähes toistensa vastakohdat; gacha-näkymät edustavat maksimalistista tyylisuuntaa, kun taas verkkosivuilla suositaan minimalismia. Työssä tutkittiin suosittujen pelien gacha-näkymiä käyttöliittyminä sekä niiden visuaalisen ilmeen keskeisimpiä elementtejä. Lisäksi tutustuttiin tuoreimpiin web-suunnittelutrendeihin. Tavoitteena oli selvittää, kuinka helposti gacha-näkymille tyypilliset elementit ovat sovellettavissa modernien verkkosivujen muotoon.
Kerätyn tiedon perusteella toteutettiin Reactilla pienimuotoinen esimerkkisovellus, jonka suunnittelussa hyödynnettiin aiemmin kerättyä tietoa gacha-näkymien rakenteesta. Näkymän visuaaliseen ilmeeseen sisällytettiin useita tuoreita web-suunnittelutrendejä.
Tärkeimmät johtopäätökset olivat, että gacha-näkymien peruselementit ovat helposti sovellettavissa verkkosivumuotoon, ja gachalle tyypillisiä animaatioita saa toteutettua helposti CSS-animaatioina. CSS-animaatioita on myös helppoa porrastaa. Eniten vaikeuksia selainpohjaisen gacha-sovelluksen toteuttamisessa aiheutti mobiiliresponsiivisuus. Sovellusta olisi voinut jatkokehittää esimerkiksi lisäämällä animaatioiden tueksi myös ääniä.
Kerätyn tiedon perusteella toteutettiin Reactilla pienimuotoinen esimerkkisovellus, jonka suunnittelussa hyödynnettiin aiemmin kerättyä tietoa gacha-näkymien rakenteesta. Näkymän visuaaliseen ilmeeseen sisällytettiin useita tuoreita web-suunnittelutrendejä.
Tärkeimmät johtopäätökset olivat, että gacha-näkymien peruselementit ovat helposti sovellettavissa verkkosivumuotoon, ja gachalle tyypillisiä animaatioita saa toteutettua helposti CSS-animaatioina. CSS-animaatioita on myös helppoa porrastaa. Eniten vaikeuksia selainpohjaisen gacha-sovelluksen toteuttamisessa aiheutti mobiiliresponsiivisuus. Sovellusta olisi voinut jatkokehittää esimerkiksi lisäämällä animaatioiden tueksi myös ääniä.