Redesign firemného prezentačného webu s využitím UX a UI metód

Ema Poláková

Bakalářská práce

Redesign firemního prezentačního webu s využitím UX a UI metod

Anotace:

Bakalářská práce je zaměřena na redesign webových stránek soustružnického studia Krása dřeva. Stránky slouží k reprezentaci studia a propagaci jeho služeb. Původní web byl příliš složitý a pro uživatele neatraktivní. Cílem práce bylo redesignovat webovou platformu studia, modernizovat ji a zjednodušit přihlašování do kurzů. Konečným výstupem práce je prototyp vysoké věrnosti vytvořený v programu Figma. Práce se skládá z teoretické a praktické části. Na začátku první části je představena problematika soustružnického studia. V teoretické části je popsán návrh webu a postupy jeho tvorby. Dále je zde uvedeno rozdělení metod UX a UI. Součástí je popis metody designu zaměřeného na člověka, podle které se vytváří nový webový design. V druhé části práce bylo provedeno několik hloubkových rozhovorů s uživateli. Prostřednictvím analýzy a rozhovorů byly zjištěny nedostatky současného webu a vzorce chování návštěvníků kurzů. V praktické části byly využity všechny poznatky získané z předchozích částí. Na základě zjištění z výzkumu byl vytvořen prototyp nových webových stránek. Nakonec bylo provedeno testování, které potvrdilo, že cíl práce byl splněn. Nové webové stránky byly uživateli hodnoceny jako přehledné a moderní. Testování také prokázalo, že proces přihlašování do kurzů byl zjednodušen.

Abstract:

This bachelor thesis is focused on the redesign of website of the woodturning studio Krása dřeva. The website is used to represent the studio and promote its services. Former site was too complicated and unattractive for users. This work aims to redesign the site, modernise it and make the process of signing up for courses easier. The final output is a high-fidelity prototype created in Figma. This thesis consists of a theoretical and a practical part. At the beginning of the first part, the issues of studio are introduced. In the theoretical part, web design and its creation procedures are described. There is also a classification of UX and UI methods. It includes a description of the human-centred design method. According to this method the new web design was created. In the second part of the thesis, several in-depth interviews with users were conducted. Through the analysis and interviews, the shortcomings of the current site and patterns in the behaviour of visitors were discovered. In the practical part, all the knowledge gained from previous parts was used. Prototype of the new website was created based on the findings from the research. Finally, testing was carried out to confirm, that the objectives of the thesis were met. The new site was rated by users as easy to understand and modern. The testing also proved that the process of signing up for courses was simplified.

Abstract:

Bakalárska práca je zameraná na redesign webovej stránky sústružníckeho štúdia Krása dřeva. Stránka slúži na reprezentáciu štúdia a propagáciu jeho služieb. Pôvodný web bol pre užívateľov príliš komplikovaný a neatraktívny. Cieľom práce bolo vytvoriť návrh redesignu internetovej platformy štúdia, modernizovať ju a zjednodušiť prihlasovanie na kurzy. Výsledným výstupom práce je prototyp vysokej vernosti vytvorený vo Figme. Práca je tvorená teoretickou a praktickou časťou. Na začiatku prvej časti je priblížená problematika sústružníckeho štúdia. V teoretickej časti je popísaný web design a postupy jeho tvorby. Nachádza sa tam aj rozdelenie metód UX a UI. Súčasťou je popísanie metódy designu zameraného na človeka, podľa ktorej je nový návrh webu vytvorený. V druhej časti práce bolo vykonaných niekoľko hĺbkových rozhovorov s užívateľmi. Vďaka analýze a rozhovorom boli objavené nedostatky aktuálnej stránky a vzorce v chovaní návštevníkov kurzov. V praktickej časti boli využité všetky získané znalosti z predchádzajúcich častí. Na základe zistení z výskumu bol vytvorený prototyp nového webu. Na záver bolo vykonané testovanie, ktoré potvrdilo splnenie cieľu práce. Nová stránka bola ohodnotená užívateľmi ako ľahko pochopiteľná a moderná. Testovanie zároveň dokázalo, že proces prihlasovania na kurzy bol zjednodušený.

Klíčová slova

prototyp, redesign, uživatelská skušenost, kurzy, soustružení dřeva, web design

Keywords

courses, prototype, redesign, woodturning, web design, user experience

Klíčová slova

sústruženie dreva, web design, kurzy, prototyp, redesign, užívateľská skúsenosť

Jazyk práce: slovenština

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

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

• Obhajoba proběhla 14. 6. 2023
• Vedoucí: Filip Dědic
• Oponent: Natália Rajnohová

Vysoká škola ekonomická v Praze

Bakalářský studijní program / obor:
Aplikovaná informatika / Multimédia v ekonomické praxi