Bachelor's Thesis

User-friendliness of the Traffic Analysis App

Final Thesis 14.76 MB

Author of thesis: Bc. 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
Information about assignment

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é).

Work with literature

Š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.

Activity during solution, consultations, communication

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

Activity during completion

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

Publication activity, awards
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 Max. points
The difficulty of the assignment

Evaluation level: moderately difficult assignment

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é.

Presentation level of the technical report

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 100
Formal preparation of a technical report

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 100
Realisation output

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 100
Usability of results
The extent to which the requirements of the assignment have been met

Evaluation level: assignment fulfilled

Extent of the technical report

Evaluation level: is within the usual extent

Work with literature

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 100
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á