マイクロインタラクションの参考になる情報サイトまとめ
UX改善に欠かせないマイクロインタラクション
フロントエンド・ネイティブアプリエンジニアはこのような細部へのこだわりにワクワクすること間違いなし!
どんな実装があるのか、参考になる情報をまとめます。
まずは書籍紹介
これは結構読むのが大変でした!
書籍をいきなり買うのはちょっと。。。という方は以下のサイトを厳選しましたので、さらっとみてからの購入をお勧めします
サイト紹介
マイクロインタラクションを感覚的に理解できるサイト
マイクロインタラクションとは?注意すべきポイントや事例を徹底解説! | Web Design Trends
マイクロインタラクションを考慮すべき4つの理由 | UX MILK
UIにマイクロインタラクションを! より良いUXのための7つの秘訣 | UX MILK
より良いUIのためのマイクロインタラクション入門|Blog|Goodpatch グッドパッチ
小さな動きで大きな効果!マイクロインタラクションを使って優れたUXを実現する | Web Design Trends
これらのサイトをざっと眺めれば、15分程度でどのようなものがマイクロインタラクションかわかります。
見てるだけで楽しいのでぜひ眺めてみましょう!
効果検証はどうするのか!
マイクロインタラクションの効果を数値化する|鈴木慎吾 / TSUMIKI INC.
ただ綺麗で楽しいだけじゃビジネス上意味はありません。
数字で効果を把握して、ビジネスに貢献するにはどうすればいいのか参考になります!
デザイナーはどうやってつくるのか!
マイクロインタラクションを活かしたコンセプトデザインの作成 @Adobe MAX Japan 2019|鈴木慎吾 / TSUMIKI INC.
デザイナーの方がどのように設計するのか、動画で多くのサンプルが見れます。
工程を把握することでデザイナーの方とのコミュニケーションがスムーズになること間違いなし!
最後に
読んでくださったみなさんが感動したUX・UIもぜひコメントで紹介してください!
よろしくおねがいします!!