Cross-platform frameworks enable development for multiple platforms, such as iOS and Android, using the same codebase. Evaluation of cross-platform frameworks has traditionally been geared towards technical assessments and, more seldom, targeted usability, leaving a gap to be explored. This paper presents a usability analysis of Flutter and React Native, supported by a user study using the Cognitive Dimensions of Notations framework (CDN framework). Six developers were recruited and interviewed with the CDN framework questionnaire and a thematic analysis was performed where several usability issues, benefits and design trade-offs were identified. A recurring topic amongst the React Native developers was issues regarding hooks, while the Flutter developers unanimously identified problems relating to layout design. React Native was highlighted for its abstraction and progressive evaluation capabilities, indicating an edge toward Flutter. In contrast, comments regarding Flutters tooling capabilities and UI libraries showed an edge towards React Native. The identified usability benefits and trade-off characteristics give insight into each framework’s strengths and weaknesses. / “Cross-platform”-ramverk möjliggör applikationsutveckling till ett flertal plattformar såsom iOS och Android genom användning av samma kodbas. Flutter och React Native är i dagsläget två av de mest eftersökta “cross-platform”-ramverken. Utvärdering av dessa ramverk har vanligtvis utvärderat den tekniska aspekten, och mer sällan fokuserat på användbarhet. Denna masteruppsats presenterar en användbarhetsanalys av Flutter och React Native genom en användarstudie med utgångpunkt i ramverket “Cognitive Dimensions of Notations” (CDN-ramverket). Sex utvecklare rekryterades och intervjuades genom ett formulär tillhörande CDN-ramverket. En tematisk analys genomfördes på den insamlade datan och identifierade ett flertal problem och överväganden gällande design. Ett återkommande tema bland React Native-utvecklarna var problem relaterat till “hooks” medan Flutter-utvecklarna beskrev problem avseende layout-design. React Native mottog positiva kommentarer relaterat till abstraktionkapacitet och progressiv utvärdering jämfört med Flutter. Flutter mottog positiv kritik angående verktyg samt tillhörande UI-bibliotek jämfört med React Native. Utvärderingen av Flutter och React Native ger insyn i respektive ramverks styrkor och svagheter.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:kth-321542 |
| Date | January 2022 |
| Creators | Leandersson, Carl |
| Publisher | KTH, Skolan för elektroteknik och datavetenskap (EECS) |
| Source Sets | DiVA Archive at Upsalla University |
| Language | English |
| Detected Language | Swedish |
| Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
| Format | application/pdf |
| Rights | info:eu-repo/semantics/openAccess |
| Relation | TRITA-EECS-EX ; 2022:731 |
Page generated in 0.0026 seconds