Dit was een opdracht voor het vak Human Centered Design, onderdeel van de minor Web Design & Development. Je kreeg een persoon met een beperking toegewezen die bepaalde problemen ervaarde in hun gebruik van het web. In mijn geval was dat Darice da Cuba.
Darice is op latere leeftijd doof geworden. Ze werd ziek en gebruikte medicijnen die het gehoor aantasten. Ze is nu 39 jaar oud en werd op 26 jarige leeftijd doof. Dit betekend dat ze geen gebarentaal kan maar een schrijftolk (of doventolk) heeft om haar te helpen met het begrijpen van mensen. Ze is zelf ook ontwerper en developer en weet daarom veel van standaarden en design principles.
De opdracht was; Voor Darice gaat er enorm veel nuance verloren tijdens het kijken naar een film of een documentaire. Bij veel films worden closed captions aangeboden, maar die zijn zo neutraal als maar kan. Hoe zou je closed captions kunnen ontwerpen zodat alle spanning en sensatie uit het geluid niet verloren gaat?
Om deze oplossing te ontwerpen heb ik een aantal principes uit Human Centered Design gebruikt om het interessanter te maken.
Add Nonsense
Het enige dat ik heb meegenomen van het oude concept is de equilizer. Maar deze heb ik nu over de hele breedte van het scherm gezet aan de onderkant zodat hij beter zichtbaar is en hopelijk ook meer impact heeft op het overbrengen van spanning en geluiden.
Toen ging ik denken, hoe kan ik spanning of suspense overbrengen zonder geluid dus. Ik moest denken aan wat ze in films wel vaker doen. Als er iets groots komt aangelopen gaat de grond trillen en dat wordt op de kijker overgebracht als een schuddend beeld. Daarom heb ik in het gedeelte waar echt veel spanning is het beeld laten trillen. Dit heb ik wel gedaan in After Effects in de video zelf dus maar het werkt fantastisch.
Ignore conventions
Natuurlijk captions gemaakt. Maar dit keer niet met het WEBVTT format zoals in een eerdere versie. Dit omdat het toch een aantal ristricties heeft. Het is heel lastig om verschillende fonts en kleuren te geven aan bepaalde captions. Daarom heb ik de conventies genegeerd en JavaScript gebruikt om de tekst op het juiste moment op het beeld te krijgen. De code er achter is niet erg netjes en bestaat veelal uit heel veel regels document.querySelector en de functie setTimeout() met een delay om de captions op het juiste moment op het scherm te krijgen.
Daarnaast heb ik ook zo goed mogelijk geluid in tekst om gezet. Dit blijft subjectief en heel lastig om te doen omdat niet elk geluid een klank geeft die je met het alfabet kunt maken. Want alleen maar standaard beschrijvingen van geluiden is ook maar saai en zo volgens de regels. Ik hoop toch dat het weer dat extra stapje dichter bij een leuke en interessante kijk ervaring.
Naar Prototype