Skip to content

The course Human Centred Design is about learning to design and build websites for real humans, using user testing and iterative design proces. Human Centred Design is part of the half year minor programme about Web Design and Development in Amsterdam. Bachelor Communication and Multimedia Design, Amsterdam University of Applied Science.

License

Notifications You must be signed in to change notification settings

sjagoori/musicle

 
 

Repository files navigation

👋 🎵 Musicle

Human Centered Design @cmda-minor-web 2021, interactie ontwerpen: Rapid prototypen en testen met echte mensen

Voor het van Human Centered Design heb ik samen met Marijn een accessible muziekspeler ontworpen. Marijn heeft een motorische beperking waardoor meeste vormen van interactie af vallen. Hiervoor hebben we samen gezocht naar gepaste oplossingen. In de wiki van deze repo zijn de testverslagen met uitgebreide conclusie en rationale te vinden.

User scenario

Marijn is een 44 jarige man en vader van twee kinderen. Hij woont samen met zijn vrouw en kinderen. Hij houdt zich niet veel bezig met kleuren maar heeft wel een voorkeur voor dark-mode.

In het professionele leven is hij actief als een technische chief architect. Hij is verantwoordelijk voor het leveren van correcte metadata voor muziek voor vrijwel alle muziekdiensten ter wereld. Zelf houdt hij van (hoe hij het noemt) takkenherrie.

Bij het gebruik van de laptop gebruikt hij het liefst zijn linker hand omdat de sneltoetsen (en dus de modifier knoppen) eenmaal het dichtst aan elkaar aan de linker kant staan. Bovendien gebruikt voor het gemakt exclusief een touchpad, deze wordt ook met de linker hand bedient. Daarnaast gebruikt hij naast zijn laptopscherm, 3 extra schermen zodat hij niet constant op zoek moet naar vensters.

Hij maakt duidelijk dat hij het liefst zo min mogelijk moeite wilt doen om een taak uit te voeren. Verder legt hij uit dat hij VI als editor gebruikt en dat hij de sneltoetsen zo fijn vindt dat hij deze ook instelt op andere applicaties. Voor het programmeren gebruikt hij Komodo editor en Chrome voor het browsen.

Het probleem

Marijn heeft een motorische handicap waardoor de range-of-motion en het gebruik van multi-point interaction lastiger gaat. Hij kan bijvoorbeeld niet lange afstanden slepen. Bovendien beweegt hij heel wat waardoor de elementen op het scherm soms even kwijt zijn. Om zijn setup makkelijker te maken, gebruikt hij 3 schermen waar hij vensters open laat staan, dan weet hij precies wat waar staat.

Om die redenen wilt marijn een oplossing waarbij de drag-en-drop interactie verbeterd is of vervangen met een alternatief dat even goed of betere werkt.

Prototypes maken en testen

Het proces van het maken en testen van de prototypen voor de Musicle begon met een drag-en-drop kanban bord. Uit deze eerste test kwamen de eerste inzichten. Na de inzichten gedocumenteert te hebben in een testverslag, ontstond musicle. Elke week is het concept van Musicle getest met één hoofd prototype en één onderzoeken prototype waarbij extra inzichten gevonden werden.

Testverslagen

1️⃣ Test 1 - de discovery
2️⃣ Test 2 - introductie speler en toetsenbord interactie
3️⃣ Test 3 - finetuned speler en swipe interactie

Einconclusies

🧐 Eindconclusies
🥇 De oplossing en rationale

About

The course Human Centred Design is about learning to design and build websites for real humans, using user testing and iterative design proces. Human Centred Design is part of the half year minor programme about Web Design and Development in Amsterdam. Bachelor Communication and Multimedia Design, Amsterdam University of Applied Science.

Resources

License

Stars

Watchers

Forks

Languages

  • JavaScript 79.0%
  • CSS 11.9%
  • HTML 9.1%