UI Builder – an Interface Building Tool for Generating React Native Code for Mobile & Web

Abstract: Detta examensarbete undersöker hur ett visuellt designverktyg för byggande av användargränssnitt till iOS, Android, och webben kan konstrueras. Även fast det finns en hel del verktyg för att designa och bygga mobil- och webbappar, så finns det i nuläget inga visuella designverktyg för att bygga en gemensam app för alla tre plattformar. Utöver detta, så undersöker arbetet potentiella lösningar till problem relaterade till kodgenerering, mobil- och webbapputveckling samt tillgänglighetsstöd (eng. accessibility support) på flera plattformar – samtidigt som fokus ligger på användarupplevelsen av designverktyget. För att hitta lösningar till problemen inom de angivna områdena har ett visuellt designverktyg utvecklats med stöd för flera viktiga funktioner – högkvalitativ kodgenerering, ett intuitivt sätt att visuellt bygga väl utformade och tillgängliga (eng. accessible) användargränssnitt, samt en gemensam kodbas för de tre målplattformarna. En iterativ arbetsprocess har använts, och fokus har genomgående legat på användaren av systemet. Processen delades upp i flera faser, och flera typer av användbarhetsutvärderingar har använts – bl.a. heuristiska utvärderingar och användartestning. Resultaten som presenterats i detta arbete visar hur ett visuellt designverktyg för flera plattformar kan se ut och fungera. Utöver detta så har även potentiella lösningar till hur högkvalitativ kodgenerering och tillgänglighetsstöd kan implementeras presenterats.