Tekoälypohjaisen suositusjärjestelmän UX/UI:n suunnittelu ja toteuttaminen www-sivustolle

Abstract

Opinnäytetyön tarkoitus oli kuvata tekoälypohjaisen suositusjärjestelmän UX/UI:n suunnittelua ja kehitystä www-sivustolla vaiheittain. Työssä käytettiin menetelmänä käyttäjäkeskeistä tutkimusta järjestelmän kehittämistä varten.

Adobe XD -nimistä ohjelmaa käytettiin prototyypin kehittämistyökaluna, jolla tehtiin neljä erilaista pääversiota prototyypistä, joita kehitettiin käyttäjien tarpeiden ja asiakkaan haluaman ratkaisun mukaiseksi. Opinnäytetyötä tehtiin niin, että taustaan kirjoitettiin suositusjärjestelmästä ja siitä, miten tekoälyä hyödynnetään työssä. Aineisto kerättiin UX-testauksen avulla, joka toteutettiin kasvotusten haastattelemalla 10 potentiaalista käyttäjää. Tulosten avulla kehitetiin prototyyppiä eteenpäin. Toinen aineistonkeruu tehtiin kyselyllä siitä, onko suositusjärjestelmä helppokäyttöinen ja käyttävätkö asiakkaat sitä.

Future Touchless Shopin hankkeen kohderyhmä on nuoret ihmiset, jotka kuuluvat Z-sukupolveen. Z-sukupolvi tarkoittaa ihmisiä, jotka ovat syntyneet vuosina 1997–2012. Insinöörityössä kehitettiin prototyypin viimeinen versio, joka on valmiina esiteltäväksi asiakkaalle. Opinnäytetyön tavoite oli saada tietää, käyttäisivätkö nuoret Z-sukupolveen kuuluvat ihmiset tällaista suositusjärjestelmää, onko järjestelmä helppokäyttöinen ja auttaako se tuomaan lisää asiakkaita kivijalkakauppaan.

Tulokset osoittavat, että tällainen suositusjärjestelmä voisi hyvin olla käytössä. Järjestelmä auttaa tuotteiden valinnassa tarpeiden mukaisesti. Tulokset osoittivat myös, että prototyyppi on helppokäyttöinen, ja siinä oli todella vähän kehityskohtia, jotka on korjattu viimeiseen versioon.

The purpose of the thesis is to describe the UX/UI design and development of an artificial intelligence-based recommendation system on a website step by step. The study applied user-centred research as a method for developing the system.

A program called Adobe XD was used as a prototype development tool, with which four different main versions of the prototype were made and developed in accordance with the needs of the users and the solution the customer wanted. The recommendation system and how artificial intelligence is utilized at work formed the background of the study. The data was collected through UX testing, which was carried out face-to-face by interviewing 10 potential users. The results were used to develop the prototype further. The second data collection was done with a survey on whether the recommendation system was found to be easy to use and whether the customers used it.

The target group of Future Touchless Shop’s project is young people who belong to the Z generation. Generation Z refers to people born between 1997 and 2012. The material was analysed in such a way that the recorded expectations were aimed to match the different parts of the material. Finally, the prototype, ready to be presented to the customer, was developed. The aim of the study is young people belonging to Generation Z use such a recommendation system, whether the system is easy to use and whether it helps to bring more customers to the brick-and-mortar store.

The results show that such a recommendation system could be used very well. The system helps in choosing products according to needs. The results also showed that the prototype is easy to use and has very few development points that have been fixed in the final version.