Onderzoek functionaliteiten gebaseerd op eisen van muzikanten

Na het onderzoeken van de muzikanten is er een lijs aan behoeftes. Hierbij heb ik voorbeelden gezocht om zo het design ergens op te kunnen baseren.

1. Wanneer de gebruiker muziek in zijn/haar hoofd heeft wil hij/zij deze terug kunnen lezen zodat hij/zij dit nog een keer kan spelen en kan delen.

  • Notatie van noten
  • Onderzoek naar notatie (waarom wel/niet)

Keuze: Gekozen voor notenbalk. Dit is een algemene taal die iedereen spreekt. Met andere notatie moet je een hele nieuwe taal leren. De mensen die deze website gebruiken kunnen al noten lezen. Op de opname pagina niet meer dan 7 noten tegelijk. Dit zorgt ervoor dat de gebruiker het overzicht kan bewaren, maar dat er niet teveel informatie tegelijk op het scherm staat. Via https://lawsofux.com/millers-law.html staat beschreven hoe een gebruiker nooit meer dan 7 ‘belangrijke’ dingen op de pagina willen. Daarom moet er altijd gegroepeerd worden met steeds 5 tot 9 dingen tegelijk. (1.)

Bij de overzicht pagina wil de gebruiker de muziek kunnen spelen. Dit zorgt er dus voor dat de muziek helemaal uitgeschreven in het scherm moet komen.

2. Wanneer er geluid wordt ingesproken moet het geluid geanalyseerd worden zodat er live een visualisatie laten zien kan worden.

  • WebAudio API
  • VueJS
  • Conclusie (al geschreven)

Doherty Threshold

‘Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.’

3. Wanneer de gebruiker klaar is met spelen wil hij/zij de muziek terug kunnen luisteren zodat hij/zij het over kan doen als hij/zij niet tevreden is.

  • Afspelen/hervatten

4. Wanneer er muziek terug geluisterd wordt wil de gebruiker kunnen zien welke noten er gespeeld zijn zodat hij/zij weet wat er op dat moment wordt laten horen.

  • Progressiebalk
  • Noot andere kleur, balkje in progressie en lijntje voor waar je bent in de muziek.

Keuze: Noot een andere kleur krijgen. Dit is een pattern wat je veel ziet bij huidige muziek notatie programma’s. Zo kan de gebruiker precies zien welke noot er op dat moment gespeeld wordt. Bij een balk is de precieze noot niet duidelijk en voor mensen die het tempo nog niet snappen kunnen moeilijker de muziek naspelen. Het lijntje wordt te onrustig. De noten en notenbalk bestaan ook uit lijntjes waardoor een lijn er bij heel onduidelijk wordt.



5. Wanneer de gebruiker muziek in zijn/haar hoofd heeft wil hij/zij dat opnemen zodat zij de muziek niet vergeten

  • Structuur voor opnemen

Op de eerste pagina wilt de gebruiker direct kunnen opnemen. Opnames die al gemaakt zijn worden verwacht onder een ‘archief’. Bij het opnemen zie je wat je opneemt en vervolgens kunnen gebruikers dit opslaan en terugluisteren.

6. Wanneer de gebruiker een tempo in het hoofd heeft kan hij/zij dit aangeven in de app zodat de muziek op de juiste manier wordt genoteerd.

  • Input voor BPM

BPM is iets wat achteraf aangepast kan worden. “Het muziekstuk wat nu opgenomen wordt staat nog niet vast. Er kan nog vanalles aan geschaaft worden. Het kan nog een ballad worden of een meer up tempo nummer”

Van te voren hoef je dus niet te weten wat het tempo is. Wel moet er een standaard tempo ingesteld worden. Dit is een tempo wat veel gebruikt wordt bij muziek. Zoals 90 bpm (gebaseerd op navragen en onderzoek)

7. De gebruiker wil de muziek makkelijk kunnen vinden zodat hij/zij de muziek snel nog een keer kan (af)spelen.

8. Wanneer de gebruiker heeft opgenomen wil hij/zij de muziek direct kunnen terugluisteren zodat hij/zij kan nakijken of het opgenomen stuk goed is.

  • Afspeelknop

Dit is een mooi pattern voor het afspelen en pauzeren. Nadat de gebruiker iets afspeelt is het enige wat de gebruiker dan kan doen, pauzeren. Dan hoeft de afspeelknop niet meer laten zien worden. Door de afspeelknop te veranderen in een pauzeerknop hoeft de gebruiker niet te zoeken en te kiezen tussen knoppen.

Er moet een dubbele functionaliteit komen voor het afspelen van de ingesproken dingen. Dit wordt in de meeste opname apps al gedaan. Zo heeft Iphone een mooi voorbeeld en de standaard Samsung opname applicatie. Dit is vervolgens getest met een gebruiker daaruit zijn drie versies gekomen. De keuze is gevallen op de meest duidelijke. Waarbij ‘opslaan’ en ‘hervat’ als woorden geschreven staan. Dit zorgt ervoor dat de gebruiker geen nieuwe iconen moet gaan leren en ook niet kan vergissen in knoppen.

9. Wanneer de gebruiker heeft opgenomen wil hij/zij direct kunnen opslaan of verwijderen zodat hij/zij door kan gaan met waar hij/zij mee bezig was.

  • locatie opslaan/verwijderen
  • Opslaan knop
  • Autosave

Na het veranderen van de naam van het bestand wordt dat automatisch opgeslagen. Naast dat het een actie minder is voor de gebruiker is dit ook een pattern wat veel voorkomt. Door automatisch de aanpassingen op te slaan worden de aanpassingen sneller opgeslagen. Daardoor zullen deze aanpassingen zelfs opgeslagen worden als de gebruiker perongeluk de pagina herlaadt of ineens offline gaat na het aanpassen.

Door de verwijder knop te verstoppen onder een menu is het gevaar dat je iets perongeluk verwijderd kleiner. Verwijderen is geen primaire optie. Als de verwijder knop direct te zien is, lijkt dit een primaire functie. Op het moment dat de gebruiker de muziek opzoekt wil hij/zij deze niet direct hoeven te verwijderen (uit test met carolien)

10. De gebruiker iets wil laten horen aan anderen zodat zij de muziek samen kunnen spelen.

  • Deelfunctie

Zoals google drive. Je kan het exporteren als pdf en verzenden via mail of whatsapp. Je verzend vervolgens de pdf en het audio bestand. Daarnaast kan je een link delen die mensen vervolgens op kunnen slaan in hun eigen archief.

11. Wanneer de gebruiker iets heeft ingezongen voor een trompet wil hij/zij dat het automatisch wordt getransponeerd zodat hij/zij zonder problemen de muziek kan spelen.

12. Wanneer de gebruiker de website voor het eerst ziet wil hij/zij direct weten hoe alles werkt zodat hij/zij eigen muziek kan laten noteren

Keuze: ‘Blank Slate’

De gebruiker heeft bij de eerste keer nog helemaal niets opgenomen. Er is daarom ook geen data om te laten zien. De ruimte die daarbij vrijkomt kan heel goed gebruikt worden voor een uitleg. Bij de coachmarks wordt het lastig om notaties te laten zien bij het opnemen. Daarnaast zouden de meeste knoppen moeten werken zoals ze eruit zien. De ‘blank slate’ legt daarbij uit wat er gedaan kan worden. Nadat de gebruiker de applicatie voor het eerst gebruikt heeft weet deze hoe de applicatie werkt. Nu is de uitleg ook niet meer nodig en zal er andere content laten zien worden.

Labels: UX-Visual, Voorbeelden Geüpload: 21 mei 19:50