Scalable Graphical Representation of Hierarchical Data Structures
2024 (English)Independent thesis Advanced level (degree of Master (One Year)), 20 credits / 30 HE credits
Student thesisAlternative title
Utvärdering av grafisk presentation för hierarkisk data (UX) (Swedish)
Abstract [en]
When many people choose to switch to electric cars, there are significant demands placed on the infrastructure to easily charge their vehicles wherever they are. One company contributing to this transition is CTEK. Their charging stations and Nanogrid systems help property owners, individuals, and others to provide a charging solution that works without overloading the power grid. To reduce excess work for the support department, a user interface was developed, allowing installers to configure and build a system themselves. The developed user interface focused on simplicity, scalability, and speed. Through an iterative, user-centered design process, which included a preliminary study, prototype development, implementation, and user testing, an interface with an interactive tree diagram was created. The preliminary study consisted of a literature review where theories on usability, UX design, interaction design, user-centered design, iterative design processes, impact mapping, and visualization methods were analyzed. A Lo-Fi prototype was developed and used in several user tests to ensure the new interface met the established expectations. Based on the user tests, an interface was developed. The implementation is a web application with an interactive tree diagram that allows users to add, edit, and remove charging stations and fuses in the configuration. The final product shows promising results, but parts of the interface require further development to handle error management and reduce repetitive tasks.
Abstract [sv]
När många väljer att byta till elbil så ställs stora krav på infrastrukturen för att kunna enkelt ladda sin bil var man än är. Ett företag som är med och driver omställningen är CTEK, deras laddstationer och Nanogrid-system hjälper fastighetsägare, privatpersoner m.m att kunna tillhandahålla en laddningslösning som fungerar utan att överbelasta elnätet. För att avlasta supportavdelningen överflödigt jobb utvecklades ett användargränssnitt där installatörerna har möjlighet att konfigurera och bygga ett system själva. Det utvecklade användargränssnittet fokuserade på enkelhet, skalbarhet och snabbhet. Genom en iterativ användarcentrerad designprocess, som bestod av förstudie, prototyputveckling, implementation och användartest skapades ett gränssnitt med ett interaktivt träddiagram. Förstudien bestod av en litteraturstudie teori om användbarhet, UX-design, interaktionsdesign, användarcentrerad design, iterativ designprocess, effektkartläggning och visualiseringsmetoder analyserades. En Lo-Fi-prototyp utvecklades och användes i flera användartester för att säkerställa att det nya gränssnittet motsvarade de uppställda förväntningarna. Utifrån användartesterna kunde ett gränssnitt utvecklas. Implementationen är en webbapplikation med ett interaktivt träddiagram som tillåter användaren att lägga till/redigera samt ta bort laddstationer och säkringar i konfigurationen. Den slutliga produkten är ett lovande resultat men delar av gränssnittet kräver vidareutveckling för att hantera felhantering och minska repetitiva uppgifter.
Place, publisher, year, edition, pages
2024.
Keywords [en]
UX, hierarchical data, electric vehicle
Keywords [sv]
UX, hierarkisk data, elektriska fordon
National Category
Engineering and Technology
Identifiers
URN: urn:nbn:se:liu:diva-220867ISRN: LiU-ITN-TEK-A--24/049--SEOAI: oai:DiVA.org:liu-220867DiVA, id: diva2:2033317
External cooperation
CTEK Norrköping
Subject / course
Media Technology
Supervisors
Examiners
2026-01-292026-01-292026-01-29Bibliographically approved