Návrh UX a UI webové aplikace pro zprostředkování zážitku z fyzického místa

Tomáš Hájek

Diplomová práce

Designing the UX and UI of a web application that enables experiencing real locations online

Anotace:

Diplomová práce se zabývá návrhem uživatelského prostředí (UX a UI) webové aplikace, která pomocí technologie 360stupňového videa a gamifikace zprostředkovává zážitek z okolí řeky Vltavy. Její cílovou skupinou jsou mladí dospělí obyvatelé hlavního města Prahy, kteří jsou skrze ni motivováni k edukaci a následně i návštěvě zmíněných lokací. Cílem je vybudovat vztah mezi těmito lidmi a řekou Vltavou, a vzbudit tak z jejich strany zájem o pasivní i aktivní participaci na ochraně tohoto vodního toku. Aplikace vzniká v rámci strategie “Tvoje Vltava”, která byla vytvořena katedrou multimédií na Vysoké škole ekonomické v Praze. Analýza a návrh aplikace je zpracován dle metody Double Diamond, modelu 5 vrstev UX dle Garretta a frameworku STDC. V první řadě jsou tak získávány informace o cílové skupině i existujících řešení skrze rešerši a výzkum. Následně je na základě těchto poznatků navržena konkrétní platforma, tedy webová aplikace, a její logická podoba (UX). Poté je vytvořeno i uživatelské prostředí (UI), které je dále upraveno dle zpětné vazby, čímž vzniká finální prototyp. Ten je cílovou skupinou otestován a následně ohodnocen dle stanovených kritérií.

Abstract:

This diploma thesis focuses on designing the UX and UI of a web application that uses 360-degree video and gamification to enable users to virtually experience real physical locations surrounding the Vltava River. The target group for this application consists of young adults living in Prague, who are encouraged by the application to explore sites along the Vltava River in Prague and gain insights into them. The ultimate aim is to engage those people in the preservation efforts for the river. The application is created as a part of the "Tvoje Vltava" strategy, which was created by the Department of Multimedia at the Prague University of Economics and Business. The methodology employed in this thesis is Double Diamond, The five elements of UX design by Garrett and STDC framework. First step is getting to know more information about the mentioned segment and also existing solutions. Up next is choosing the right digital platform and designing UX. After that the proposals of UI are introduced. Those are then tested by members of the target group and based on their feedback a final prototype is designed. The prototype undergoes additional testing and thereby is validated.

Klíčová slova

webová aplikace, uživatelské prostředí, ux, ui, gamifikace

Keywords

gamification, web application, ux, user interface, ui

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 4. 12. 2023

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

• Obhajoba proběhla 19. 1. 2024
• Vedoucí: Zdeněk Vondra
• Oponent: Tereza Zichová

Vysoká škola ekonomická v Praze

Magisterský studijní program / obor:
Informační systémy a technologie / Vývoj informačních systémů