Original title:
Modifikace uživatelského rozhraní systému Anton
Authors:
Illek, Zdeněk Document type: Bachelor's theses
Year:
2020
Language:
cze Abstract:
[cze][eng] Cílem této práce byl prototyp uživatelského rozhraní pro antiplagiátorský systém Anton. Postup začínal seznámením se s aktuálním Nette systémem. Na základě těchto informací proběhly rozhovory se současnými uživateli, kteří se podělili o své dojmy a zkušenosti se systémem. Na základě informací z rozhovorů a nejlepších praktik odborníků z praxe vznikl návrh. Návrh v podobě drátěného modelu byl poté naimplementován v javascriptovém frameworku Vuejs s pomocí grafické knihovny Bootstrap. Po vytvoření prototypu proběhlo uživatelské testování. Testy byly dva, pro nové i původní rozhraní. Cílem testů bylo objektivně zhodnotit splnění cíle. Metriky testů byl čas a počet kliknutí. U každého testu představovali jinou vlastnost. Po prvním kole byly zjištěny kritické nedostatky a následně byly opraveny. Po druhém kole bylo testování vyhodnoceno a v závěru je konstatováno úspěšné splnění cíleThe goal of this work was a prototype of user interface for the Anton antiplagiarism system. Firstly, an introduction to the current Nette system took place. Based on this information, interviews were conducted with current users, who shared their impressions and experiences with the system. Based on information from interviews and best practices of specialists, a proposal was made. Subsequently a design in the form of a wireframe was implemented in the Vuejs javascript framework with the help of the Bootstrap graphics library. After the creation of the prototype, user testing took place. There were two tests, for the new and the original interface. The goal of the tests was to objectively evaluate the achievement of the goal. The test metrics were time and number of clicks. In each test, they represented a different property. After the first round, critical deficiencies were identified and subsequently corrected. After the second round, the testing was evaluated and, ultimately, the goal was successfully achieved.
Keywords:
drátěný model; JavaScript; redesign; testování; user experience; user interface; user testing; user-centric design; uživatelské rozhraní; Vue.js; web aplication; webová aplikace; wireframe