Animoinnin merkitys web-kehityksessä
Makkonen, Sini (2015)
Makkonen, Sini
Mikkelin ammattikorkeakoulu
2015
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2015121320468
https://urn.fi/URN:NBN:fi:amk-2015121320468
Tiivistelmä
Animoinnin merkitystä web-kehityksessä ei yleisesti ottaen huomioida riittävästi. Ilman animointia websivut ovat kuolleet ja elottomat. Animointi on se tekijä, joka herättää sivut eloon ja käyttäjä kokee sivujen olevan vuorovaikutuksessa itsensä kanssa.
Opinnäytetyöni tarkoitus on tutkia, mitkä ovat nykyaikaisimmat animointitekniikat web-kehityksessä tällä hetkellä ja mikä on niiden merkitys web-sivuilla. Työni valottaa animaatioiden hyödyntämisessä huomioitavia seikkoja, joita ei muutoin tule välttämättä edes ajatelleeksi. Käsittelen animaatioita visuaalisuuden ja käytettävyyden kannalta sekä perehdyn animaatioiden suunnitteluun.
Työtäni varten tein asiantuntijahaastatteluita ja kyselyn. Asiantuntijoiden näkemyksistä sain reaaliaikaista tietoa animointien käytöstä web-kehityksessä. Keskityn työssäni käsittelemään kyselyssä ja haastatteluissa esiin nousseita tekniikoita ja käsittelen 2D-animointia ohjelmointikielien kannalta. Esittelen erilaisia HTML5, CSS3, JavaScript ja SVG-animaatioita, joista olen kasannut käytännönosiossa myös esimerkkisivun, miten animaatioita voidaan hyödyntää käytännössä.
Opinnäytetyöni tarkoitus on tutkia, mitkä ovat nykyaikaisimmat animointitekniikat web-kehityksessä tällä hetkellä ja mikä on niiden merkitys web-sivuilla. Työni valottaa animaatioiden hyödyntämisessä huomioitavia seikkoja, joita ei muutoin tule välttämättä edes ajatelleeksi. Käsittelen animaatioita visuaalisuuden ja käytettävyyden kannalta sekä perehdyn animaatioiden suunnitteluun.
Työtäni varten tein asiantuntijahaastatteluita ja kyselyn. Asiantuntijoiden näkemyksistä sain reaaliaikaista tietoa animointien käytöstä web-kehityksessä. Keskityn työssäni käsittelemään kyselyssä ja haastatteluissa esiin nousseita tekniikoita ja käsittelen 2D-animointia ohjelmointikielien kannalta. Esittelen erilaisia HTML5, CSS3, JavaScript ja SVG-animaatioita, joista olen kasannut käytännönosiossa myös esimerkkisivun, miten animaatioita voidaan hyödyntää käytännössä.