Bachelor's Thesis

User-friendliness of the Traffic Analysis App

Final Thesis 14.76 MB

Author of thesis: Anna Shevchenko

Acad. year: 2025/2026

Supervisor: Ing. Magdaléna Ondrušková

Reviewer: Ing. Jiří Hynek, Ph.D.

Abstract:

This thesis deals with the redesign of the user interface of an existing traffic analytics application. The goal of the thesis is to identify the main usability problems of the current solution and to propose and implement a redesigned frontend. The work analyzes the existing application and, based on the identified shortcomings, proposes a redesign focused on information architecture, navigation and interaction, and visual design. The practical part consists of the frontend implementation of the proposed redesign, including data processing for analytical outputs. The result is a redesigned frontend solution with a more coherent structure, improved filtering and navigation, and clearer presentation of analytical content. The redesigned solution is subsequently evaluated through user testing with different user groups.

Keywords:

User experience design, usability, interaction design, traffic analytics, dashboard, map visualization, data visualization.

Date of defence

19.06.2026

Result of the defence

Defended (thesis was successfully defended)

znamkaAznamka

Grading

A

Process of defence

Studentka nejprve prezentovala výsledky, kterých dosáhla v rámci své práce. Komise se poté seznámila s hodnocením vedoucího a posudkem oponenta práce. Studentka následně odpověděla na otázky oponenta a na další otázky přítomných. Komise se na základě posudku oponenta, hodnocení vedoucího, přednesené prezentace a odpovědí studentky na položené otázky rozhodla práci hodnotit stupněm A.

Topics for thesis defence

  1. V sekci 6.1.1 zmiňujete použití knihovny Tailwind CSS, která upřednostňuje tzv. utility-based přístup k tvorbě stylů. Upřesněte, v jakých případech je tento přístup v projektu Analyticity využit. Je obecně žádané použít utility-based přístup pro všechny styly?

Language of thesis

English

Faculty

Department

Study programme

Information Technology (BIT)

Composition of Committee

prof. Dr. Ing. Jan Černocký (předseda)
doc. Ing. Vojtěch Mrázek, Ph.D. (místopředseda)
Ing. Aleš Smrčka, Ph.D. (člen)
Ing. Matěj Grégr, Ph.D. (člen)
Ing. Tomáš Milet, Ph.D. (člen)

Supervisor’s report
Ing. Magdaléna Ondrušková

Študentka úspešne analyzovala a prepracovala používateľské rozhranie existujúcej webovej aplikácie pre analýzu dopravných dát, čím výrazne zlepšila jej konzistenciu a celkovú použiteľnosť. Zjednotenie pôvodne oddelených častí aplikácie do jedného nového uceleného prostredia je prínosom nielen pre koncových používateľov, ale aj pre ďalší vývoj. Navrhujem hodnotiť známkou A.

Evaluation criteria Verbal classification
Informace k zadání

Zadanie je súčasťou projektu Analyticity. Cieľom práce bolo analyzovať existujúcu webovú aplikáciu z pohľadu použiteľnosti, identifikovať jej hlavné nedostatky a navrhnúť a implementovať nové používateľské rozhranie. Pôvodná aplikácia vznikala postupne v dvoch oddelených častiach zameraných na rôzne dátové zdroje, čo sa prejavovalo v nekonzistentnej štruktúre rozhrania a sťaženej orientácii používateľov.

Študentka vykonala systematickú analýzu aplikácie s využitím Nielsenových heuristík, navrhla redesign zameraný na informačnú architektúru, navigáciu a vizuálny dizajn, a výsledné riešenie implementovala pomocou React a TypeScript. Výstupom práce je prepracované frontendové riešenie so zdieľanou mapou a samostatnými analytickými dashboardami zameranými na jednotlivé kategórie dopravných udalostí (dopravné zápchy, nehody, a iné).

Práce s literaturou

Študentka si naštudovala doporučenú literatúru a samostatne vyhľadala ďalšie relevantné zdroje zamerané na UX dizajn, informačnú architektúru a vizualizáciu dát.

Aktivita během řešení, konzultace, komunikace

Študentka bola aktívna počas celého akademického roku, na pravidelné konzultácie chodila riadne pripravená.

Aktivita při dokončování

Práca bola dokončená včas, študentka výslednú implementáciu aj text riadne konzultovala a moje poznámky zapracovala.

Publikační činnost, ocenění
Points proposed by supervisor: 90

Grade proposed by supervisor: A

Reviewer’s report
Ing. Jiří Hynek, Ph.D.

Studentka ke své práci přistupovala svědomitě a vytvořila použitelné frontendové řešení zlepšující použitelnost aplikace pro analýzu dopravních dat. Oceňuji, že práci psala v anglickém jazyce. Navrhuji hodnocení stupněm A.

Evaluation criteria Verbal classification Points
Náročnost zadání

Evaluation level: průměrně obtížné zadání

Cílem práce bylo identifikovat hlavní problémy použitelnosti stávající aplikace Analyticity pro dopravní analytiku a na jejich základě navrhnout a implementovat nové frontendové řešení. Studentka se musela seznámit s principy UX designu (Design Thinking, Human-Centered Design heuristiky použitelnosti J. Nielsena) jako základ pro systematickou analýzu nedostatků původního systému. Na straně implementace se musela orientovat v technologiích React, TypeScript a Vite, doplněných o shadcn/ui, Tailwind CSS, Leaflet a Recharts. Zadání hodnotím jako průměrně obtížné. Považuji ho za splněné.

Prezentační úroveň technické zprávy

Kapitoly na sebe logicky navazují – text postupuje od rešerše a analýzy původní aplikace přes návrh změn až po implementaci a vyhodnocení. Vzhledem k tomu, že se práce primárně zaměřuje na zlepšování uživatelského rozhraní, je nicméně popis testování neúměrně stručný.

80
Formální úprava technické zprávy

Po formální stránce je práce na dobré úrovni. Vytkl bych špatné multicitace a nečíslovaný výpis v sekci 6.4.1. Studentka v práci zmiňuje použití nástrojů ChatGPT a Grammarly.

85
Realizační výstup

Výstupem práce je implementované frontendové řešení v technologii React, které sjednocuje dříve roztříštěná dopravní data do koherentního prostředí s vylepšenou navigací, sdílenými filtry a přehlednou analytickou vizualizací. Navržené řešení bylo dle uvedených informací ověřeno uživatelským testováním.

90
Využitelnost výsledků
Rozsah splnění požadavků zadání

Evaluation level: zadání splněno

Rozsah technické zprávy

Evaluation level: je v obvyklém rozmezí

Práce s literaturou

Práce s literaturou je na dobré úrovni. Studentka citovala dostatečné množství odborných zdrojů popisujících zpracování dopravních dat a principy UX.

90
Topics for thesis defence:
  1. V sekci 6.1.1 zmiňujete použití knihovny Tailwind CSS, která upřednostňuje tzv. utility-based přístup k tvorbě stylů. Upřesněte, v jakých případech je tento přístup v projektu Analyticity využit. Je obecně žádané použít utility-based přístup pro všechny styly?
Points proposed by reviewer: 90

Grade proposed by reviewer: A

Responsibility: Mgr. et Mgr. Hana Odstrčilová