ローディング
ローディング系。サイト初回表示のローディング画面です。
各カードの「再生」で何度でも動きを確認できます。
-
progress-bar-percent
数字とバーが 0 から 100% まで進んでいく全画面ローディング。
読み込みの進み具合が目に見えるので、待ち時間のストレスを減らせる。メインコンテンツ
0 % -
simple-progress-bar
細いバーがすっと伸びていくだけの、シンプルな全画面ローディング。
メインコンテンツ
-
skip-loading
文章が物語のように順番に切り替わっていく全画面ローディング。
右下のスキップボタンでいつでも飛ばせる。メインコンテンツ
一般的に、ローディングアニメーションの表示時間が
3秒を超えると、ユーザーの離脱率が高くなる傾向があります。しかし、ストーリー性のあるローディングアニメーションを実装して、
ユーザーにインパクトを与えたいケースもありますよね・・・そのような場合は、スキップボタンを設置し、ユーザーが任意のタイミングで
ローディングをスキップできるようにしましょう！そうすることで、早くサイトを閲覧したいユーザー、
演出を楽しみたいユーザーにも配慮できます！