Serendipity! Micro-interactions is the theme of choice this week. This article happened into my inbox, while I was working on polishing my wireframes, and then I noticed it was also an assignment this week! I received a timely article The Devil In The Micro-Interactions and was assigned MICRO-INTERACTIONS Designing with Detail: WHAT IS A MICRO-INTERACTION?
Third times a charm, and I think the universe just might be trying to tell me something…I realized, when submitting my site map and my first draft of wireframes, that I hit most of the target points and main screens, but compared to my team mates, I had forgotten micro-interactions. These mini sticking or smoothing points in interaction design can make or break an app. I know as a user myself, if I’m not required to use something, and it is a pain in the neck or just won’t ‘work’ for me. I will delete it or find another work around myself.
2. Details Make The Product
3. Kill Your Darlings: Don’t Get Too Cute
“Authentication is a piece of the design—what Dan Saffer would call a micro-interaction. (Dan coined the term and wrote a book on the topic, coincidentally named Micro-interactions.) Micro-interactions are small moments where the user and design interact. When well-designed they enhance the user’s experience with the design. When poorly-designed they hurt the experience.”
The article on way finding on the internet, how users are like travelers at an unknown destination, is very fitting. We follow the lead of those around us and follow the heard to baggage claim, even when we can’t read the signs language. Same in this case, we are prompted by the apps actions, to complete the transaction. And I think my design so far is strong, because I built a solid architecture and hit main points that I would like to see in a lunch app for my kids school, knowing the pickiness of young eaters, and very different eaters, I was able to (albeit dangerously) bring myself in as a persona, in addition to the built in persona’s. But even with this experience, or maybe because of it, I forgot the micro-interaction of the lunch voucher. My team mates both built this in, so I will add this micro-interaction into my app.
The app would be an epic fail, for the many users that are on lunch voucher. So I will add that micro-interaction into my needed extra screens. I think an app’s interactions is much like communication, it is so easy to fail at, too easy to miscommunicate, than to communicate properly. And the interaction that makes or breaks an app, in my opinion, is the micro-interaction, because like in communication, what you leave out is just as key as what you keep in.
“Dan Saffer has a framework that divides the design of micro-interactions into four components: feedback, modes and loops, triggers, and rules. When should the authentication request be triggered? What feedback should the system give? What rules should the system use to trigger the request or to let the user through? Under which conditions (modes) or how frequently (loops) should the system insist on authenticating the user.”
https://medium.com/adventures-in-ux-design/the-devil-in-the-micro-interactions-83ad59399cb2
https://articles.uie.com/focusing-on-what-our-users-shouldnt-focus-on/
https://uxdesign.cc/the-dangers-of-delightful-design-bb5834a1b684
http://www.eamesoffice.com/blog/the-details-are-not-the-details/
http://microinteractions.com/what-is-a-microinteraction/