Izrada dizajn sustava edukacijske igre za primjenu na interaktivnim površinama

master's thesis

• Author: Jana Jambrešić
• Mentor: Tibor Skala (mentor)
• Committee member: Maja Rudolf (predsjednik povjerenstva)
• Committee member: Tibor Skala (član povjerenstva)
• Committee member: Nikolina Stanić Loknar (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2023-09-27, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

Za potrebe izrade korisničkog sučelja interaktivne igre napravljen je dizajn sustav, što
omogućava lakšu primjenu te korekciju unutar korisničkog sučelja.
Pomoću dizajn sustava digitalni proizvodi su strukturirani, vizualno organizirani te
dosljedni skup komponenata i stilova s pravilima njihove implementacije. Za izradu
dobrog dizajn sustav, a potom i korisničkog sučelja potrebno je slijediti principe
oblikovanja. Mnogi od tih principa svode se na „olakšavanje života korisniku“.
U ovom radu izrađen je dizajn sustav edukacijske igre korištenjem atomskog dizajna.
Atomski dizajn je metodologija koja se sastoji od pet različitih faza radeći zajedno na
stvaranju dizajna sustav sučelja u više promišljen i hijerarhijski način. Isto tako prikazana
je važnost i uloga same gejmifikacije u edukaciji.
Korisničko sučelje izrađeno je za interaktivnu površinu koja je zapravo transparentni
zaslon osjetljiv na dodir pomoću infracrvenog okvira. Može se upravljati pomoću gotovo
svakog predmeta uključujući prst i olovku. Interaktivna igra ima svrhu edukacije djece o
recikliranju kroz razne razine same igre, ali i dinamične animacije. Veliku ulogu u cijeloj
interakciji i dojmu imaju elementi i uređenje koji se nalaziti unutar interaktivnog uređaja.
Interaktivno korisničko sučelje na transparentnom zaslonu kroz kojeg se može vidjeti
unutrašnjost / interijer uređaja stvara osjećaj miješane stvarnosti (eng. Mixed Reality –
MR) kod korisnika.

Abstract (english)

For the purpose of creating the user interface of an interactive game, a design system has
been developed, which will facilitate easier implementation and adjustments within the
user interface. Using a design system, digital products are structured, visually organized,
and consistent sets of components and styles with rules for their implementation. To
create a good design system and then a user interface, it is necessary to follow design
principles, many of which focus on „making the user's life easier“.
In this thesis, a design system for an educational game was created using atomic design.
Atomic design is a methodology that consists of five different stages working together to
create a design system in a more thoughtful and hierarchical manner. Additionally, the
importance and role of gamification in education will be presented.
The user interface is designed for an interactive surface that is actually a transparent touch
screen using an infrared frame. It can be operated using almost any object, including
fingers and a pen. The interactive game has the purpose of educating children about
recycling through various levels of the game and dynamic animations. The elements and
layout within the interactive device play a significant role in the entire interaction and
user experience. The interactive user interface on the transparent screen, through which
the interior of the device is visible, creates a sense of mixed reality (MR) for the user.

• Keywords: dizajn sustav; atomski dizajn; korisničko sučelje; edukacijska igra; miješana stvarnost
• Keywords (english): design system; atomic design; user interface; educational game; mixed reality
• Language: croatian
• URN:NBN: urn:nbn:hr:216:756009
• Study programme: Title: Graphic technology; specializations in: Graphic technology, Design of graphic products; Course: Graphic technology; Study programme type: university; Study level: graduate; Academic / professional title: sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije (sveučilišni/a magistar/magistra inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Open access
• Created on: 2024-10-08 10:39:12