Prototypování uživatelského rozhraní webových aplikací

Tématem této bakalářské práce je prototypování, které je část návrhu uživatelského rozhraní webových aplikací. Cílem práce je popsat možnosti prototypování, stejně jako popsat prototypovací proces a jeho výstupy, porovnat vybrané nástroje z nabídky nástrojů na prototypování a vybrat ten, který nejlépe splňuje autorem stanovená kritéria. Také je cílem vytvořit ukázku digitálního prototypu. Přínosem autora je hlavně zhodnocení vybraných nástrojů na prototypování a jejich porovnání, které může být užitečné při rozhodování, kterou aplikaci zakoupit. Dalším přínosem této práce je vytvoření přehledu v oblasti prototypování a návrhu uživatelských rozhraní a popsání vytvoření příkladového prototypu. V úvodní části práce se nachází popis uživatelského rozhraní a webové aplikace, protože tato práce se zaměřuje právě na návrh uživatelského rozhraní webových aplikací. Následuje popis procesu návrhu uživatelského rozhraní, uživatelského zážitku a jeho části použitelnosti, kvůli kterým je nutné prototypovat. V další kapitole je vysvětleno, co znamená prototyp a prototypování a popsány důvody prototypování. Dále je v práci uveden prototypovací proces a různé přístupy k tomuto procesu. V této kapitole jsou dále popsány různé charakteristiky prototypů a dva typy prototypů, papírové a digitální. Další kapitola se věnuje srovnávání vybraných prototypovacích nástrojů. Po stanovení metody porovnávání a formulování kritérií pro porovnávání následuje popis vybraných nástrojů podle zvolených kritérií a určení jejich hodnocení. Na závěr kapitoly je vybrán vítězný nástroj a zhodnoceny porovnávání. V poslední kapitole je uvedena praktická ukázka postupu a výsledku vytvoření digitálního prototypu.

The theme of this bachelor thesis is prototyping, which is a part of the user interface design of web applications. The objective is to describe the options and reasons for prototyping as well as describe the prototyping process and its outcomes, compare selected tools from the prototyping tools available on market and select one that meets the author's criteria the best. The last objective is to create a digital prototype demonstration. The main contribution is the evaluation of the selected tools for prototyping and comparison that can be helpful when deciding which application to purchase. Another contribution of this thesis is the creation of an overview in the field of prototyping and design of user interfaces and also describing the creation of example prototype. In the introductory part is a description of a user interface and web applications, since this thesis is precisely focused on user interface design of web applications. Following is a description of a user interface design process, user experience and its part usability, because of which prototyping is necessary. The next chapter explains what is a prototype and prototyping, and reasons for prototyping are described. Further in thesis a prototyping process is stated witch different approaches to this process. This chapter also describes various characteristics of the prototype and two types of prototypes, paper and digital. The next chapter is devoted to the comparison of selected prototyping tools. After setting out a method of comparison and formulating criteria for comparison a description of selected tools according to selected criteria and determination of their rank follows. Finally, the winning tool is selected the whole comparison is evaluated. In the last chapter a practical demonstration of process and outcome of creating digital prototype is shown.