Return to search

Comparing User Interface Design Implementation between Cross-Platform and Native Mobile Applications : FlutterFlow versus Jetpack Compose / Jämförelse av Implementering av Användargränssnitt mellan Cross-Platform och Native Mobila Applikationer : FlutterFlow kontra Jetpack Compose

Smartphones have become indispensable in modern life, largely due to the vast array of apps that aim to simplify and enrich our daily experiences. Given the vast number of apps available, it's crucial to have a unique and user-friendly UI to stand out from the crowd. This thesis explores the processes of mobile application UI development, contrasting the traditional declarative programming approach with the Android toolkit Jetpack Compose and the use of a web based low-code tool, FlutterFlow, for cross-platform applications. The goal is to provide valuable insights for those seeking to develop competitive, modern UI. This is achieved by examining the advantages and disadvantages of each approach, focusing on their ability to create non-standard custom components, the scalability of the apps developed, and potential differences in UI responsiveness, animation smoothness, and overall fluidity. To address these questions, a case study was conducted where an application was developed using both approaches. In addition, a qualitative user survey was conducted to assess whether users could discern any difference between the two applications. The findings suggest that while users did not perceive a significant difference, Jetpack Compose outperformed in terms of app scalability and the creation of non-standard custom components. On the other hand, FlutterFlow proved advantageous in implementing standard functionalities and animations, as well as offering a considerably faster development time when only standard components were required. / Smartphones har blivit oumbärliga i det moderna livet, till stor del på grund av det stora utbudet av appar som syftar till att förenkla och berika våra dagliga upplevelser. Med tanke på det stora antalet tillgängliga appar är det avgörande att ha ett unikt och användarvänligt gränssnitt för att sticka ut från mängden. Syftet med denna avhandling är att jämföra processen vid utveckling av användargränssnitt för mobila applikationer, specifikt genom att kontrastera det traditionella tillvägagångssättet med deklarativ programmering med Jetpack Compose och användningen av ett lågkodverktyg, FlutterFlow, för cross-platform applikationer. Avsikten är att erbjuda värdefulla insikter för intressenter som strävar efter att utveckla moderna och konkurrenskraftiga applikationer. Detta mål uppnås genom att förtydliga fördelarna och nackdelarna med vardera tillvägagångssätt, särskilt när det gäller deras flexibilitet i att skapa icke-standard komponenter, skalbarheten hos de utvecklade applikationerna, och potentiella skillnader i responsivitet, smidighet och fluiditet mellan applikationen. För att besvara dessa frågor genomfördes en fallstudie där en applikation utvecklades med båda tillvägagångssätten. Dessutom genomfördes en kvalitativ användarundersökning för att bedöma om användarna kunde upptäcka skillnader mellan de två applikationerna. Resultaten tyder på att medan användarna inte uppfattade någon märkbar skillnad, visade Jetpack Compose vara överlägsen när det gäller applikationens skalbarhet och skapandet av icke-standard komponenter. Däremot uppvisade FlutterFlow en fördel i implementeringen av standard funktionaliteter och animationer, samt erbjuder betydligt snabbare utvecklingstid när applikationen endast kräver standardkomponenter.

Identiferoai:union.ndltd.org:UPSALLA1/oai:DiVA.org:kth-332401
Date January 2023
CreatorsJonsson Sjödin, Adrian, Lundqvist, Alexander
PublisherKTH, Skolan för elektroteknik och datavetenskap (EECS), Stockholm : KTH Royal Institute of Technology
Source SetsDiVA Archive at Upsalla University
LanguageEnglish
Detected LanguageSwedish
TypeStudent thesis, info:eu-repo/semantics/bachelorThesis, text
Formatapplication/pdf
Rightsinfo:eu-repo/semantics/openAccess
RelationTRITA-EECS-EX ; 2023:515

Page generated in 0.0021 seconds