Vincit website contact form
Micro interaction: Spaceship launching on submitting the form
Trigger: user-initiated by selecting launch button
Rules: when the form is filled out correctly and the user selects the launch button, the spaceship launches, if the form is not filled out correctly, the rocket fails to launch
Feedback: spaceship launches
Loops and modes: spaceship moves up the screen and the user receives a confirmation. message if the form is not filled out correctly, the spaceship falls over and the user receives a “try again” message.
Possible alternative triggers: I can’t come up with any alternatives to selecting the button. Alternative feedback for the form being filled out incorrectly could be that the rocket explodes.
(Not Boring) Weather App
Micro interaction: Clouds rearranging
Trigger (user-initiated): user taps on clouds
Trigger (incoming data): an algorithm that creates and recreates just the right amount of clouds to depict the exact percentage of cloudiness in the sky at this very moment
Rules: algorithm calculates and clouds rearrange themselves differently
Feedback: clouds rearranging
Loops and Modes: clouds remain in an algorithm-based position until the user taps on them again at which point they rearrange themselves in a new way
Alternative Triggers: not requiring a user to tap, user back tapping on their iPhone
Sonos iPhone App
Micro interaction: Sonos App, change in the visual design of “like/love” heart
Trigger: user-initiated by tapping the heart to indicate loving the current song
Rules: When the user taps on the heart, it changes from an outline in a white circle to a filled-in white heart. This can be undone by tapping again on the heart.
Feedback: the user receives “saved to your music” or “removed from your music confirmation message
Loops & modes: Song is added to user’s loved music list
Possible alternative triggers: user swipes up on the screen, user double taps on the image, user back taps their iPhone
