Creating a modern and responsive customer tracking dashboard

Abstract

Much of the success of many businesses is based on understanding the customer’s interests and needs and working to improve the service or product offering based on this knowledge. For many big businesses this is relatively straightforward, as many tools are offered that can help them gather and analyse this information. For small and medium businesses, however,such an understanding may be much harder to achieve. Many of the tools and services do not fit into their available budget and might not bring in the results that would justify the expense. This thesis project was commissioned by 1UP Media, which, through their Lumi platform, offers a low cost, user-friendly, modular service for such businesses.

The thesis briefly introduces the company, the theoretical background and the technologies used in the implementation of the design for the Lumi platform people counting tool UI, such as Sass and Flexbox. Additionally, it explains the methodology, User Centred Design, and analyses the feedback received from live testing. The objective was to create a dashboard which would allow the data to be visualized, to ensure the understanding of the end user.

In this thesis project, the User Centered Design framework is used. The user-centered approach is one of the most popular frameworks to use when designing a new application or a website. It has a semi-cyclical approach, allowing a close interaction with the client for constant improvement before a pilot is conducted. By maintaining this closeness with the client, it is possible to reach the most satisfactory and most user-friendly end product, therefore the overall quality can be ensured.

As the result of this thesis, a pilot version of the designed application was completed and prepared for further improvements based on any additional user feedback. This fulfills the requirements set at the beginning of the project and the additional requirements set after the first live testing. These requirements mainly focused on making the application modern, responsive and easy to modify were the need for rebranding to arise. These were achieved through the research of the appropriate literature and application of the gained knowledge from this theory to the product, improving the design as issues were brought up in the first live test. As the application improves and expands, further changes may be required, causing the design to change to accommodate the needs.

Asiakastarpeen täyttyminen on ensisijaisen tärkeää liiketoiminnan kannalta. Asiakastarpeen ymmärtäminen auttaa yrityksiä parantamaan tuotteitaan ja palveluitaan. Asiakaskäyttäytymiseen liittyvän tiedon keräämiseen ja analysoimiseen on olemassa työkaluja, mutta ne ovat suunnattu suurille yrityksille. Pienille ja keskikokoisille (PK-yrityksille) asiakastiedon kerääminen on huomattavasti hankalampaa. Olemassa olevat työkalut ovat joko liian kalliita, tai eivät tuota käyttökelpoista tietoa PK-yrityksille. Tämä on ongelma, johon opinnäytetyön asiakas 1UP Media OY tarjoaa ratkaisun; Lumi-alustan. Lumi-alusta on edullinen, käyttäjäystävällinen ja joustava palvelu PK-yrityksille.

Tämä opinnäytetyö koostuu seuraavista osioista; aluksi esitellään asiakas ja käydään aläpi teoreettininen tausta ja visuaalisessa suunnittelussa käytetyt teknologiat, kuten Sass ja Flexbox. Tämän jälkeen opinnäytetyö käsittelee käyttäjälähtöistä suunnittelua – metodologiaa, johon opinnäytetyön visuaalinen suunnittelu perustuu. Lopuksi analysoidaan testauksessa mukana olleiden asiakkaiden palautetta. Opinnäytetyön tavoitteeksi on asetettu käyttäjäystävällisen hallintapaneelin suunnittelu, jonka avulla loppukäyttäjän on mahdollista visualisoida ja tulkita asiakastietoa.

Tämä opinnäytetyö pohjautuu käyttäjälähtöinen suunnittelun viitekehykseen. Tämä on yksi suosituimmista lähestymistavoista uusia verkkosivustoja tai sovelluksia suunniteltaessa. Käyttäjälähtöisen suunnittelun viitekehys perustuu jatkuvaan yhteistyöhön asiakkaan kanssa ja se mahdollistaa jatkuvan kehityksen jo ennen ensimmäistä pilottiversiota.

Lopputuloksena on pilottiversio hallintapaneelista ja tuote on valmis muokattavaksi asiakkaan palautteen perusteella. Tuote täyttää projektin alussa asetetut vaatimukset, sekä lisävaatimukset, jotka asetettiin ensimmäisen live-testauksen jälkeen. Vaatimukset keskittyivät pääasiassa tuotteen responsiivisuuteen, nykiaikaiseen ulkoasuun, sekä helppoon muokattavuuteen. Vaatimukset täytettiin tukeutumalla teoreettiseen viitekehykseen ja jatkuvaan asiakaspalautteeseen.