A Design System is a single source of truth for an organisation’s products helping designers and developers realise an idea in an efficient workflow. Sometimes, a Design System can become inefficient, leading to problems like increasing design inconsistencies, delayed design workflow, unclear design guidelines, and increasing use of UI elements outside the Design System. A similar set of problems were identified in a rapidly growing electronics software startup, and out of all the Design System components, a checkbox is picked to showcase the redesign process. This led to the research question, “What are the key design challenges faced while redesigning a fragmented checkbox component in a startup?”. To tackle such problems, some methods like: Design System audit, stakeholder interviews, dot voting, secondary research, ideation, survey, and diary studies were used to gather insights. Five to ten internal stakeholders took part in most of the research activities. Four prominent challenges were discovered during the entire incremental redesign process. First is the difficulty in locating multiple instances of a UI component from various design files. Second is the difficulty in manually replacing the old with new UI components to visualise them in the context of many UI components and screens. The third is the difficulty in evaluating the redesigned UI components. Last is the challenge of transitioning the current UI screens with new UI components in bulk. It is challenging from the state of discovery until the test and transition. Consistent documentation and bulk action Figma plugins such as Similayer can be useful for a smooth transition. / Ett designsystem är en gemensam källa med anvisningar för en organisations produkter, som hjälper designers och utvecklare att förverkliga en idé i ett effektivt arbetsflöde. Ibland kan ett designsystem bli ineffektivt, vilket leder till problem som mer inkonsekventa designlösningar, försenat designarbetsflöde, oklara designriktlinjer och ökad användning av lånade UI-element från utanför designsystemet. En liknande uppsättning problem identifierades i en snabbt växande startup med fokus på elektronikprogramvara, och av alla designsystemkomponenter är en kryssruta markerad för att visa upp omdesignprocessen. Detta ledde till forskningsfrågan, "Vilka är de viktigaste designutmaningarna när manomdesignar en fragmenterad kryssrutekomponent i en startup?". För att ta itu med sådana problem användes metoder som: Designsystemrevision (Design System audit), intressentintervjuer, punktomröstning (dot voting), sekundär forskning, idéering, enkät och dagboksstudier för att samla in insikter. Fem till tio interna intressenter deltog i de flesta av dessa aktiviteter. Fyra huvudsakliga utmaningar upptäcktes under den inkrementella omdesignprocessen. Den första är svårigheten att hitta flera instanser av en UI-komponent från olika designfiler. Den andra är svårigheten att manuellt ersätta äldre UI-komponenter för att visualisera dem tillsammans med flera olika UI-komponenter och skärmar. Den tredje är svårigheten att utvärdera de omdesignade UI-komponenterna. Sist är utmaningen att enkelt uppdatera alla de existerande gränsnitten med nya UI-komponenter i ett svep. Vi ser med andra ord utmaningar ända från designprocessens initiala skede till testet och övergången. Konsekvent dokumentation och ”bulk action” Figma-plugins som Similayer kan vara användbara för en smidig övergång.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:kth-320462 |
| Date | January 2022 |
| Creators | Kesarla Suresh, Somesh |
| 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:410 |
Page generated in 0.0111 seconds