The document discusses principles for designing effective microinteractions. It defines microinteractions as small digital interactions that accomplish a single focused task for the user. It then outlines various design principles from experts like Don Norman that can help when implementing microinteractions, such as using clear affordances, feedback, and mental models. The document also provides guidelines for structuring microinteractions, such as using clear triggers, reducing complexity, and preventing errors through design. The overall message is that following these principles can help create microinteractions that successfully support users' goals with minimal steps or confusion.

1. Microinteractions
Spreker: Gaitri Biharie

2. “
Het ontwerpen van interactieve producten die de manier van dagelijkse
communicatie en interactie van de
gebruiker ondersteunt.

3. ..behalen van bepaalde doelen of
taken van de gebruiker.
navigatie interface, verschillende
functionaliteiten, widgets of bedieningen

4. “
Kleine functionaliteit die
alleen één ding doet en om
één gebruikersmoment draait.
Details aren’t just details;
they are the design
- Charles Eames

8. Welke design principes bieden een ondersteuning
voor de interaction designer om microinteractions
in een ontwerp te implementeren?

9. Design principles
Don Norman
The design of everyday things

10. Affordance

11. Signifier

12. Mapping

13. Feedback

14. Contrains

15. Mental models

16. Welke design principes bieden een ondersteuning
voor de interaction designer om microinteractions
in een ontwerp te implementeren?

17. STRUCTURE OF M.I.
A way to design and dissect
microinteractions:

18. TRIGGER

19. TRIGGER
“
the physical / digital control
or condition(s)
that begins a microinteraction

20. Make the trigger something the target
users will recognize as a trigger in context

21. TRIGGER

22. TRIGGER

23. TRIGGER
Have the trigger initiate
the same action very time

24. TRIGGER

25. TRIGGER
Bring the data forward

26. TRIGGER

27. TRIGGER
if it looks like a button..
SIGN IN

28. TRIGGER
it should act like a button.
SIGN IN

29. TRIGGER
Don’t break the visual affordance
and don’t make a false affordance
SIGN IN

30. TRIGGER

31. TRIGGER
“
Golden rules by Scott Berkun
Mircrointeractions that most people do, most often,
should be highly discouverable.
Mircrointeractions that some people do, somewhat
often, should be easily discouverable.
Mircrointeractions that few people do, infrequently,
should take some searching to find.

32. TRIGGER

33. TRIGGER

34. TRIGGER
Add a label only if it provides information
that the trigger itself cannot

35. RULES
“
The more the microinteraction is
focused on the goal rather than
the steps, the more succesful the
microinteraction is liked to be.

36. RULES

37. RULES
Don’t start from zero

38. RULES
“
Tesler’s law:
There is a point beyond which
you cannot simplify a process
any further.

39. RULES

40. RULES

41. RULES
Remove complexity,
reduce options
and make smart defaults

42. RULES
A B

43. RULES

44. RULES
“
Poka-yoke:
Products and processes
should be designed so that it’s
impossible for users to commit
an error

45. RULES

46. RULES
Prevent errors,
make human errors impossible

47. RULES
Tap next to continue

48. RULES
Continue
Next

49. RULES

50. RULES
Keep it short

51. FEEDBACK
You have no mail.
Please enjoy your day!

52. FEEDBACK
Never overburden users with feedback

53. FEEDBACK
“
Feedback provides character,
personality of the microinteraction

54. FEEDBACK

55. FEEDBACK
Use the overlooked as a means
of message delivery

56. LOOPS & MODES
Settings mode

57. LOOPS & MODES

58. LOOPS & MODES
Avoid modes;
The fewer modes,
the less chance of confusion

59. LOOPS & MODES

60. LOOPS & MODES
“
A cycle that repeats,
usually for a set of duration

61. LOOPS & MODES

62. LOOPS & MODES
Carefully consider the parameters of
loops to ensure the best user experience

63. Wat heb jij eraan?

67. Why make good design,
if you can make great design?