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

Cacan, Benjamin (2022) Dizajn interakcija i razvoj web-aplikacije za zaslone osjetljive na dodir. Master's thesis - Graduate Programme. Grafički fakultet. [Mentor: Skala, Tibor].

[thumbnail of DB1006_Benjamin_Cacan.pdf] PDF
DB1006_Benjamin_Cacan.pdf

Download (2MB)

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.

Item Type: Master's thesis - Graduate Programme
Mentor name: Skala, Tibor
Thesis Committee: Rudolf, Maja and Skala, Tibor and Stanić Loknar, Nikolina
Defence date: 27 September 2022
Abstract in 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.
Uncontrolled Keywords: dizajn interakcija, geste dodira, web-aplikacija, React
Keywords in english: interaction design, touch gestures, web application, React
Subjects: TECHNICAL SCIENCES > Graphic Technology
Institution: Grafički fakultet
City: Zagreb
Number of Pages: 84
Callnumber: SKA 2022 CAC
Inventory number: DB1006
Depositing User: Nina Jelača
Status: Unpublished
Date Deposited: 11 Dec 2023 10:42
Last Modified: 11 Dec 2023 10:42
URI: http://eprints.grf.unizg.hr/id/eprint/3593

Actions (login required)

View Item View Item