Tato diplomová práce se zaměřuje na návrh redesignu pro e-shop Broož, jelikož jeho aktuální řešení má značné nedostatky vzhledem k uživatelské zkušenosti. Cílem práce je jednak navrhnou nové řešení e-shopu Broož, které bude splňovat standardy UX designu a jednak vytvořit obecnou šablonu, která bude dostupná pro další e-shopy s podobným sortimentem. Obsahem této práce je představení principů UX/UI designu, procesu designování, aktuálních trendů a specifik webů. Dále je představen subjekt včetně důvodů a cílů redesignu. Následuje analýza, která obsahuje analýzu stávajícího stavu e-shopu, požadavky majitelek, konkurenční analýzu a vymezení požadavků k řešení získaných na základě provedených analýz. Ze získaných poznatků byl vytvořen návrh, který byl následně převeden do interaktivního prototypu vytvořeného pomocí nástroje Figma. Prototyp byl poté důkladně otestován. Konkrétně se jednalo o uživatelské testování a testování majitelkami e-shopu pomocí uživatelského scénáře, testování vzhledem k přístupnosti a zhodnocení UX designerem. Podněty získané z těchto testování a hodnocení byly postupně zapracovány do finálního návrhu. Finální návrh byl následně představen majitelkám e-shopu k závěrečnému vyjádření. Jelikož byl návrh majitelkami hodnocen kladně, došlo k předání návrhu redesignu pro plánovanou implementaci. Součástí diplomové práce je také zobecnění prototypu. V rámci této části došlo k definování základních zásad pro tvorbu obecné šablony a jejímu samotnému návrhu. Šablona byla dále podrobena hodnocením zkušeného UX designera a zveřejněna na platformě GitHub, kde je dostupná i dalším uživatelům.
Klíčová slova:
UX/UI; Figma; redesign; uživatelský zážitek; uživatelské rozhraní; e-shop; prototyp
Název práce:
Redesign of brooz.eu e-shop
Autor(ka) práce:
Štokingerová, Simona
Typ práce:
Diploma thesis
Vedoucí práce:
Vojíř, Stanislav
Oponenti práce:
Sklenák, Vilém
Jazyk práce:
Česky
Abstrakt:
This thesis focuses on the redesign proposal for the Broož e-shop, as its current solution has significant shortcomings concerning user experience. The thesis aims to both design a new solution for the Broož e-shop that will meet UX design standards and to create a generic template that will be available for other e-shops with a similar product range. The scope of this work is to introduce the principles of UX/UI design, the design process, current trends and specifics of websites. Furthermore, the subject is introduced including the reasons and goals of the redesign. This is followed by an analysis that includes an analysis of the current state of the e-shop, the owners' requirements, a competitive analysis and the definition of the requirements for the solution obtained from the analysis. From the findings, a design was created which was then translated into an interactive prototype created using Figma. The prototype was then thoroughly tested. Specifically, this involved user testing and testing by the e-shop owners using a user scenario, testing concerning accessibility and evaluation by the UX designer. The suggestions obtained from these testing and evaluation were gradually incorporated into the final design. The final design was then presented to the e-shop owners for final comments. As the owners positively evaluated the proposal, the redesign proposal was submitted for planned implementation. The thesis also includes a generalization of the prototype. Within this part, the basic principles for the creation of the generic template and the actual design of the template were defined. The template was further evaluated by an experienced UX designer and published on the GitHub platform, where it is available to other users.
Klíčová slova:
user interface; prototyp; UX/UI; redesign; user experience; Figma; e-shop