Primjena mikroanimacija u službi boljeg korisničkog iskustva na temelju iskustvene, intuitivne i interaktivne komunikacije čovjek računalo

master's thesis

• Author: Ivana Dobrovoljec
• Mentor: Tibor Skala (mentor)
• Committee member: Damir Modrić (član povjerenstva)
• Committee member: Tibor Skala (član povjerenstva)
• Committee member: Maja Rudolf (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2017-9-26, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

Cilj ovog diplomskog rada je prikaz boljeg korisničkog iskustva kroz različite tipove

mikroanimacija. One su povezane zajedno s gestama koje čine iskustvo prirodnijim

i korisnicima olakšavaju pretraživanje. Prema njihovim zahtjevima napravljene su

funkcionalnosti stranice koje su testirane u ovom radu odabranim metodama.

Napravljene mikroanimacije korisnicima su olakšale korištenje stranice bilo da su

indicirale problem unosa, vizualno orijentirale, objašnjavale odnos između

elemenata ili bile dio „dekoracije“. Metode koje su korištene: A/B testiranje,

razgovor s korisnicima i testiranje prototipa. Za izradu mikroanimacija korišteni

programi su: CanvasFlip, Flinto, Principle i Sketch. Testiranje je napravljeno na

uzorku od 10 ljudi koji odgovaraju kreiranim personama. Prikupljenim podacima je

potvrđeno kako mikroanimacije olakšavaju korisnicima korištenje web-aplikacija na

mobilnim uređajima. One se mnogo više koriste na mobitelima, pa su tako osnovne

geste korisnicima postale njihova svakodnevica. Broj sati koje oni provode na

svojim mobitelima mnogo je veći nego na računalima, stoga bi voljeli da sve više

stranica prati takav način komunikacije.

Abstract (english)

The goal of this thesis is to show better user experience through various types of

micro animations. Together with gestures, they make the experience seem more

natural and facilitate browsing for users. According to their requirements, page

functionalities were designed which were tested in this work with selected

methods. The created micro animations facilitated the page navigation, whether by

indicating an entry issue, orienting visually, explaining the relation among elements

or as part of “decoration. The methods used were A/B testing, user communication

prototype testing. Micro animations were created with CanvasFlip, Flinto, Principle

and Sketch. The testing was conducted on a sample of 10 persons corresponding

to personas created. Collected data confirm that micro animations facilitate the use

of web applications on mobile devices. Since they are used more on mobile

phones, basic gestures have become part of users’ everyday life. The number of

hours users spend on mobile phones is much higher than the hours spent on

computers, therefore, they would like to have more websites which follow this way

of communication.

• Keywords: mikroanimacije; geste; korisničko iskustvo
• Keywords (english): microanimations; gestures; user experience
• Language: croatian
• URN:NBN: urn:nbn:hr:216:787765
• 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: Closed access
• Created on: 2024-04-18 21:58:15