Prototypování webových aplikací

Alina Podudanskaia

Bachelor's thesis

Web application prototyping

Abstract:

Tématem této bakalářské práce je prototypování webových aplikací, které je součástí návrhu uživatelského rozhraní. Cílem práce je popsat možnosti prototypování, jeho původní účely, použitelnost, popsat prototypovací proces a jeho výstupy, porovnat druhy prototypů z obecně uznávaných druhů prototypů a určit, v jaké fázi je nejlépe používat vybrané druhy, konkretizovat případy jejich použití. Jedním z hlavních cílů je také vytvoření digitálního prototypu určeného pro použití v oddělení cenotvorby ŠKODA AUTO a.s. Dílčím cílem práce je vypracování přehledu prototypovacích nástrojů a postupů. V úvodní části práce je popis uživatelského rozhraní, principy návrhu uživatelského rozhraní a popis webové aplikace, protože tato práce se zaměřuje na design uživatelského rozhraní webových aplikací. Následuje popis procesu návrhu uživatelského rozhraní, uživatelské zkušenosti a jeho součástí použitelnosti, kvůli které je nutné vytvořit prototyp. Další kapitola vysvětluje, co znamená prototypování, popisuje důvody prototypování a jeho proces. Dále je v práci uvedena charakteristika prototypů a prototypové metody. Další kapitola je věnována porovnání vybraných prototypových druhů. Po stanovení metody srovnání a formulování kritérií pro srovnání, popis vybraných prototypů podle vybraných kritérií a určení jejich hodnocení následovně. Dále je v kapitole uvedeno, v jaké fázi je druh prototypu použitelný a budou představeny prototypy pro ŠKODA AUTO a.s. Na konci kapitoly jsou uvedené prototypovací nástroje pro vytváření digitálního prototypu, jejich základní charakteristika a vlastnosti. Poslední kapitola představuje ukázku postupu vytváření prototypů.

Abstract:

The topic of this bachelor thesis is web application prototyping, which is part of the user interface design. The aim of the work is to describe the possibilities of prototyping, its original purposes, applicability, to describe the prototyping process and its outputs, to compare the types of prototypes from the generally accepted types of prototypes and to determine at what stage it is best to use, to concretize the cases of their use. One of the main goals is also the creation of a digital prototype intended for use in the pricing department of Škoda Auto a.s. The partial aim of the work is to develop an overview of prototyping tools and procedures. In the introduction part of the work there is a description of the user interface, principles of user interface design and description of the web application since this work focuses on the design of the user interface of web applications. The following is a description of the user interface design process, user experience and its component usability, due to which a prototype is required. The next chapter explains what prototyping means, describes the reasons for prototyping and the prototyping process. Further, the characteristics of prototypes and prototype methods are presented in the work. The next chapter is devoted to the comparison of selected prototype species. After determining the method of comparison and formulating the criteria for comparison, describe the selected prototypes according to the selected criteria and determine their evaluation as follows. In addition, the chapter describes at what stage is the type of prototype applicable and created prototypes for Škoda Auto a.s. At the end of the chapter, the prototyping tools for creating a digital prototype, their basic characteristics and properties are presented. The last chapter is a demonstration of the prototyping process.

Keywords

uživatelské rozhraní, prototypový nástroj, high-fidelity (hi-fi) prototyp, Prototyp aplikace, low-fidelity (lo-fi) prototyp

Keywords

Application prototype, user interface, prototyping tools, high-fidelity (hi-fi) prototypes, low-fidelity (lo-fi) prototypes

Language used: Czech

Date on which the thesis was submitted / produced: 15. 3. 2022

Thesis defence

• Supervisor: doc. Ing. Pavel Šimek, Ph.D.
• Reader: Eva Kánská, Ing.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Bachelor programme / field:
Systems Engineering and Informatics / Informatics