Biittiverkkokaupan käyttöliittymän suunnittelu
Koskela, Joonas (2025)
Koskela, Joonas
2025
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-2025121837977
https://urn.fi/URN:NBN:fi:amk-2025121837977
Tiivistelmä
Tämän opinnäytetyön tarkoituksena oli suunnitella biittiverkkokaupan käyttöliittymä painottaen käyttäjäkokemusta. Käyttöliittymä suunniteltiin henkilökohtaiseen käyttöön mahdollista jatkokehitystä varten.
Työssä kuvattiin digitaalisen asiakaskokemuksen merkitystä nykyaikaisessa
verkkokaupassa sekä erityisesti sitä, miten käyttöliittymä, visuaalinen ilme ja ostoprosessin sujuvuus vaikuttivat luottamukseen ja myyntiin, kun tuotteena oli musiikkituote eli biitti lisensseineen. Kohteena oli kuvitteellinen Beats and Bars -
verkkokauppa, jonka käyttöliittymä pyrittiin suunnittelemaan vastaamaan hiphopartistien tarpeita sekä alan tyypillisiä käytäntöjä.
Suunnittelussa hyödynnettiin käyttäjäkokemuksen periaatteita sekä Nielsenin
käytettävyysheuristiikkoja. Empiirisessä osassa verrattiin kahta kansainvälisesti
menestyneitä beat- myyntialustoja, jossa tarkasteltiin niiden visuaalisia ratkaisuja, käyttäjäpolkuja ja ostoprosesseja.
Käytännön suunnittelutyö toteutettiin Figma-työkalulla rautalankamallien avustamana. Työn tuloksena syntyi käyttöliittymämalli, joka sisälsi keskeiset käyttöliittymäkomponentit sekä etusivun, tietoa sivun, kappalesivun, palvelusivun ja yhteydenottosivun. Erityistä huomiota kiinnitettiin biittien selaamiseen ja esikuuntelun
selkeyteen. Valmis kokonaisuus tarjoaa valmiin rakenteen ja visuaaliset linjaukset, joita voidaan hyödyntää julkaisukelpoisen version rakentamisessa.
Työssä kuvattiin digitaalisen asiakaskokemuksen merkitystä nykyaikaisessa
verkkokaupassa sekä erityisesti sitä, miten käyttöliittymä, visuaalinen ilme ja ostoprosessin sujuvuus vaikuttivat luottamukseen ja myyntiin, kun tuotteena oli musiikkituote eli biitti lisensseineen. Kohteena oli kuvitteellinen Beats and Bars -
verkkokauppa, jonka käyttöliittymä pyrittiin suunnittelemaan vastaamaan hiphopartistien tarpeita sekä alan tyypillisiä käytäntöjä.
Suunnittelussa hyödynnettiin käyttäjäkokemuksen periaatteita sekä Nielsenin
käytettävyysheuristiikkoja. Empiirisessä osassa verrattiin kahta kansainvälisesti
menestyneitä beat- myyntialustoja, jossa tarkasteltiin niiden visuaalisia ratkaisuja, käyttäjäpolkuja ja ostoprosesseja.
Käytännön suunnittelutyö toteutettiin Figma-työkalulla rautalankamallien avustamana. Työn tuloksena syntyi käyttöliittymämalli, joka sisälsi keskeiset käyttöliittymäkomponentit sekä etusivun, tietoa sivun, kappalesivun, palvelusivun ja yhteydenottosivun. Erityistä huomiota kiinnitettiin biittien selaamiseen ja esikuuntelun
selkeyteen. Valmis kokonaisuus tarjoaa valmiin rakenteen ja visuaaliset linjaukset, joita voidaan hyödyntää julkaisukelpoisen version rakentamisessa.
