Visuaalinen hierarkia yrityksen verkkosivuilla : Case: Dan-Teksti Oy

Abstract

Opinnäytetyön toimeksiantajana oli Dan-Teksti Oy, joka on Heinolassa toimiva mainostoimisto. Yritys tarjoaa asiakkailleen perinteisiä mainostuotteita, kuten julisteita ja lehtisiä. Lisäksi he tekevät autojen teippauksia sekä tekstiilipainatuksia. Opinnäytetyön tavoitteena oli päivittää yrityksen verkkosivujen käyttöliittymä vastaamaan asiakkaiden tarpeisiin. Aikaisempien verkkosivujen käyttöliittymä ja sisällöt olivat vanhentuneet, eivätkä asiakkaat löytäneet kaikkia tarvitsemiaan tietoja.

Tarkoituksena oli havaita ongelmaan ratkaisu suunnittelutieteellisen tutkimusmenetelmän avulla ja muodostaa yritykselle sopiva artefakti. Tämän menetelmän avulla perehdyttiin visuaaliseen hierarkiaan sekä siihen, miten hierarkian käyttö parantaisi käyttöliittymää niin, että asiakkaat löytäisivät sivuilta tarvitsemansa tiedot ja kokisivat verkkosivut vetovoimaisina. Vetovoimaisuudella tässä työssä tarkoitettiin sitä, että vetävätkö verkkosivut asiakkaita puoleensa ja kuinka asiakkaat kokevat käyttöliittymän. Teorian pohjana olivat kirjalliset ja sähköiset lähteet, joiden perusteella muodostettiin oma käsitys visuaalisesta hierarkiasta.

Opinnäytetyössä on käyty läpi toteutuksen eri vaiheet ja tavat siitä, kuinka visuaalista hierarkiaa oli hyödynnetty verkkosivujen käyttöliittymässä. Päivityksen vaikutus verkkosivuihin toteutettiin etänä empiirisellä käytettävyystestauksella, johon osallistui yhteensä kuusi käyttäjää. Testaus toteutettiin lähetetyllä lomakkeella, jossa oli ennalta valikoidut testitehtävät. Tehtävissä keskityttiin verkkosivujen sisältöjen löytämiseen sekä koko sivujen vetovoimaisuuteen.

Opinnäytetyön tuloksena julkaistiin yritykselle päivitetyt verkkosivut, jotka hyödynsivät visuaalista hierarkiaa ja olivat testaustuloksien mukaan selkeämmät, vetovoimaisemmat ja miellyttävämmät käyttää. Työn merkitys yritykselle oli ajankohtainen, sillä yhä useammat käyttäjät hyödyntävät digitaalisia asiakaspolkuja. Oli tärkeää, että yritys sai vetovoimaisemmat verkkosivut, jotta asiakkuuksien ylläpito ja uusasiakkaiden hankita helpottuisi.

The thesis was assigned by Dan-Teksti Oy, which is a small advertising agency in Heinola. The company offers its customers traditional advertising products such as posters and flyers. It also provides taping for cars and textile printing. The purpose of the thesis was to update the interface of the company’s to respond to user needs. The previous interface and contents were outdated, so customers could not find all the information they needed.

The aim was to find a solution to the problem by using the design science research method and creating a suitable artifact. This research method allowed to get familiar with visual hierarchy and how it would improve the user interface so that customers would better find information on the website and find it attractive. The word “attractive” in the thesis relates to customer experience and how customers experience the user interface and how it attracts them. The theoretical background of the study was based on written and electronic sources.

This thesis reviews the implementation of the new user interface and how visual hierarchy was applied. The updated user interface was tested through empirical user testing with six users. Answers were collected through a questionnaire that included predefined user tasks. The tasks focused on the website’s layout, content, and general attractiveness. The company published its updated website that applies visual hierarchy. Based on the test, the website's user interface became clearer, more attractive and easier to use. The thesis is useful for the company because more and more customers rely on digitalized customer journeys. It was important that Dan-Teksti Oy got a more attractive website so that it can improve its customer relationship management and acquire new customers.