Liikesuunnittelun käyttäminen Framer Motionilla toteutetussa verkkosovelluksessa
Tran, Hoang (2023)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023121135987
https://urn.fi/URN:NBN:fi:amk-2023121135987
Tiivistelmä
Tämän opinnäytetyön tarkoituksena on tutkia liikesuunnittelun vaikutusta käyttökokemukseen (UX) verkkokäyttöliittymissä (UI), erityisesti hyödyntämällä Framer Motion -animaatiokirjastoa liikesuunnittelun toteuttamiseen portfolion verkkosivulla.
Opinnäytetyössä tarkastellaan sitä, mikä on liikesuunnittelun merkitys verkkosivulla ja miten se vaikuttaa käyttökokemukseen. Opinnäytetyössä annetaan myös ohjeita liikesuunnittelun soveltamiseen verkkokehityksessä. Suunnittelun käyttöliittymän työkalu on Figma ja sivusto kehitettiin Reactin ja JavaScript XML:n avulla. Web-sivuston julkaistiin Hostinger-webhotellissa.
Liikesuunnittelu parantaa käyttökokemusta siirtymän, ajoituksen ja erilaisten dynaamisten elementtien avulla. Lisäksi on tärkeää huomioida siirtymäparametrit, kuten kesto, helppous ja liikkeen aika, koska liiallinen liikkeen ja animaatioiden käyttö voi vaikuttaa kielteisesti verkkosivuston suorituskykyyn ja käytettävyyteen, mikä voi johtaa käyttäjän keskittymisen menetykseen.
Opinnäytetyössä tarkastellaan sitä, mikä on liikesuunnittelun merkitys verkkosivulla ja miten se vaikuttaa käyttökokemukseen. Opinnäytetyössä annetaan myös ohjeita liikesuunnittelun soveltamiseen verkkokehityksessä. Suunnittelun käyttöliittymän työkalu on Figma ja sivusto kehitettiin Reactin ja JavaScript XML:n avulla. Web-sivuston julkaistiin Hostinger-webhotellissa.
Liikesuunnittelu parantaa käyttökokemusta siirtymän, ajoituksen ja erilaisten dynaamisten elementtien avulla. Lisäksi on tärkeää huomioida siirtymäparametrit, kuten kesto, helppous ja liikkeen aika, koska liiallinen liikkeen ja animaatioiden käyttö voi vaikuttaa kielteisesti verkkosivuston suorituskykyyn ja käytettävyyteen, mikä voi johtaa käyttäjän keskittymisen menetykseen.