{"id":12256,"date":"2020-02-26T12:55:31","date_gmt":"2020-02-26T11:55:31","guid":{"rendered":"https:\/\/ivoryvideo.com\/?p=12256"},"modified":"2023-02-08T11:15:34","modified_gmt":"2023-02-08T10:15:34","slug":"3-essentiele-tips-voor-een-gebruiksvriendelijke-interactieve-video","status":"publish","type":"post","link":"https:\/\/ivoryvideo.com\/nl\/3-essentiele-tips-voor-een-gebruiksvriendelijke-interactieve-video\/","title":{"rendered":"3 essenti\u00eble tips voor een gebruiksvriendelijke interactieve video"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Een knop in een video plaatsen, het klinkt kinderlijk eenvoudig. En inderdaad, de knop is zo geplaatst. Maar wat betekent het voor de beleving van de doelgroep? Door interactiviteit toe te voegen, manifesteert zich een fenomeen dat tamelijk onbekend is bij de reguliere filmmaker:\u00a0het\u00a0gedrag<\/i>\u00a0van de kijker gaat een directe rol spelen. Hoe ga je hier slim mee om?<\/span><\/p>

Interactieve video is tweerichtingsverkeer. Door het dialoog aan te gaan wordt de kijker automatisch een eindgebruiker. Plots is je video een\u00a0gebruikersinterface<\/i>. Uiteraard wil je de interactie zo overzichtelijk en helder mogelijk ontwerpen. Naast een fantastisch script, wil je een product opleveren waarmee eindgebruikers hun doelen feilloos kunnen bereiken. Maar wat vindt de doelgroep daarbij belangrijk? Je kunt het ze niet vragen, want ze weten het zelf niet! In deze blog delen wij 3 essenti\u00eble\u00a0usability<\/i> principes om je op weg te helpen.<\/p>

Tip 1: Maak interacties herkenbaar<\/h2>

De meeste mensen werken vrijwel dagelijks met digitale interactieve omgevingen zoals websites, software en apps. Echter, voor velen is interactieve video een nieuw medium. Hoewel men niet zal opkijken van een eenvoudige knop, is bijvoorbeeld een ‘action area’ (transparante interactieve laag) voor een gemiddelde gebruiker een stuk minder voor de hand liggend. Onze eerste tip is daarom: laat gebruikers niet nadenken en help waar nodig interacties te herkennen. Geef bij minder conventionele interacties daarom altijd subtiele (of minder subtiele) aanwijzingen om duidelijk te maken wat er van hen wordt verwacht. Maak daarbij gebruik van grafische elementen zoals pijlen, tekstuele aanwijzingen en verwerk eventueel, ondersteunend aan het beeld, een aanwijzing in het audiospoor.<\/p>

Voorbeeld case<\/strong>
Screenshot uit een\u00a0interactieve video<\/a>\u00a0van Zoomworks. Een sterk voorbeeld van visuele ondersteuning om duidelijk te maken dat er interactie van de gebruiker wordt verlangd.<\/em><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

Tip 2: Visualiseer de voortgang<\/h2>

Veel interactieve video’s bestaan uit een beslisboom met meerdere keuzemomenten. Omdat je van te voren niet weet via welk pad de gebruiker zal navigeren, is het soms onmogelijk om in minuten uit te drukken hoelang de totale video duurt. Maar als je hierover niets communiceert, heeft de gebruiker op den duur geen idee meer ‘waar’ diegene zich in de video bevindt. Ondanks dat interactieve video gemiddeld een stuk langer wordt bekeken dan lineaire video, kan een gebrek aan zichtbare voortgang zorgen voor vroegtijdige afhaak. Zonde! Geef daarom op zijn minst een indicatie van de voortgang. Doe dit bijvoorbeeld door de stappen visueel inzichtelijk te maken. Wat velen zich ook niet realiseren, is dat je de ‘player controlbar’ (de afspeelbalk van de player) met Ivory Studio meerdere malen kan toevoegen aan de tijdlijn. Zo kun je ook per sc\u00e8ne de afspeelduur weergeven en kan de gebruiker vrij door een fragment navigeren zonder noodzakelijke interacties over te slaan.<\/p>

Voorbeeld case<\/strong>
Interactieve video voor CetaBever door Bocavista.\u00a0Lees meer over deze case.<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t