マイクロインタラクション とは？

アニメーションは伝え方の一つだよ。例えば設定を切り替えて「オン」と表示する、保存が完了したことを文言で知らせる、音や振動で知らせるといった設計も含む。派手な動きがあるかより、目的と結果が分かるかが大切なんだ

トリガーは操作や条件のきっかけ、ルールは何が起こり何ができるかの決まり、フィードバックは結果や状態を伝えるものだよ。ループは繰り返しや時間経過でどう変わるか、モードは一時的に別の動作をする状態などを考えるんだ

ボタンを押すなどの手動のトリガーも、メールが届くなどのシステムのトリガーもあるよ。例えば保存中から完了へ変わったら、それが分かるように伝える。実際の処理が終わる前に完了したように見せると、状態を誤解させてしまうんだ

必要な情報に注意を向ける助けになることもあるけど、不要な動きは気を散らしたり、利用しづらくしたりするよ。Webならprefers-reduced-motionなどで利用者の動きを減らす設定を尊重できる。動きを減らした場合も、状態を伝える文言などは残すんだ

何をきっかけに何が変わり、どう結果を伝えるかを先に考えるよ。見た目だけでなく、キーボード操作や読み上げで状態が伝わるかも確かめる。保存完了などのステータスメッセージには、支援技術が分かる役割やプロパティを設定する方法もあるんだ