meesbouwens

[meesbouwens]

Animatie Eind

(Met Geluid)

Ik heb zoveel mogelijk geluiden geplaatst waar nodig of waar kon, om de gebruiker zo bezig te houden. Maar niet teveel zodat de afleiden van de animatie zelf. 

----------------------------------------------------------------------------------------------------------- Allereerst heb ik me gefocust op de versie zonder geluid, omdat de geluiden best goed zaten. Ik heb mijn guide-character levendiger proberen te maken door hem te laten rennen. Dit is effectiever voor de beleving en verbeterd het betrouwbaarheid en echtheid van de guide-character. Verder heb ik enkele veranderingen in het design geimplementeerd die bij de onderstaande posts uitgelegd zijn. De animaties en schermen bij de map heb ik uitgebreid en ervoor gezorgd dat mijn doel duidelijk zichtbaar was in de animatie. Ook dit heb ik weer binnen de stijl gehouden zodat het geheel sterker over komt.

Tevreden over mijn werk en vooruitgang in after effects :)

-----------------------------------------------------------------------------------------------------------

Bronnen:

Geluidje click: geraadpleegd op 4-3-2020, https://freesound.org/people/joebro10/sounds/219318/

Geluidje kat: geraadpleegd op 4-3-2020, https://freesound.org/people/kipshu/sounds/200344/

Geluidje typen: geraadpleegd op 4-3-2020, https://freesound.org/people/Posontic/sounds/446021/

Geluidje wandelen: geraadpleegd op 22-3-2020, https://freesound.org/people/gabriela_melo/sounds/463218/

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten

[meesbouwens]

Animatie Zonder Geluid

Allereerst heb ik me gefocust op de versie zonder geluid, omdat de geluiden best goed zaten. Ik heb mijn guide-character levendiger proberen te maken door hem te laten rennen. Dit is effectiever voor de beleving en verbeterd het betrouwbaarheid en echtheid van de guide-character. Verder heb ik enkele veranderingen in het design geimplementeerd die bij de onderstaande posts uitgelegd zijn. De animaties en schermen bij de map heb ik uitgebreid en ervoor gezorgd dat mijn doel duidelijk zichtbaar was in de animatie. Ook dit heb ik weer binnen de stijl gehouden zodat het geheel sterker over komt. 

[meesbouwens]

Openingsscherm Laatste Versie

Omdat mijn openingsscherm niet optimaal was heb ik deze een paar aanpassingen gegeven. Zo is de guide-character nog aan het wachten tot jij op start klikt. De startbutton is verandert daar het laatste model die goed overeenkomt met de rest van de stijl en hierdoor dus goed plaatsbaar is. In de animatie wordt de start button op zn plek geworpen en klemt hij zich in de grond maar beweegt nog een beetje heen en weer als soort bouncing bal. Dit zag er levendig uit en gaf een flexibel effect aan mijn toch wel belangrijkste misschien, eerste scherm. Die zo geschikter is als soort lok scherm. 

[meesbouwens]

Map Laatste Versie

De map was niet goed gedesigned doordat er geen plek meer was voor de tekst die de guide-character sprak. Hier heb ik verandering in gebracht door de map een kleine aanpassing te geven en een ruimte onder de map te creëren waar de guide character zijn tekst en buttons kan ‘plaatsen’. Hierdoor is het veel duidelijker wat de guide-character allemaal voor informatie geeft of welke vragen hij stelt. Ook is het makkelijker om keuzes te maken omdat er minder afleiding rondom de buttons zit en de focus daar zo dus op blijft. 

[meesbouwens]

Onderdelen Laatste Versie

Ik heb feedback gehad over de stijlen van de bordjes en de houtjes waar de tekst op staat (buttons). De stijlen weken wat van elkaar af, er was geen geheel zichtbaar. Dus heb ik de onderdelen zo aangepast dat duidelijk is dat het een geheel is en bij elkaar hoort. Ook voor het oog past het bij elkaar. Zo heb ik de huisstijl versterkt. de kleuren die ik had vast gesteld heb ik overal in verwerkt, waardoor er veel overeenkomsten zichtbaar zijn. Dit maakt het makkelijk en prettig om naar te kijken. Ook kreeg ik te horen dat mijn guide-character nog te statisch was, hier heb ik in de animatie verandering in gebracht door zijn lijf op een natuurlijk manier proberen te laten bewegen. Net zoals wij knippert hij vaak met z’n ogen en beweegt soms zijn hoofdje en geeft een katachtig geluid. Er is geen moment zonder de guide-character dus hij begeleid je er fijn en snel doorheen.

[meesbouwens]

Animatie Versie 2 (met geluid)

Voor de cheeta heb ik een miauw rrr geluid erbij gepakt. Zo lijkt de katachtige echt te bewegen en te horen. Ook als er op een knop wordt geklikt klinkt er een clickgeluid, zodat de gebruiker een bevestiging krijgt dat er geklikt is. Wanneer de cheeta iets zegt wordt dit door een typgeluidje opgevangen. Omdat wij een katgeluidje niet kunnen verstaan moest ik een andere oplossing verzinnen en heb ik gekozen voor het typen. Omdat dit duidelijk en toch goed overkomt.

Geluidje click: geraadpleegd op 4-3-2020, https://freesound.org/people/joebro10/sounds/219318/

Geluidje kat: geraadpleegd op 4-3-2020, https://freesound.org/people/kipshu/sounds/200344/

Geluidje typen: geraadpleegd op 4-3-2020, https://freesound.org/people/Posontic/sounds/446021/

[meesbouwens]

Animatie Versie 1 (zonder geluid)

Mijn eerste Versie van de animatie. De cheeta heb ik bewegend gemaakt door zijn staart en kopje te laten bewegen. ook knippert hij soms met zijn ogen net zoals alle dieren in het echt ook doen. Dit ziet er natuurlijke uit en zo lijkt hij echter en is leuker en interessanter om naar te kijken. De stijl van de knippen zijn in de nieuwere versie omdat deze beter aansluiten op de huisstijl en een geheel vormen. De tekstwolkjes heb ik achterwegen gelaten omdat die niet het doel bereikte waar ik op gehoopt had dus hem ik de tekst nu wit op locatie laten verschijnen, of dit definitief is weet ik nog niet. Het kan mogelijk verwarrend zijn. Hier kan ik op itereren 

[meesbouwens]

openingsscherm versie 2

In deze versie 2 heb ik nog de oude stijl, maar heb ik wat geprobeerd voor de opening van de animatie, nog zonder geluid. De cheeta lijkt niet levend en dus ook niet geloofwaardig/leuk etc. dus hier ben ik mee aan de slag gegaan

[meesbouwens]

map

Ook de map heb ik meer in de richting van de stijl gebracht door dezelfde kleuren te gebruiken, want er goed gelukt is voor mijn gevoel. Toch zit ik een beetje met de map dat ik niet weet welke richting ik er mee op wil. Maak ik icoontjes of hou ik het bij nummers, wat is het exacte doel dat ik wil bereiken als ze mensen naar de leeuwen gaan, want dan is het klaar... achter die vragen moet ik achteraan om het verloop en het einde van de animatie duidelijk te krijgen

[meesbouwens]

Stijl aangepast

Ik had als feedback gekregen dat er geen algemene stijl aanwezig was dus ik heb geprobeerd de stijlen dichter bij elkaar te vormen om een geheel te krijgen. Ik heb veel geëxperimenteerd met de guide-character hoe ik die zo levendig mogelijk kon weergeven in de animatie, waardoor ik hem (minder levendig) in stukken hem moeten knippen. Ook de knoppen heb ik verandert en gekeken wat het beste past.

[meesbouwens]

Openingsscherm animatie

Op het openingsscherm begint de guide character direct tegen je te praten om zo een band op te bouwen en je mee te nemen in het proces.

Ik heb gekozen voor de ja button zodat gebruiker hiermee kunnen inter-acten ze op de knop drukken speelt er een animatie af en gaan ze door naar het hoofdmenu.

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten

[meesbouwens]

Kaart

Om een idee te krijgen van een dierentuin kaart heb ik er zelf een ontwikkeld die ik kan gebruiken in mijn animatie. 

De kaart heeft locatiebepaling waardoor de gebruiker in een oogopslag weet waar hij of zij zich bevind en zich zo beter kan oriënteren door het park.

Op deze kaart gaat het zoeken in mijn animatie plaats vinden.

[meesbouwens]

Hoofdmenu

Ook bij het hoofdmenu heb ik voor een rustige achtergrond gekozen met dezelfde reden. Omdat gebruikers dadelijk veel informatie in een keer ontvangen moeten we ze daar rustig naartoe begeleiden. 

In het hoofdmenu krijgt de gebruiker de vraag van de guide character waar hij of zij naartoe wilt. Er is keuze uit de dieren of andere voorzieningen. Zodat mensen als ze bijvoorbeeld alleen maar de toilet nodig zoeken ze niet een grote kaart met 100 plekken en symbolen toegewezen krijgen maar alleen de essentiële. Dit maakt de interactie voor de gebruiker makkelijker en gebruiksvriendelijker. 

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten

[meesbouwens]

Openingsscherm

Ik heb voor dit openingsscherm gekozen omdat de achtergrond neutraal is. (open begin). De gebruikers focus wordt gelijk op de guide character en de vraag gelegd waardoor dit een vertrouwen gevoel kan geven bij de gebruiker, de luipaard is altijd bij je om jou te helpen. De vraag lokt ook gebruikers. Om de gebruikers extra te motiveren heb ik alleen de optie ‘ja’ beschikbaar gemaakt zodat als ze klikken ze er ook echt klaar voor zijn.

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten

[meesbouwens]

Proces Guide-Character

Beetje bij beetje ben ik tot een guide-character gekomen waar ik tevreden over was. De luipaard ziet er schattig uit maar blijf uitdagend. Zo is het voor de gebruiker leuk om naar te kijken maar is er ook een uitdagen door het zelf moeten zoeken van de weg.

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten

[meesbouwens]

Proces Guide-Character

Beetje bij beetje ben ik tot een guide-character gekomen waar ik tevreden over was. De luipaard ziet er schattig uit maar blijf uitdagend. Zo is het voor de gebruiker leuk om naar te kijken maar is er ook een uitdagen door het zelf moeten zoeken van de weg.

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten

[meesbouwens]

Proces  Guide-Character

Beetje bij beetje ben ik tot een guide-character gekomen waar ik tevreden over was. De luipaard ziet er schattig uit maar blijf uitdagend. Zo is het voor de gebruiker leuk om naar te kijken maar is er ook een uitdagen door het zelf moeten zoeken van de weg. 

Bron Luipaard, geraadpleegd op 12-2-2020, vecteezy.com, https://nl.vecteezy.com/vector-kunst/599422-verzameling-van-negen-katachtige-soorten