2. Ontwerpen
Met deze schetsen laat ik zien hoe interactie eruit komt te zien. Ik heb tien interactie schetsen gemaakt, en bij elke schets heb ik in steekwoorden gezet wat er gebeurd en welke interactie (mouse-interactie, keyboard-interactie) er wordt gebruikt. Ook heb ik in mijn schets korte stukjes code gezet die van toepassing voor de interactie.
Als je over de "feedback" button hovered is het de bedoeling dat de achtergrond van de body veranderd in een andere kleur.
Als je je mouse ingedrukt houdt veranderd de achtergrond van de "feedforward" button als je daarna de mouse loslaat gaat de "feedforward" button roteren.
Als je 2x klikt verdwijnt de "&" button.
Als je "q" indrukt op je keyboard dan gaat de "userflow" button scalen.
Als je op de "event" button klikt dan gaat de button skewen.
Als je op de "frontend" button klikt dan gaat de button verplaatsen via transform: x-as, y-as.
Als je je mouse ingedrukt houdt dan veranderd de achtergrond van kleur van de "wireflow" button als je dan de mouse loslaat dan gaat de "feedforward" button roteren.
Als je "z" indrukt op je keyboard dan gaat de "design" button een matrix-animatie doen.
Als je op de "interface" button klikt dan vallen alle buttons waarop een interactie is naar beneden.
Als je "x" indrukt op je keyboard dan verplaatst de "user" button zich en gaat die scalen.