こんにちはMUUUUU.ORGの中の人こと、Quoitworksのムラマツです。 アニメーションをとりいれるとwebサイトが華やかになりイイ感じに見えますが、 サイトを分かりやすくする、目的を達成するために上手に使えていますでしょうか。 今回はオライリーから出ている「インタフェースデザインの実践教室 ―優れたユーザビリティを実現するアイデアとテクニック」を参考に(心理学とは別の兄弟本みたいなやつです) UIの領域での”問題を解決する為にどうやってアニメーションを取りいれるか”をまとめていこうと思います。(アニメーションによってデザインの力を増幅させる効果に関しては今回は置いておいてください) そもそもなんでwebサイトにアニメーションを入れる必要があるのか 小さな変化や、大きな変化に隠れて見逃されてしまいかねない変化に、ユーザーの目を向けさせるときに利用します 激しい状態の変化を把握しやす
![アニメーションで問題を解決!サイトをより分かりやすくする為のアニメーションの使いどころ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a7b0630d808ce7e9472beec9e8a98ea6cd2ce9a/height=288;version=1;width=512/https%3A%2F%2Fquoitworks.com%2Fblog%2Fwp-content%2Fuploads%2F2014%2F05%2Fblog4-300x200.png)