Praktické využití UX a UI designu při návrhu mobilní aplikace

Bc. Kristýna Novotná

Diplomová práce

Practical Usage of UX and UI Design in Mobile Application Design

Anotace:

Diplomová práce se zaměřuje na vytvoření uživatelsky přívětivého a vizuálně přitažlivého návrhu mobilní aplikace, a to za pomocí metod UX a UI designu. Práce je rozdělena na teoretickou a praktickou část. Teoretická část v úvodu představuje kapitolu týkající se mobilní aplikace, tzn. její návrh a vývoj a běžné stránky, ze kterých se mobilní aplikace skládá. Nadále je objasněna problematika UX a UI designu a jsou přiblíženy metody uživatelského výzkumu, jenž jsou nezbytnou součástí vývoje aplikace. Součástí teoretické části je charakteristika prvků, z nichž se skládají jednotlivé stránky aplikace a které jsou důležité pro interakci s aplikací. Současně jsou zde definovány další důležité komponenty uživatelského rozhraní, jako psychologie a použití barev, typografie, rozložení, přístupnost aj. Teoretickou část zakončuje kapitola týkající se testování použitelnosti, jenž je důležité pro otestování prototypu aplikace z hlediska logického uspořádání funkcí a nalezení případných chyb. Praktická část se zaměřuje na aplikování teoretický poznatků při návrhu mobilní aplikace na nákup vstupenek do kina. V úvodu je charakterizována navrhovaná aplikace, následně se přechází na uživatelský výzkum, jenž zahrnuje vytvoření fiktivních uživatelů aplikace. Poté jsou vytvořeny případy užití a drátěné modely jednotlivých stránek, které obsahují navrhnutí funkcí, akcí a informací, které budou jednotlivé stránky obsahovat. Na tento návrh jsou poté aplikovány vytvořené a zvolené komponenty uživatelského rozhraní. V závěru je z jednotlivých stránek vytvořen interaktivní prototyp, jenž je otestován z hlediska použitelnosti na vybraném vzorku respondentů.

Abstract:

The thesis focuses on creating a user-friendly and visually appealing mobile application design using UX and UI design methods. The thesis is divided into theoretical and practical parts. The theoretical part in the introduction presents the chapter related to the mobile application, i.e. its design and development and the common pages that make up a mobile application. It continues to be clarified the issue of UX and UI design and the methods of user research, which are an essential part of application development. The theoretical part includes a characterization of the elements that make up each page of the application and that are important for interaction with the application. At the same time, other important components of the user interface are defined, such as the psychology and use of colors, typography, layout, accessibility etc. The theoretical part concludes with a chapter on usability testing, which is important to test the prototype application in terms of the logical arrangement of functions and finding possible errors. The practical part focuses on the application of the theoretical knowledge in the design of a mobile application for purchasing cinema tickets. In the introduction, the proposed app is characterized, then moving on to user research, which involves creating fictitious users of the app. Use Cases and wireframes of each page are then created, which involves designing the features, actions and information that each page will contain. The created and selected user interface components are then applied to this design. Finally, an interactive prototype is created from the individual pages and tested for usability on a sample of respondents.

Klíčová slova

design, uživatelská přívětivost, uživatelské rozhraní, drátěný model, případ užití, prototyp, mobilní rozhraní, obrazovka, rozložení, tlačítko, ikona, barva, mobilní aplikace

Keywords

Design, User Experience, User Interface, Wireframe, Use Case, Prototype, Mobile Interface, Screen, Layout, Button, Icon, Color, Mobile App

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 17. 3. 2024

Obhajoba závěrečné práce

• Vedoucí: Ing. Josef Pavlíček, Ph.D.
• Oponent: Michael Skřivánek, externi

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Magisterský studijní program:
Informatika