Käyttökokemus ja web-suunnittelu : case Zeeland Turku Oy:n esittelysivu
Lahti, Otso (2012)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2012121119012
https://urn.fi/URN:NBN:fi:amk-2012121119012
Tiivistelmä
Opinnäytetyössä pyritään selvittämään, mitä käyttökokemus tarkoittaa ja löytämään web-suunnittelulle ominaisia käyttökokemusratkaisuja sekä käydään läpi havainnollisten esimerkkien avulla, mistä käyttökokemus koostuu. Yksi web-suunnittelun ajattelua muuttava kehitysaskel tulevaisuudessa ja osittain jo vuonna 2012 on selauslaitteiden osuuksien jakautuminen tasaisemmin tietokoneiden, mobiili- ja viihdelaitteiden kesken. Sen lisäksi opinnäytetyö käsittelee suunnittelua ammattina ja millaista se käytännössä on.
Tutkimuksen rinnalla suunniteltiin uutta esittelysivua mainostoimisto Zeeland Turku Oy:lle. Zeeland Turku on osa suurempaa Zeeland Oyj -konsernia. Toimeksiantona oli viestiä Turun toimiston henkeä ja tietoa henkilöstöstä. Esittelysivu on yksittäinen pystysuunnassa vieritettävä kokonaisuus, josta puuttuu tarkoituksella alasivut. Suunnitelma sisälsi teknisen puolen lisäksi luovempaa sisällön suunnittelua.
Esittelysivu suunniteltiin toimimaan laitteesta riippumatta ja mahdollisimman hyvin myös puutteellisella modernin web-teknologian tuella. Rakenne on niin sanotusti responsiivinen ja ottaa siten huomioon sekä kapean että leveänkin selainnäkymän. Sivu on toteutettu WordPress-julkaisujärjestelmän päälle. WordPress-teemakehitys perustuu standardiin HTML:n ja CSS:n yhdistelmään, mutta sivupohjatiedostot sisältävät myös PHP-kieltä.
Käyttökokemusta rikastettiin asteittain lisäämällä lopuksi sivua esitysmäisemmäksi muuttavan javascript-kerroksen ja CSS3-animointia. Sivun toimivuus ja pääsy sisältöön eivät kuitenkaan vaadi selaimelta tukea kummallekaan tekniikalle.
Opinnäytetyön tuloksena syntyi teknisesti valmis esittelysivu odottamaan sisällöntuottoa suunnitelman mukaan. Ihannetapauksessa kehitys jatkuu tulevaisuudessakin, kun sisältö ja käyttö nostaa esiin potentiaalisia ongelmia tai parannusideoita. Tutkimus paljasti web-suunnittelun muuttuvan entistä haasteellisemmaksi, kun laiteriippumattomuuden filosofia otetaan käyttöön laajemmin ja syvemmällä web-projekteissa. Responsiivisen suunnittelun toimintamallit ja teknisen toteutuksen standardisointi ei ole vielä valmis, joten siirtymävaihe vaatii paljon lisätutkimusta ja –työtä.
Tutkimuksen rinnalla suunniteltiin uutta esittelysivua mainostoimisto Zeeland Turku Oy:lle. Zeeland Turku on osa suurempaa Zeeland Oyj -konsernia. Toimeksiantona oli viestiä Turun toimiston henkeä ja tietoa henkilöstöstä. Esittelysivu on yksittäinen pystysuunnassa vieritettävä kokonaisuus, josta puuttuu tarkoituksella alasivut. Suunnitelma sisälsi teknisen puolen lisäksi luovempaa sisällön suunnittelua.
Esittelysivu suunniteltiin toimimaan laitteesta riippumatta ja mahdollisimman hyvin myös puutteellisella modernin web-teknologian tuella. Rakenne on niin sanotusti responsiivinen ja ottaa siten huomioon sekä kapean että leveänkin selainnäkymän. Sivu on toteutettu WordPress-julkaisujärjestelmän päälle. WordPress-teemakehitys perustuu standardiin HTML:n ja CSS:n yhdistelmään, mutta sivupohjatiedostot sisältävät myös PHP-kieltä.
Käyttökokemusta rikastettiin asteittain lisäämällä lopuksi sivua esitysmäisemmäksi muuttavan javascript-kerroksen ja CSS3-animointia. Sivun toimivuus ja pääsy sisältöön eivät kuitenkaan vaadi selaimelta tukea kummallekaan tekniikalle.
Opinnäytetyön tuloksena syntyi teknisesti valmis esittelysivu odottamaan sisällöntuottoa suunnitelman mukaan. Ihannetapauksessa kehitys jatkuu tulevaisuudessakin, kun sisältö ja käyttö nostaa esiin potentiaalisia ongelmia tai parannusideoita. Tutkimus paljasti web-suunnittelun muuttuvan entistä haasteellisemmaksi, kun laiteriippumattomuuden filosofia otetaan käyttöön laajemmin ja syvemmällä web-projekteissa. Responsiivisen suunnittelun toimintamallit ja teknisen toteutuksen standardisointi ei ole vielä valmis, joten siirtymävaihe vaatii paljon lisätutkimusta ja –työtä.