この記事はGoodpatch Advent Calendar 2018 14日目の記事です。また、2018/10/08に開催された技術書典5にGoodpatchの有志で出展したブックパッチの内容を省略・改変した内容となっています。 今回はマイクロインタラクションはよく知らない方やマイクロインタラクションは知っているけど実際にコードを書いたことが無い方向けにマイクロインタラクションの基本的な知識と実装方法についてご紹介します。 マイクロインタラクションの理解 マイクロインタラクションとはどういう意味なのでしょうか。Dan Saffer氏の著書「マイクロインタラクション ー UI/UXデザインの神が宿る細部」によると、マイクロインタラクションについて以下のように書かれています。 マイクロインタラクションとは、単一のシナリオに基づいてひとつの作業だけをこなす最小単位のインタラクションのことです。
![より良いUIのためのマイクロインタラクション入門 | Goodpatch Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/7639c6cb10ea5279d3cb73bd0f5f3e65e94b1d15/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fcms.goodpatch.com%2Fwp-content%2Fuploads%2F2018%2F12%2Ficatch_microinteraction.png%3Ffit%3D1600%252C900%26ssl%3D1)