Web Application for Generating Customized Knitted Clothing Items - Exploring Interactions and Visualizations in Configurators for Customized Knitted Clothing Items

Abstract

Tilpasning av produkter har blitt stadig mer populært gjennom netthandel. Alt fra sko, klær, elektronikk og til og med biler kan tilpasses ved å bruke online produktkonfiguratorer. Dreamknit er en bedrift som tilbyr en online konfigurator for å tilpasse strikkede gensere. I motsetning til vanlige e-handelssider, selger Dreamknit kun en oppskrift på genserdesign, der strikkere må lage genseren selv.

Denne oppgaven undersøker visualiseringer og interaksjoner i Dreamknit sin online konfigurator. En funksjonell prototype ble utviklet, og to brukertester med eye-tracking og ett design review ble utført. Dreamknits eksisterende nettside ble brukt som utgangspunkt, hvor funksjonalitet for å legge til strukturer, som fletter og tvister, til gensere ble implementert.

Ulike typer interaksjoner for å modifisere strukturer ble testet, og direkte manipulasjon var å foretrekke blant brukere. Det var ønskelig å dra for å legge til nye strukturer, men også for å modifisere eksisterende strukturer. En funksjon med få alternativer, endring av bredde på strukturer, viste imidlertid ikke en klar preferanse for direkte manipulasjon, noe som tyder på at direkte manipulasjon blir mer fordelaktig ettersom antall alternativer øker.

To primære visualiseringer ble testet, den ene delte genseren i flere primitive former og den andre brukte mer realistiske skisserte bilder. Overraskende nok fikk ikke den primitive visualiseringen mye kritikk i forhold til realisme fra brukerne, og å støtte riktig plassering av elementer var viktigere enn et høyt nivå av realisme. Videre ville brukere umiddelbart se mot visualiseringen etter å ha endret et alternativ, noe som gjorde visualiseringen til en gunstig tilbakemeldingsmekanisme.

Customization of products has become increasingly more popular through online e-commerce shopping. Orders ranging from shoes, clothing, electronics, and even cars can be customized using online product configurators. Dreamknit is a business that offers an online configurator for customizing knitted sweaters. Unlike regular e-commerce sites, Dreamknit only sells a recipe for a sweater design, where knitters will have to knit the sweater themselves.

This thesis investigates visualizations and interactions in Dreamknit's online configurator. The design and creation strategy was used to develop a functional prototype, and two usability tests with eye-tracking and one design review were conducted. Dreamknit's existing website was used as a basis, where functionality for adding structures, like braids and twists, to sweaters were implemented.

Different types of interactions for modifying structures were tested, and direct manipulation was preferable among users. Using drag for adding new structures but also modifying existing structures was desirable. However, one feature with a low degree of freedom, resizing structures, did not show a clear preference towards direct manipulation, suggesting that direct manipulation becomes more favorable as the degree of freedom increases.

Two primary visualizations were tested, one splitting the sweater into several primitive shapes and one using more realistic sketched images. Surprisingly, the level of realism in the primitive visualization did not receive much criticism from users, and supporting the proper placement of elements was more important than a high level of realism. Furthermore, users would immediately gaze towards the visualization after changing an option, making the visualization a powerful feedback mechanism.