Käyttäjälähtöisen suunnittelun menetelmät web-sovellukseen
Koli, Henna (2024)
2024
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-2024051311284
https://urn.fi/URN:NBN:fi:amk-2024051311284
Tiivistelmä
Insinöörityössä oli tarkoituksena soveltaa käyttäjälähtöistä suunnittelua ja sen menetelmiä prototyypin kehittämiseksi oman talouden seuranta -web-sovellukselle. Web-sovelluksen prototyyppi BudgetBuddy toteutettiin tätä insinöörityötä varten.
Insinöörityössä tavoitteena oli syventyä käyttäjälähtöiseen suunnitteluun käyttökokemuksen- ja käyttöliittymäsuunnittelun näkökulmista. Lisäksi tutkittiin web-sovelluksien käytettävyyttä ja responsiivisuutta osana käyttäjälähtöistä suunnittelua. Työssä perehdyttiin myös web-sovelluksen peruskäsitteeseen ja käyttäjälähtöisen suunnittelun menetelmiin.
Prototyypin suunnitteluvaiheessa toteutettiin käyttäjäkartoitus sekä käyttäjäkysely mahdollisille web-sovelluksen käyttäjille. Prototyypille suunniteltiin käyttöliittymäkaavio ja rautalankamalli, joiden pohjalta valmis prototyyppi toteutettiin. Web-sovelluksen saavutettavuuteen visuaalisesta näkökulmasta käytettiin WCAG-ohjeistuksia, joka varmistaa värien ja tekstin kontrastisuhteet saavutettaviksi.
Insinöörityön lopputuloksena syntyi valmis interaktiivinen web-sovelluksen prototyyppi, jota testattiin käyttäjillä, jotta saadaan palautetta jatkokehitystä varten.
Insinöörityössä tavoitteena oli syventyä käyttäjälähtöiseen suunnitteluun käyttökokemuksen- ja käyttöliittymäsuunnittelun näkökulmista. Lisäksi tutkittiin web-sovelluksien käytettävyyttä ja responsiivisuutta osana käyttäjälähtöistä suunnittelua. Työssä perehdyttiin myös web-sovelluksen peruskäsitteeseen ja käyttäjälähtöisen suunnittelun menetelmiin.
Prototyypin suunnitteluvaiheessa toteutettiin käyttäjäkartoitus sekä käyttäjäkysely mahdollisille web-sovelluksen käyttäjille. Prototyypille suunniteltiin käyttöliittymäkaavio ja rautalankamalli, joiden pohjalta valmis prototyyppi toteutettiin. Web-sovelluksen saavutettavuuteen visuaalisesta näkökulmasta käytettiin WCAG-ohjeistuksia, joka varmistaa värien ja tekstin kontrastisuhteet saavutettaviksi.
Insinöörityön lopputuloksena syntyi valmis interaktiivinen web-sovelluksen prototyyppi, jota testattiin käyttäjillä, jotta saadaan palautetta jatkokehitystä varten.