pmedwesvlem

[pmedwesvlem]

MyMedia link Eindfilm

https://mymedia.avans.nl/media/Eindfilm+PMED+Festdispenser+Wessel+Vlemmings/1_eo0b7s2r

[pmedwesvlem]

De eind demonstratiefilm

[pmedwesvlem]

Ook nog een nieuwe aanwijsanimatie voor de video gemaakt aangezien de vorige soms niet goed te zien was.

[pmedwesvlem]

Bronvermelding

Winkelwagentje icon: https://icon-icons.com/nl/pictogram/winkelwagen/48341

Geraadpleegd op: 19-03-2019

 Contactloos betalen icon: https://www.pin.nl/consument/contactloos-betalen-met-betaalpas-of-mobiele-telefoon/

Geraadpleegd op: 20-03-2019

   Overgetrokken afbeeldingen

 Aardbei: https://www.flaticon.com/free-icon/strawberry_135717

Geraadpleegd op: 19-03-2019

 Appel: https://www.flaticon.com/free-icon/apple_282960

Geraadpleegd op: 19-03-2019

 Kers: https://www.flaticon.com/free-icon/cherry_173816

Geraadpleegd op: 19-03-2019

 Cola: https://www.shutterstock.com/image-vector/cola-bottle-icon-soda-red-lable-1034713390

Geraadpleegd op: 19-03-2019

 Sinaasappel: https://www.iconfinder.com/icons/3052831/food_fruit_leaf_orange_slice_whole_yellow_icon

Geraadpleegd op: 19-03-2019

 Raketje: https://www.makro.nl/cat/nl/products/product/7584993001001

Geraadpleegd op: 19-03-2019

 Peren ijsje: http://www.tcentrumjulianadorp.nl/index.php?item=perenijsje&action=article&aid=160&lang=NL

Geraadpleegd op: 19-03-2019

[pmedwesvlem]

En ten slotte wanneer het betaalproces is voltooid komt het bedanktbericht en kan de volgende klant beginnen.

De ‘volgende klant’ knop heb ik van NS-automaten overgenomen omdat ik dat een slimme overgangsmethode vind.

[pmedwesvlem]

Nadat iemand zijn telefoon/pinpas tegen het scherm heeft aangehouden (om mobiel te betalen) worden deze bolletjes zichtbaar net als bij een echte pinautomaat die de status van de betaling indiceren.

[pmedwesvlem]

Deze animatie wordt zichtbaar wanneer iemand klaar is om te betalen en op ‘betalen’ heeft geklikt.

[pmedwesvlem]

Het winkelwagentjes menu. Hier een overzicht van wat je hebt gekocht en je kunt hier wederom met de meest opvallende kleur verder om je order af te ronden.

Ook zijn de knoppen onderin geanimeerd om groter te worden wanneer er op wordt geklikt zoals te zien is in de demonstratievideo

[pmedwesvlem]

Nogmaals geluisterd naar het achtergrond deuntje. En besloten dat er nog iets ontbrak. Ik heb nu 4 gradaties gemaakt van het beginscherm tot aan het finishen van een aankoop.

In het geluidsfragment hoor je iedere 4-bars loop een gradatie hoger.

[pmedwesvlem]

Wanneer iemand klaar is om af te rekenen, valt het scherm als een soort doek naar beneden om zo naar de volgende pagina te gaan.

[pmedwesvlem]

Wanneer er een nieuw artikel in het winkelmandje is toegevoegd ‘ademt’ het getalletje even. Dit om nog duidelijker te maken dat er iets extra’s is toegevoegd.

[pmedwesvlem]

Bij iedere eerste toevoeging aan het winkelmandje komt het winkelmandje met een speelse animatie het scherm in ‘gevlogen’, hier ook gelijk in een opvallendere kleur het aantal objecten in het winkelmandje getoond om het duidelijker te maken voor de klant. 

[pmedwesvlem]

Voor de volgende stap heb ik een pop-up gemaakt waar je je keuze kunt bevestigen.

Je kunt hier je aantal aanpassen, wegklikken (mocht je verkeerd hebben geklikt) en kiezen of je nog meer andere dingen wilt kopen of gelijk af wilt rekenen.

De essentiële, koopkracht verhogende menuitems heb ik in het kader van persuasive design een opvallendere kleur gegeven.

[pmedwesvlem]

Gradatie 3

[pmedwesvlem]

Gradatie 2

[pmedwesvlem]

Geprobeerd een achtergrond deuntje te maken met verschillende VST plugins (Autogun & Nexus) op FL Studio. Uiteindelijk 3 gradaties van intensiviteit gemaakt. Nog niet over uit of ik intensiteit toe laat nemen naarmate verder in het menu wordt geklikt of gewoon de laagste gradatie aanhoud voor de volledige animatie

Gradatie 1

[pmedwesvlem]

Hierna alle illustraties in het menu verwerkt met een kleine ‘persuasive’ toevoeging door een subtiel kleur aspect terug te laten komen om de aandacht te trekken tussen alle grijstinten.