Tvorba studijních materiálů pro předmět Interakční design

Bc. Sára Tobiášová

Master's thesis

Study material development for Interaction design

Abstract:

Tato diplomová práce se zabývá tvorbou studijních materiálů pro výuku předmětu Interakční design. Rešeršní část práce je proto zaměřena na tuto disciplínu a také disciplíny s ní související, tedy Interakce člověk počítač, User Experience a problematika návrhu uživatelského rozhraní. Dále se věnuje jednotlivým krokům návrhu, od sestavení UI specifikace se všemi jejími komponentami, přes prototypování po testování použitelnosti. Tato teoretická východiska by měla být vhodnou učební pomůckou pro pochopení základních principů Interakčního designu. Praktická část se pak zaměřuje na návrh vylepšení uživatelského rozhraní pro existující systém. Tato část by měla sloužit jako praktická ukázka pro zpracování semestrálního projektu z Interakčního designu. Pro tyto účely byla zvolena mobilní aplikace UniCredit SmartBanking. Na základě analýzy využití mobilního bankovnictví v ČR a uživatelských recenzí byly stanoveny cíle pro nový návrh, které byly využity pro tvorbu UI specifikace a funkčního prototypu v nástroji Figma. Ten byl v poslední části práce otestován pomocí Nielsenových heuristik a kognitivního průchodu a na základě výsledků byly navrženy úpravy tohoto prototypu.

Abstract:

This thesis deals with the creating of study materials for the subject Interaction Design. The research part of the thesis is therefore focused on this discipline and also on disciplines related to it, i.e., Human Computer Interaction, User Experience and User Interface Design. It also discusses the different steps of the design process, from building the UI specification with all its components, to prototyping and usability testing. This theoretical background should be a useful learning tool for understanding the basic principles of Interaction Design. The practical part then focuses on designing UI improvements for an existing system. This part should serve as a practical demonstration for the semester project in Interaction Design. For this purpose, the UniCredit SmartBanking mobile application was chosen. Based on the analysis of the use of mobile banking in the Czech Republic and user reviews, the objectives for the new design were set and used to create the UI specification and functional prototype in Figma. The latter was tested in the last part of the thesis using Nielsen heuristics and cognitive walkthrough and based on the results, modifications to this prototype were proposed.

Keywords

Interakční design, User Experience, Uživatelské rozhraní, UI specifikace, Prototypování, Figma, Testování použitelnosti, Nielsenovy heuristiky, Kognitivní průchod

Keywords

Interaction design, User experience, User interface, UI specification, Prototyping, Figma, Usability testing, Nielsen's heuristics, Cognitive walkthrough

Language used: Czech

Date on which the thesis was submitted / produced: 21. 4. 2023

Thesis defence

• Date of defence: 26. 5. 2023
• Supervisor: Ing. Josef Pavlíček, Ph.D.
• Reader: Natalia Matsyshina, M.Sc., externi

Czech University of Life Sciences Prague

Faculty of Economics and Management

Master programme:
Informatika