インタラクションデザインの中で、機能に存在する小さなフィードバックや案内を提供するデザインをマイクロインタラクションと言います。
派手なアニメーションではなく、短い時間のちょっとしたアニメーションですが、ユーザーに一瞬の快適さとアプリやウェブサイトの使いやすさに役立っています。下記のようなものが挙げられます。

ボタンの変化                                    
 ユーザーがボタンにカーソルを合わせたときやクリックしたときに、色や形が変わること。
入力フィールドのフィードバック                            
 情報を入力するとき、正しい情報が入力されたかどうかを即座にユーザーに伝えること。
読み込みインジケーター
 ページや機能の読み込み中に、進行状況を示すアニメーションやバー。
スクロールアニメーション
 ページをスクロールすると、要素がアニメーションとともに表示される。
ドラッグ&ドロップのフィードバック
 アイテムをドラッグして移動するとき、その位置がわかるようになる。
トグルスイッチ
 設定をオン/オフにするときのアニメーションや視覚的なフィードバック。

投稿者

Kの手習い

前職はOA機器の販売営業でしたが、退職して、50代で1からプログラマーを目指します。一般的にこの年齢からは厳しいと言われておりますが、この歳ならではの経験を活かして、頑張ります!

コメントを残す