Dizajn interakcija i razvoj web-aplikacije za zaslone osjetljive na dodir

master's thesis

• Author: Benjamin Cacan
• Mentor: Tibor Skala (mentor)
• Committee member: Maja Rudolf (član 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: 2022-09-27, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

U teorijskom dijelu rada objašnjen je dizajn interakcija kao pojam, primjena i najbolja praksa pri oblikovanju interakcija između korisnika i proizvoda koji se koristi te kako on utječe na korisničko iskustvo. U radu su prezentirani principi te najbolja praksa oblikovanja dizajna za kvalitetno korisničko iskustvo i interakciju s računalnim uređajima, fokusirajući se na korisnička sučelja uređaja sa zaslonom na dodir. Nakon dizajna, istražuje se web tehnologija kao popularni način za razvoj aplikacija zajedno s modernim alatima i programskim rješenjima za razvoj internetskih stranica. Uspoređuju se web-aplikacije s izvornim mobilnim aplikacijama i prezentira se koncept progresivnih web aplikacija. U praktičnom dijelu rada prolazi se kroz proces razvoja interaktivne webaplikacije za uređaj sa zaslonom velikih dimenzija osjetljivim na dodir. Webaplikacija razvijena pomoću React programske biblioteke, primjer je info-kioska na kojem više korisnika može istovremeno otkrivati sadržaj stupajući u interakciju pomoću različitih gesti dodira. Navode se korištene tehnologije i alati, kako je implementiran dizajn korisničkog sučelja te razvoj i implementacija gesti dodirom kao načina za korisničku interakciju manipulacijom elemenata u korisničkom sučelju.

Abstract (english)

In the theoretical part of the paper, interaction design is explained as a concept, application and best practice in designing interactions between the user and the product being used and how it affects the user experience. The paper presents the principles and best practices of designing for quality user experience and interaction with computer devices, focusing on user interfaces of touchscreen devices. After the design, the paper deals with web technology as a popular way to develop applications and touches on modern tools and technologies as solutions for developing websites. It compares web applications with native mobile applications and presents the concept of progressive web applications. In the practical part, the work goes through the process of developing an interactive web application for a device with a large touchscreen display. The web application developed using the React library is an example of an infokiosk where multiple users can simultaneously discover content by interacting with different touch gestures. The paper shows the technologies and tools used, how the design of the user interface was implemented, and the development and implementation of touch gestures as a way for user interaction by manipulating elements in the user interface.

• Keywords: dizajn interakcija; geste dodira; web-aplikacija; React
• Keywords (english): interaction design; touch gestures; web application; React
• Language: croatian
• URN:NBN: urn:nbn:hr:216:318029
• 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-04-18 23:49:39