対称性を抜くことで、プロジェクトにコントラストと魅力が生まれます。どのような場合にこれをプロジェクトに適用するかを学びます。
非対称のアニメーションのタイミングを使用すると、個性を表現できるため、ユーザー エクスペリエンスが向上すると同時に、ユーザーの操作にすばやく応答できます。また、コントラストがはっきりしているため、インターフェースがより魅力的になります。
- アニメーションのタイミングを非対称にすることで、動画に個性とコントラストを持たせることができます。
- 常にユーザーの操作を優先します。タップやクリックに応答する場合は応答時間を短くし、応答しない場合には応答時間を長くします。
アニメーションのほとんどの「ルール」と同様に、実験してアプリケーションに適した方法を見つける必要がありますが、ユーザー エクスペリエンスに関して言えば、ユーザーは忍耐強く感じます。経験則は、ユーザーとのやり取りには常に迅速に対応することです。とはいえ、ほとんどの場合、ユーザーのアクションは非対称であるため、アニメーションも非対称になる可能性があります。
たとえば、ユーザーがサイドバー ナビゲーションを表示するためにタップした場合は、約 100 ミリ秒でできるだけ早く表示する必要があります。ただし、ユーザーがメニューを閉じるときは、もう少しゆっくりと（たとえば 300 ミリ秒程度）ビューをアニメーション化できます。
一方、モーダルビューを表示する場合は、通常、エラーやその他の重大なメッセージが表示されます。このような場合は、少しゆっくりと（300 ミリ秒程度）ビューを表示しますが、ユーザーがトリガーする消去はすぐに実行する必要があります。
一般的な経験則は次のとおりです。
- ユーザーの操作によってトリガーされる UI アニメーション（ビュー遷移や要素の表示など）では、イントロは短く（継続時間が短く）、アウトロはゆっくり（長時間）します。
- エラーやモーダルビューなど、コードによってトリガーされる UI アニメーションの場合、イントロは長くなり（持続時間は長く）、アウトロは短くなります（継続時間が短い）。