Návrh UI a interaktivního prototypu mobilní aplikace pro digitální kuchařku

Jonáš Podzemský

Bakalářská práce

UI design and interactive prototype of a mobile application for a digital cookbook

Anotace:

Cílem této bakalářské práce je navrhnout high-fidelity prototyp mobilní aplikace digitální kuchařky, která umožní tvorbu, správu a sdílení receptů, jejich organizaci pomocí kategorií a filtrování podle ingrediencí či typu jídla. Interaktivní model je zaměřen na přehledné a intuitivní rozhraní vycházející z potřeb cílové skupiny. Teoretická část práce se věnuje vývoji a současným trendům digitálních kuchařek, základním principům při tvorbě uživatelského rozhraní a prototypování, designovým principům pro mobilní aplikace, analýze konkurenčních řešení a metodám sběru uživatelských dat. Praktická část práce zahrnuje zpracování uživatelských dat prostřednictvím dotazníkového šetření, na jehož základě jsou identifikovány preference uživatelů a definovány hlavní funkcionality aplikace. Výsledky šetření zároveň vedou k úpravě původního cíle organizace receptů, kdy byla upřednostněna správa pomocí složek před pevně definovanými kategoriemi. Dále je v nástroji FigJam navržena informační architektura aplikace a následně byl v prostředí Figma vytvořen vizuální návrh digitální kuchařky. Pomocí nástroje Figma Make byl design převeden do interaktivního high-fidelity prototypu a otestován respondenty podle připraveného testovacího scénáře. Výsledky testování odhalily dílčí nedostatky, které byly následně opraveny a zapracovány do finálního řešení. Výsledkem práce je funkční a otestovaný high-fidelity prototyp digitální kuchařky, který může sloužit jako podklad pro další vývoj a případnou implementaci do produkční podoby.

Abstract:

The aim of this bachelor thesis is to design a high-fidelity prototype of a mobile digital cookbook application that will enable the creation, management, and sharing of recipes, their organization by category, and filtering by ingredients or type of dish. The interactive prototype focuses on a clear and intuitive interface based on the needs of the target group. The theoretical part of the thesis focuses on the development and current trends in digital cookbooks, the basic principles of user interface design and prototyping, design principles for mobile applications, analysis of competing solutions, and methods of collecting user data. The practical part of the work involves processing user data through a questionnaire survey, which is used to identify user preferences and define the main functionalities of the application. The results of the survey also led to a modification of the original goal of organizing recipes, with priority given to management using folders rather than fixed categories. Furthermore, the information architecture of the application was designed in FigJam, and a visual design of the digital cookbook was subsequently created in Figma. Using the Figma Make tool, the design was converted into an interactive high-fidelity prototype, which was tested by respondents who tested the solution according to a prepared test scenario. The test results revealed minor shortcomings, which were subsequently corrected and incorporated into the final version of the prototype. The result of this work is a functional and tested high-fidelity prototype of a digital cookbook, which can serve as a basis for further development and possible implementation into a production form.

Klíčová slova

digitální kuchařka, mobilní aplikace, interaktivní prototypování, Figma, UI návrh, UX design

Keywords

digital cookbook, mobile app, interactive prototyping, Figma, UI design, UX design

Jazyk práce: čeština

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

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

• Obhajoba proběhla 22. 5. 2026
• Vedoucí: Ing. Adéla Hamplová, Ph.D.
• Oponent: Vítězslav Kůla, Ing.

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

Provozně ekonomická fakulta

Bakalářský studijní program:
Informatika