Verkkosivujen käyttökokemuksen parantaminen
Pasanen, Aku (2022)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202205118495
https://urn.fi/URN:NBN:fi:amk-202205118495
Tiivistelmä
Tämän opinnäytetyön tavoitteena oli parantaa asiakkaan kokemaa käyttökokemusta verkkosivuilla. Kehittämistehtävänä oli suunnitella käyttökokemus
verkkosivuilla niin, että se on laadukas, mieleenpainuva, helppokäyttöinen ja
saavutettava. Opinnäytetyö keskittyy pääasiassa käyttökokemussuunnitteluun, käytettävyyteen ja käyttöliittymään. Toimeksiantajan, Sodan ja rauhan
keskus Muistin alkuperäiset verkkosivut oli rakennettu palvelemaan perustamisvaihetta ja aikaa ennen avajaisia. Lähes vuosi avautumisen jälkeen uudistuksia, tarpeita ja uusia liiketoiminnallisia tavoitteita oli tullut lisää, joten uudistamiselle oli tarve. Toimeksiantajan pyynnöstä myös saavutettavuus oli tultava
esiin sivuilla, joten sitä sivutaan lyhyesti.
Kehitystyöprosessin pohjana hyödynnettiin palvelumuotoilun tuplatimantteja.
Tällä taattiin, että prosessi eteni vaihe vaiheelta loogisessa järjestyksessä.
Käyttökokemussuunnittelun työkaluina käytettiin mm. käyttäjäprofiileita. Prosessin loppupuolella suoritettiin käyttäjätestauksia neljän eri käyttäjän avulla.
Testauksien tavoitteena oli kerätä havaintoja oikeilta käyttäjiltä ja tehdä parannuksia käyttökokemukseen ja käytettävyyteen. Saavutettavuutta testattiin automaattisella testaustyökalulla sekä erikokoisilla päätelaitteilla ja käyttöjärjestelmillä.
Opinnäytetyössä päästiin tavoitteeseen ja asiakkaan kokemaa käyttökokemusta saatiin parannettua varsinkin käytettävyyden ja visuaalisuuden avulla.
Olennainen informaatio pystyttiin esittämään kattavammin sekä siitä tehtiin
helpommin löydettävää. Varsinkin käyttäjätestaukset olivat suuressa roolissa
käyttökokemuksen parantamisessa. The main goal of this thesis was to improve the user experience of using a
website. The development task was to design user experience that would be
of high quality, memorable, easy to use and accessible. This thesis focused
mainly on user experience design, usability, and user interface. The original
website of the commissioner company, Muisti Centre of War and Peace, was
built to serve the start-up phase and the time leading up to the launch. Almost
a year after the launch, there were new needs, new requirements, and new
business objectives, and therefore there was a need for a redesign. At the request of the client, accessibility was also required on the website, and it was
briefly dealt with.
As a basis for the development process, the service design double diamond
was used. This ensured that the process proceeded step by step in a logical
sequence. User experience design tools included user profiles. At the end of
the process, user testing was carried out with four different users. The goal of
the tests was to collect observations from real users and to make improvements to the user experience and usability. Accessibility was tested with an
automated testing tool and on different sized screens and devices.
This thesis achieved its goal, and the user experience was improved through
usability and visualization. Essential information was presented in a more
comprehensive and easy-to-find way. User testing played a major role in improving the user experience.
verkkosivuilla niin, että se on laadukas, mieleenpainuva, helppokäyttöinen ja
saavutettava. Opinnäytetyö keskittyy pääasiassa käyttökokemussuunnitteluun, käytettävyyteen ja käyttöliittymään. Toimeksiantajan, Sodan ja rauhan
keskus Muistin alkuperäiset verkkosivut oli rakennettu palvelemaan perustamisvaihetta ja aikaa ennen avajaisia. Lähes vuosi avautumisen jälkeen uudistuksia, tarpeita ja uusia liiketoiminnallisia tavoitteita oli tullut lisää, joten uudistamiselle oli tarve. Toimeksiantajan pyynnöstä myös saavutettavuus oli tultava
esiin sivuilla, joten sitä sivutaan lyhyesti.
Kehitystyöprosessin pohjana hyödynnettiin palvelumuotoilun tuplatimantteja.
Tällä taattiin, että prosessi eteni vaihe vaiheelta loogisessa järjestyksessä.
Käyttökokemussuunnittelun työkaluina käytettiin mm. käyttäjäprofiileita. Prosessin loppupuolella suoritettiin käyttäjätestauksia neljän eri käyttäjän avulla.
Testauksien tavoitteena oli kerätä havaintoja oikeilta käyttäjiltä ja tehdä parannuksia käyttökokemukseen ja käytettävyyteen. Saavutettavuutta testattiin automaattisella testaustyökalulla sekä erikokoisilla päätelaitteilla ja käyttöjärjestelmillä.
Opinnäytetyössä päästiin tavoitteeseen ja asiakkaan kokemaa käyttökokemusta saatiin parannettua varsinkin käytettävyyden ja visuaalisuuden avulla.
Olennainen informaatio pystyttiin esittämään kattavammin sekä siitä tehtiin
helpommin löydettävää. Varsinkin käyttäjätestaukset olivat suuressa roolissa
käyttökokemuksen parantamisessa.
website. The development task was to design user experience that would be
of high quality, memorable, easy to use and accessible. This thesis focused
mainly on user experience design, usability, and user interface. The original
website of the commissioner company, Muisti Centre of War and Peace, was
built to serve the start-up phase and the time leading up to the launch. Almost
a year after the launch, there were new needs, new requirements, and new
business objectives, and therefore there was a need for a redesign. At the request of the client, accessibility was also required on the website, and it was
briefly dealt with.
As a basis for the development process, the service design double diamond
was used. This ensured that the process proceeded step by step in a logical
sequence. User experience design tools included user profiles. At the end of
the process, user testing was carried out with four different users. The goal of
the tests was to collect observations from real users and to make improvements to the user experience and usability. Accessibility was tested with an
automated testing tool and on different sized screens and devices.
This thesis achieved its goal, and the user experience was improved through
usability and visualization. Essential information was presented in a more
comprehensive and easy-to-find way. User testing played a major role in improving the user experience.