Case Porvoon Museo

Porvoon museon UI/UX-suunnittelukeissi keskittyi parantamaan käyttäjäkokemusta museon verkkosivuilla. Suunnittelutavoitteina olivat informaation helppo saavutettavuus ja visuaalisen ilmeen modernisointi.

Vieraile sivustolla
Porvoon museon etusivu läppäri-mockupissa

Asiakas

Porvoon museo

Aika

Lokakuu 2022 - Marraskuu 2022

Rooli

UX/UI-suunnittelija

Yhteenveto

Porvoon museo päätti uudistaa verkkosivunsa rajallisella budjetilla, ja sain toimeksiannoksi suunnitella uusiksi käyttöliittymä kohderyhmät huomioiden. Tavoitteena oli tehdä sivustosta helposti navigoitava ja käyttäjäystävällinen. Olin jo työharjoitteluni aikana aloittanut sivuston rautalankamallin ja käyttöliittymän suunnittelua ennen kuin museo virallisesti tilasi palvelumme. Sain käyttöliittymän valmiiksi poikkeuksellisen nopeasti, yhdessä työviikossa.

Projektin seurauksena sivuston navigointi, helppokäyttöisyys ja rakenne parantuivat merkittävästi. Ulkoasua viilattiin ja koko projekti pysyi tiukassa budjetissa, mikä oli erityisen tärkeää museolle.

Porvoon museon etusivu läppärissä valkoisella taustalla

Kohderyhmän määrittely

Projektin alkuvaiheessa toteutettiin perusteellinen kohderyhmäanalyysi, jonka keskiössä olivat museon tulevat verkkosivut. Tavoitteena oli ymmärtää, ketkä ovat pääasialliset käyttäjät ja mitä he odottavat museon verkkosivuilta.

  • Tutkittiin aiempaa palautetta ja käyttäjädataa museon silloisilta verkkosivuilta.

  • Käytiin läpi museon asiakaspalautteita ja analysoitiin, mitkä näkökohdat koettiin sekaviksi tai vaikeasti löydettäviksi.

Pääasialliset käyttäjätryhmät:

  • Iäkkäät ihmiset

  • Turistit

  • Perheet

Haasteet

Projektin suurin haaste oli vanhan sivustorakenteen järkevä uudelleenjäsennys. Vanhalla sivustolla oli runsaasti tietoa yhdellä sivulla, mikä vaikeutti käyttäjille tärkeän tiedon löytämistä. Kohdekäyttäjäryhminä olivat turistit, perheet ja ikäihmiset, joten suunnittelussa painotettiin selkeyttä. Tärkeimmät tiedot, kuten aukioloajat, hinnat ja palvelut, haluttiin tehdä helposti löydettäviksi erityisesti iäkkäille käyttäjille.

Porvoon museon vanha etusivu.

Heuristiikat ja menetelmät

Käytin suunnittelussa Nielsenin laatimia 10 käytettävyysheuristiikkaa, jotka ovat vakiintunut standardi käyttäjäkeskeisessä suunnittelussa. Nämä heuristiikat tarjosivat kehyksen suunnitteluni arvioimiseen ja varmistivat, että keskityin olennaisiin käyttäjäkokemuksen näkökohtiin.

Käytin omaa iteratiivista suunnittelumenetelmääni, mikä tarkoitti sitä, että en pitäytynyt yhdessä suunnitelman versiossa, vaan tein useita iterointeja ja testasin erilaisia vaihtoehtoja. Kopioin sivun ja tein siihen muutoksia nähdäkseni, mitkä muutokset toimivat parhaiten. Tämä antoi minulle mahdollisuuden vertailla eri versioita ja valita parhaiten toimivat ratkaisut.

Suunnittelu erityistarpeet huomioiden

Suunnittelin erityisesti ottaen huomioon ikäihmisten tarpeet. Fonttikoot, kontrastit ja selkeät navigointipolut olivat keskeisiä osia suunnittelussa.

Lisäksi pyrin minimoimaan käyttäjän tekemät virheet ennakoivalla suunnittelulla. Tässä erityisesti näkyi selkeiden käyttöliittymäelementtien ja ohjeiden tärkeys

Porvoon museon design systeemi iPadissa
Image by aleksandr_samochernyi on Freepik

Lopputulos

Porvoon museon verkkosivujen uudistusprosessin päätteeksi saavutettiin merkittäviä parannuksia käyttäjäkokemuksessa ja sivuston toiminnallisuuksissa. Uudistuksen tavoitteena oli tehdä sivustosta selkeämpi, helppokäyttöisempi erityisesti ikäihmisille, ja samalla varmistaa, että se palvelee monipuolisesti eri käyttäjäryhmiä.

Olen ylpeä siitä, kuinka onnistuin parantamaan Porvoon museon verkkosivujen käyttäjäkokemusta. Käyttäjäkeskeinen suunnittelu, heuristiikat ja iteratiivinen lähestymistapa mahdollistivat kokonaisvaltaisen parannuksen.

Useita porvoon museon verkkosivujen näyttöjä
Image by aleksandr_samochernyi on Freepik

Ota yhteyttä

Sijainti

Helsinki, Suomi

Sähköposti

email@example.com