静的な画面には、インターフェイスがどのようなものかを示します。インタラクション デザインは、ユーザーがそれを使用したときに何が起こるか、つまり何を押したりドラッグしたりできるか、インターフェイスがどのように反応するか、その後どのように変化するかを決定します。スワイプして削除、プルして更新、タップしたボタンから開くメニューはすべてインタラクション デザインです。
優れたインタラクション デザインの指針となるのは、いくつかの原則です。アフォーダンス: 何がインタラクションできるかを明確にする必要があります。フィードバック: すべてのアクションは、即座に目に見える応答を受け取る必要があります。予測可能性: 同じアクションは同じ結果をもたらすはずです。許し：間違いは簡単に元に戻せるはずです。
モーションは主要なツールの 1 つです。下から上にスライドするシートには、それがどこから来て、どこへ行くのかが示されています。指に追従して自然に収まるバネがジェスチャーをダイレクトに感じさせます。動きは下手に使用すると人々の速度を低下させるため、インタラクション デザイナーは何を、どのくらいの速さで、そしてなぜ動かすべきかを慎重に決定します。
静止画像ではインタラクションをテストできません。デザイナーは、単純なクリック可能なフローからロジックを備えた詳細なプロトタイプまでプロトタイプを構築し、その感触をテストします。課題は、プロトタイプが開発者によって再構築されることが多く、引き継ぎの際に詳細が失われることです。
インタラクションをデータとして保存するツールは、その損失を軽減します。私たちが作成した ExodeUI は、実際のアプリで実行される 1 つの開いたファイルに状態、スプリング物理学、入力、およびイベントを保持するため、設計した動作がそのまま出荷されます。