DIZAJN I IZRADA KORISNIČKOG SUČELJA ZA FILMSKI PORTAL

Cilj ovog završnog rada je predstaviti i objasniti učinkovite metode dizajniranja korisničkih sučelja te opisati njihovu implementaciju kroz postupak izrade korisničkog sučelja filmskog web portala. Namjera ovog rada jest pružiti čitatelju uvid u cjelokupni proces izrade interaktivnog sučelja od faze prototipiziranja do faze implementacije i testiranja. Rad se sastoji od 5 glavnih, međusobno povezanih cjelina. Pregled projekta opisati će cilj praktičnog djela rada, navesti funkcionalne specifikacije, analizirati konkurenciju te odrediti ciljanu skupinu korisnika. Izrada skica i prototipova početi će opisivati proces izrade kostura korisničkog sučelja u skladu s preporučenim obrascima i dobrim praksama. Vizualni dizajn sučelja ući će dublje u samu teoriju grafičkog dizajna te objasniti donesene dizajnerske odluke tijekom izrade praktičnog rada. Implementacija funkcionalnosti i dizajna opisati će korištene web tehnologije te objasniti pojedina programska rješenja. Testiranje korisničkog sučelja navesti će korištene metode testiranja i njihove rezultate, kao i opisati konačne promjene na sučelju na temelju povratnih informacija.The goal of this final project is to present and explain effective methods of user interface design and to describe their implementation through a process of the interface creation for a web portal. The intention of this project is to offer a complete overview of the whole user interface creation process, from the prototyping phase to the implementation and testing phase. Paper consists of 5 main, interconnected parts. Project overview explains the goal of the project, states functional specifications, analyses competition and defines the target group of users. Creation of sketches and prototypes explains the process of a website skeleton creation, according to recommended patterns and good practices. Visual design of an interface goes more in-depth into graphic design theory and explains all the decisions made during the process. Implementation of the functionalities and design describes used web technologies and explains some of the software solutions. User interface testing lists testing methods and their results, and describes final changes made on the interface, based on the results