2016年11月29日(火)

ユーザーの心を揺さぶる！ささやかなアニメーションを効果的に使った8サイトをご紹介

• 0
• 1
• 0
• 2

Webデザインの世界ではアニメーションは特別に新しい技術ではありませんが、デザインのコンピューター言語などのトレンドによって、アニメーションの活用にはちょっとした流行り廃りの時期がありました。

GIFが流行した時にはアニメーションは積極的に活用され、今ではHTML5の普及によりさらに一般的なものとなりました。

今回はそんなアニメーションを効果的に活用する方法と上手く活用できているサイトを紹介します。

 

パーソナリティを追加する

Webサイトにおいてパーソナリティは、ユーザー認識の観点では重要な要素です。

それは、ナビゲーションメニューの作り方ひとつで影響してきます。たとえば、スクロールしてフェードする設定にすれば“エレガント”という印象を与えることができます。

その他には、タクシーアプリケーションで支払いの画面で見た目にも楽しい紙吹雪などの演出があると、それはお客さんのチップを払ったり、再度利用するためのモチベーションや口実になります。

▼Optimo’s hatはアニメーションでパーソナリティを強調している具体的な例です。