Music FairyTales verkkosivuston uudistusprosessi Morvillen hunajakennomallin ja sen rationaalisten osien avulla

Abstract

Tässä opinnäytetyössä tehdään tapaustutkimus verkkosivujen uudelleensuunnittelusta Music FairyTales MFT Oy:lle. Uudelleensuunnittelun suuntaviivoina käytetään käytettävyyden sekä käyttökokemuksen määritelmiä sekä Peter Morvillen hunajakennomallia, keskittymällä sen rationaalisiin osiin. Rationaalisien osien perusteella verkkosivujen on oltava käyttäjälleen hyödyllisiä, uskottavia ja arvokkaita.

Uudelleensuunnitteluprosessiin kuului verkkosivun sivuhierarkian suunnittelu sekä sisällön ja visuaalisuuden parantaminen. Myös uusia elementtejä lisättiin verkkosivulle parantamaan käytettävyyttä. Tutkimuksessa suoritettiin heuristinen arviointi yrityksen verkkosivuston nykytilasta sekä suunnittelun jälkeen arvioimaan suunnittelun onnistumista käytettävyyden sekä käyttökokemuksen osalta. Heuristisen arvioinnin tuloksia verrattiin keskenään tunnistamaan, kuinka hyvin suunnittelu onnistui.

Heuristisen arvioinnin tuloksista käy ilmi uudelleensuunnittelun parantaneen merkittävästi verkkosivuston käytettävyyttä sekä käyttökokemusta. Myös selkeissä osa-alueissa kuten navigaatiossa, sisällössä ja uskottavuudessa käyttökokemus on parantunut aikaisempaan verrattuna.

Tutkimuksen tulokset osoittavat Morvillen hunajakennomallin hyödylliseksi työkaluksi, kun suunnitellaan verkkosivujen käytettävyyttä sekä käyttökokemusta. Tuloksista käy myös ilmi heuristisen arvioinnin tärkeys käytettävyysongelmien tunnistamisessa. Lopuksi pohditaan tutkimuksen rajoituksia sekä annetaan tulevaisuuden parannusehdotuksia.

This thesis project conducted a case study for website redesign of the Finnish company Music FairyTales MFT Oy. The redesign was based on what is good usability and user experience (UX) and Peter Morville’s honeycomb framework, especially its rational facets: useful, credible and valuable.

The redesign process included creating a new page hierarchy and improving the website’s content and visual look. In the process it also became clear that there was need for adding new elements to the website to improve its usability and user experience. Heuristic evaluation was conducted prior to and after the redesign to identify usability issues. The results of the evaluations were compared to measure how successful the redesign was compared to before.

From the results of the heuristic evaluation its evident that the redesign drastically improved the website’s usability and user experience. Also, specific areas such as navigation, content and credibility showed improvements compared before.

The results of the study show the usefulness of Peter Morville’s honeycomb framework when designing usability and user experience of webpages. Also, the importance of heuristic evaluation to identify usability problems is clear from the resuls. At the end of the thesis report the limitations of the research are discussed and suggestions are given for future improvements.