アニメーションは、ユーザーエクスペリエンスの大きな部分です。モバイルアプリのトランジションについては、アニメーションと絶妙にコミュニケーションできることがたくさんあります。メッセージの送信に、設定の変更、チェックボックスをオンにしたり、別のページに移動するなど…、これらはすべてトランジションの瞬間です。そして、トランジションにアニメーションをつけることは、ユーザーの行動を強化する優れた方法です。
この記事では、機能的なアニメーションがビジュアルデザインを補完してインタラクションをサポートする一般的なケースについて説明します。
■システムステータスを提供する
ユーザーが何らかのアクションをトリガーすると、ビジュアル・レスポンスが表示されることが予想されます。システムは要求を受け取り、それを処理していることを明確にする必要があります。アニメーションによるフィードバックがユーザーエクスペリエンスに役立つ場合があります。
・ユーザー操作に対する「反応」を返しましょう。ユーザーは、システムがアクションを受け取ったことを確認します。ユーザーが視覚的なフィードバックを受け取ると、再び要素をタップすることができなくなります。
・Pull to Refleshを使用して、ページのコンテンツを更新します。ローディングインジケーター
スポンサーリンク
【モバイルアプリのデザインには必須！】トランジション画面におけるアニメーション使用の基本
マーケティング最新
コメント