インタラクションデザインアニメーションスタイルガイド
私が取り組んでいるeコマースWebサイトの相互作用ごとに、アニメーションの標準セットを考え出そうとしています。これは、スタイルガイドプロジェクト（- http://rizzo.lonelyplanet.com/styleguide/ のようなもの）の後に続くプロジェクトです。UIパターンや視覚スタイルなどスタイルガイドプロジェクトが完了すると、Webサイトに一貫性が生まれます。
スタイルガイドを拡張して、インタラクションデザインとマイクロインタラクションをカバーするにはどうすればよいですか？例や参考文献を探して、良い出発点となるものに頭を回そうとしています。
今のところ、私は次のアプローチを構築しようとしています
例えば.
メニュー
ホバーイン-下に展開
ホバーアウト-上に拡大
カート内のアイテム
追加-フェード+ズームイン
削除-フェード+ズームアウト
テキストボックス（検証）
入力は正解-アウトラインが緑に変わります
入力が正しくありません-アウトラインが赤に変わります
新しい機能を概念化するときに、利害関係者や製品マネージャーがそれぞれの場合に、首尾一貫した何かを思いつくための最良のアプローチは何ですか。
IBMアニメーションスタイルガイド からヒントを得ることができます。彼らはそれを4つのセクションに分けました：
- 基本-これは、オブジェクトがアニメーションする方法の本質的な品質を決定します。
- スタイル-メニューやリストなどの要素に機械のモーションを適用する方法。 このセクションはあなたの要件を満たしていると思います。これを拡張して、独自のインターフェース要素を追加できます。
- 時間-アニメーションのペースと個性を決定します。イーズイン、イーズアウトなどのように
- 根拠-これは、アニメーションがUXを向上させる方法を示しています。
お役に立てれば！