root
/
UX-UI
mirror of https://github.com/01-edu/UX-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 Commits
8 Branches
0 Tags
10 MiB
 
Tree: d45cfd54d3
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'd45cfd54d3'
${ noResults }
UX-UI/subjects/ui/rules/micro-interactions
Agathe Pommery d45cfd54d3
File format description in the instructions and the audits + Prerequisites admin and students 		2 years ago
..
audit File format description in the instructions and the audits + Prerequisites admin and students 2 years ago
README.md File format description in the instructions and the audits + Prerequisites admin and students 2 years ago

README.md

UI III - Ex 10 - Micro-interactions

Instructions:

Browse the internet and find at least 5 different examples of feedback micro-interactions or micro-animations on websites or apps.

Be careful! Feedback is helpful to provide information to the user, not just showing a catchy design. You need to make the difference.

Deliverable:

  • A Figma file gathering 5 examples of feedback micro-interactions or animations. In each example, show the different versions of the element.
  • Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
  • Add a title within the file.
  • Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!

Resources:

Tips:

  • Feedback is the situation when the app specifically sends a piece of information to the user, like:
  • Payment accepted
  • Refreshed feed
  • Information saved
  • etc.