Rona Bouwens

Student Communicatie & Multimedia Design

[ronabouwens]

Hier een voorbeeld van hoe de interface zou werken. In dit scenario: speelt de gebruiker de video’s af, bekijkt hij zijn opties en besluit om de video verder af te kijken.

[ronabouwens]

Omdat mijn voorgaande werk geen interface is heb ik het, binnen het huidige concept, omgevormd naar een. De opdracht was oorspronkelijk, maak een video waarin een interface van een locatie uitgelegd wordt. Wat ik gedaan heb is, de interface achter  “Play Media scherm 1 t/m 5 versie 3″ gevormd. Ook geef ik hier uitleg over: de context van de interface, de interacties tussen gebruiker en interface en uitleg / instructies voor een gebruiker.

[ronabouwens]

Play Media scherm 1 t/m 5 versie 3

Bronnenlijst

Verbrugge, Cynthia. (2018). Vinkel in beeld [Foto]. Geraadpleegd van https://www.facebook.com/635051153323985/photos/a.635063079989459/1152740754888353/?type=3&theater

Verbrugge, C. (2017). Vinkel in beeld [Foto]. Geraadpleegd van https://www.facebook.com/635051153323985/photos/a.799654376863661/799654513530314/?type=3&theater

Molen Stichting Noord-Brabant. (2019). Laatste fase herbouw Molen De Zwaan [Foto]. Geraadpleegd van https://molenstichtingnoord-brabant.nl/2019/03/27/laatste-fase-herbouw-zwaan-vinkel-start/

Kahlkopf, A. (z.d.). Iconen [Illustratie]. Geraadpleegd van https://iconmonstr.com/

Fietsberaad Crow. (2019). Fietser [Foto]. Geraadpleegd van https://www.fietsberaad.nl/Kennisbank/Elektrische-fietsers-zijn-net-zo-goed-bezig-met-hu

ANP. (2017). Fietsers [Foto]. Geraadpleegd van https://imgw.rgcdn.nl/242ad8278c844d998b5cd96433f3b706/opener/Fietsers-in-Den-Haag-Foto-ANP.jpg

DCP poke (2018). Birds Singing 03 [audio] Geraadpleegd van https://freesound.org/people/DCPoke/sounds/387978/

SpencerBarkerMedia101 (2017). Atmospheric building outside [audio] Geraadpleegd van https://freesound.org/people/SpencerBarkerMedia101/sounds/404681/

Andune (2009). Windmuehle [audio] Geraadpleegd van https://freesound.org/people/Andune/sounds/86276/

Richists (2017) Frogs, Birds and bikes in Berlin Buch [audio] Geraadpleegd van https://freesound.org/people/richists/sounds/394333/

Robinhood76 (2010). 02029 passing bikes [audio] Geraadpleegd van https://freesound.org/people/Robinhood76/sounds/105156/

[ronabouwens]

Scherm 1 t/m 5  met text en overgangen

[ronabouwens]

Testvideo Scherm 1

[ronabouwens]

Testanimatie scherm2

[ronabouwens]

Schermen stilstaand versie 2

[ronabouwens]

Storyboard versie 2

[ronabouwens]

Concept + boodschap

Concept

Geert de Molenaar vertelt je in de animatie een beknopte versie van het verhaal van Molen De Zwaan. Hij vertelt je wie wat waarom en hoe de molen wordt herbouwd.

Boodschap per scherm

Startscherm 1: Welkom (introductie)                                                        Wie wat waar?

“Welkom bij de molen. Mijn naam is Geert. Ik kom hier uit Vinkel. Een klein dorpje met 2500 inwoners, naast de grote stad 's-Hertogenbosch. En ik heb dit jaar vrijwillig een opleiding tot molenaar afgerond. In deze animatie zal ik je het verhaal van Molen De Zwaan vertellen. Het gevaarte dat hier voor je neus staat.”

Scherm 2: Meer info                                                                                                   Wie wat waar?

“In 2010 zijn we begonnen met het herbouwen Molen De Zwaan uit 1964. Deze werd toendertijd afgebroken en naar Michigan Amerika verscheept, omdat hij geen functie meer had. Een half decennium later bleek dit een groot verlies te zijn. Daarom heeft Stichting De Zwaan besloten om een replica te herbouwen.”

Scherm 3: Maatschappelijk belang / maatschappelijke betekenis           Waarom?

“Molen de Zwaan zal een enorme boost geven aan het toerisme en de recreatie in Vinkel. Vinkel heeft namelijk geen enkel historisch hoogtepunt of publiekstrekker. Verder kunnen de Molen en bijbehoren wandelroutes als brug dienen tussen natuurgebieden De Maashorst en Herperduin.“

Scherm 4: Vrijwilligers                                                                                              Hoe?

“Je zult je nu misschien afvragen hoe je als ‘leek’ zijnde een molen bouwt. Door veel doorzettingsvermogen en hulp! Met een heel dorp achter je dat zijn handen of portemonnees laat wapperen. In totaal zijn er 50 vrijwilligers langdurig betrokken bij dit project. Het is een bindende factor in de gemeenschap.”

Eindscherm 5: Bedankt (Afronding) “Hartelijk dank voor je komst. Wil je meer weten? Kom naar de rondleiding, iedere zondag van 11.00 t/m 12.00. En volg ons online via: Website – Instagram – Facebook”

[ronabouwens]

Probleemstelling herzien

De interface vertelt het verhaal van Molen De Zwaan als er geen vrijwilligers aanwezig zijn en de poorten gesloten zijn. Het helpt mensen die bij de molen staan om het project te begrijpen. De meest voorkomende vragen van passanten worden beantwoord door middel van animatie. Wat wordt er hier precies gebouwd en waarom? 

Zoals je op de foto ziet, is het bouwwerk groot. Het ziet er indrukwekkend en ingewikkeld uit. Daarnaast is het - in deze tijd - niet gebruikelijk om een nieuwe molen te gaan bouwen. Waarom zou je een molen 'willen'? Waarvoor gebruik je hem dan? En door wie wordt dit gevaarte gebouwd? Dit zijn allemaal vraagstukken die de bezoeker zich af kan vragen. Stichting De Molen beantwoord alle vragen met liefde, maar is alleen op zondag geopend voor rondleidingen. Op andere dagen komen er echter ook veel mensen kijken naar het project. Ze lopen, fietsen, wandelen, mountainbiken, crossen, rijden of rijden te paard voorbij. Ze zien het geraamte van een afstand of komen 's avonds even kijken wat de status is.

Momenteel hebben De Zwaan vrijwilligers hebben hun handen vol aan het realiseren van dit gigantische project. In het bouwen de molen, het werven van financiële giften en het runnen van de multifunctionele ruimte zit ongelofelijk veel tijd. Heel het dorp Vinkel is erbij betrokken. Een animatie is daarom een geschikt mediamiddel om de Stichting te ontlasten. Het bespaart de stichting tijd, heeft weinig tot geen onderhoud nodig en kan op ieder moment van de dag afgespeeld worden door de gebruiker. Op deze manier kan de stichting haar verhaal, altijd, met iedereen delen en uiteindelijk zoveel mogelijk mensen informeren over het project.

Bronnen:

https://molenstichtingnoord-brabant.nl/2019/03/27/laatste-fase-herbouw-zwaan-vinkel-start/, Molenstichting Noord-Brabant, geraadpleegd op 27 november 2019

Kahlkopf, A. (z.d.). Icoon User en Desktop [Illustratie]. Geraadpleegd van https://iconmonstr.com/

[ronabouwens]

Een heleboel feedback

Terwijl ik moeite had met het werkend krijgen van de animatie kreeg ik de feedback "Het soepel lopen zal niet doorslaggevend zijn of het een goede animatie is". Let op: "Waar gaat je interface over? Voor wie is de interface? Het belangrijkste: waarmee ga je iemand helpen?"

Hoewel ik dacht dat ik bovenstaande vragen wel dichtgetimmerd had kreeg ik van Peter de feedback:"Kan uit je concept nog niet echt een concept halen". Daarom ben ik nogmaals naar mijn concept gaan kijken en ben ik tot de volgende conclusies gekomen:

1. Startscherm is niet logisch, wanneer de interface recht voor de molen staat is het niet "Welkom in Vinkel!" maar "Welkom bij de molen", deze staat in Vinkel. 2. Minder communicatiedoelen is een helderdere boodschap. Daarom het doneren gedeelte weggelaten daarom focussen op het vertellen van het unieke verhaal. 3. Waarom zijn de wieken al zichtbaar in animatie (scherm 1 t/m 3) als men hier geld voor moet doneren. 4. Boodschap is over maatschappelijke betekenis en betrokkenheid. In verhaal guide character worden deze door elkaar gegooid.

[ronabouwens]

Ik kan uit je concept nog niet echt een concept halen...

[ronabouwens]

Bugs!

 Er zit een serieuze bug in Animate / Edge. Namelijk dat elementen verschuiven als je de animatie exporteert. Zie dit voorbeeld of de bovenstaande video’s. Er is hier al meerde malen over geschreven (zie: hier of hier), maar het is tot heden nog niet opgelost. Jammer genoeg kwam ik hier pas achter nadat ik scherm 1, 2 en 3 gemaakt had en heeft dit verhaal me veel tijd gekost. Ik heb geprobeerd om de voorgedragen oplossingen van de Adobe Community toe te passen, maar deze werken ook niet. Het is nu niet mogelijk om een karakter te animeren zonder dat er - in dit geval -  lichaamsdelen alle kanten op vliegen. Daarom heb ik een paar andere programma's geprobeerd. Photoshop is niet geschikt. Adobe Character animator heeft wel potentie voor het karakter, maar ik denk dat het veel tijd kost om spraak er werkelijk goed uit te laten zien. En daardoor moet ik nu aan de slag in After Effects...

[ronabouwens]

Animeren

Aan de slag. Dit voorbeeld is gemaakt in Photoshop. Photoshop is er niet op ingericht om 'complexe' animaties te maken. Bovendien zit er in photoshop geen functie die de bewegingen er soepel uit laat zien.Dit kun je goed zie bij de hakkelende arm van voorbeeld 5.

[ronabouwens]

Digitaliseren

Hier een proefversie voor de uitwerking van scherm 1 - 2 - 4 - 5,

[ronabouwens]

Kleurgebruik 

Persoonlijk ben ik fan van Youtube kanaal: Kurzgesagt. Naar mijn mening maken ze aantrekkelijke en doeltreffende animaties. Ze leggen complexe onderwerpen uit aan onwetende kijkers. Daarom wilde ik een animatie net als Kurzgesagt maken...

Eerst heb ik naar het kleurgebruik van Kurzgesagt gekeken. Dit noemt men 'flat style illustration' omdat het gebaseerd is op vector art. Hier lees je er meer over: 

Omdat ik verwacht dat dit felle kleurgebruik af zal steken in de klassieke omgeving van de molen heb ik besloten om voor wat 'mildere' kleuren te gaan maar om wel een traidic (drietal) kleurpalet aan te houden.

Bronnen: What kind of art style does Kurzgesagt use? (2018, 5 november). [Forum-post]. Geraadpleegd op 28 november 2019, van https://graphicdesign.stackexchange.com/questions/116808/what-kind-of-art-style-does-kurzgesagt-use

Geometrieva, N. (2018, 20 juni). About that space illustration you keep seeing around. Geraadpleegd op 28 november 2019, van https://medium.com/@geometrieva/tutorial-for-that-space-illustration-you-keep-seeing-around-9c97214b4d92

[ronabouwens]

Guide character

Omdat scherm 1 tot 3 nu volledig geschetst zijn en 4 -5 niet heel ingewikkeld zijn, ben ik begonnen met het digitaal uitwerken van het karakter. Hier Geert, De Molenaar.