Web関連

Webサイトに動画導入は、あり?なし?

0

昨今、Webサイトの背景に動画を使用しているサイトをよく見かけますよね。
弊社でも、動画を使用したWebサイトのデザインを作成することが増えています。
ただ、改めて考えると、動画を使用するメリット・デメリットって多くありますよね。そのため結局、動画を入れるのは「あり」なのか「なし」なのか迷っている方も多くいるのではないでしょうか。
そこで今回は、Webサイトに動画を導入するようになったきっかけと、動画を入れる時の注意点をご紹介したいと思います。

Webサイトに動画を導入するようになったきっかけ

まず、動画を導入するようになったきっかけから見てみましょう。

過去の画面設計

今までは、Webページを表示した時の最初の表示領域(ファーストビュー)が「全て」と言われるほど重要視されており、画面設計もそのような作りがほとんどでした。
なぜ、今までファーストビューが「全て」と言われてきたかというと、ユーザーは興味のあるサイト以外は見ないとされていたためです。そのため、ユーザーがサイトに訪れた時、ファーストビューが興味を持つ内容ではない場合、スクロールをせずに検索ページや他ページへ移動すると考えられていました。

現在の画面設計

現在では、モバイルやタブレット端末、スクロール機能が向上したマウスの登場により「スクロール」という動作自体をユーザーは厭わなくなり、長いページの画面設計も一般化してきています。また、マルチデバイス化によりPCやモバイル対応をしている画面設計も求められるようになりました。

今後の画面設計

それでは今後どうなっていくのか…。
現在でもなりつつありますが、「スクロール動作の向上」と「マルチデバイス化」が進み、フラットデザインとも呼ばれるような、「シンプル」な画面設計が求められるようになってきます。

動画の登場

上記のような、「シンプル」な画面設計が求められるようになり、動画が登場しました。
マルチデバイスなどに対応する場合、最小限のスペースで訴求をしなくてはならなくなるためです。
今までは、動画というと「時間がかかりファーストビューですぐに情報訴求ができない」と言われていましたが、昨今では、「情報をより多く、正確に伝える」ということのほうが重要だと言われてきております。

動画導入時の注意点

実際に、動画を入れるとなった場合、気をつけなければならないことがあります。

情報量の多いサイトには不向き

背景に掲載する動画は、流すためでありメインで動画を見せるという意味ではありません。そのため、各コンテンツが多いうえに、動画も掲載するとなると、ごちゃごちゃしたサイトになりがちです。
どうしても載せたいのであれば、余白を上手く使用しデザインをしていく必要があります。

BGMはなるべく流さない

動画というと、BGMや音声など流すべきものですが、Webサイトで背景に使用する場合はなるべく流さない方が良いです。
サイトに訪れた際にいきなり音楽が流れると驚いてしまい、離脱に繋がりかねません。

データ容量は軽くする

動画が原因でページの読み込みが遅くなると、離脱の原因に繋がってしまいます。とくに高画質の動画を使用するとデータの容量も大きくなっていくでしょう。
そのため、高画質よりもデータ容量を軽くすることを優先に考えることをおすすめします。画質が悪い場合は、薄い黒のドットやストライプ柄を組み合わせることである程度ごまかせます。理想の容量は、1MB以下です。

静止画の用意

PCの場合でも読み込みに時間がかかるため、モバイルの場合は静止画に変更をさせたほうが良いです。また、動画対応していない場合や動画が表示されない場合も踏まえて、静止画を備えておくと安全です。

まとめ

画面設計の経緯を振り返ってみると、大きく変化していっていることがわかります。
今回の題名にあった、「Webサイトに動画導入はあり、なし」ですが、私としては「あり」だと考えています。
製品・商品の良さ、社内・社員の雰囲気、実際に聞ける声、など静止画では伝えることが出来ない「メッセージ性」の部分でとても効果を発揮すると思うからです。
また、動画でのプロモーションも昨今流行っているので、親しみやすい情報訴求の方法でも在ると思います。
ただ、動画を入れることで、良い効果を発揮することもあれば、悪い効果を発揮する場合もあるため、正しく判断をして追加しましょう。

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作
Webデザイン制作
モバイルサイト制作

関連コラム

Twitterのプロモーション広告を活用しよう!

0

web担当者必読!注目のLINE@ 企業のビジネス活用まとめ前のページ

動画配信サービスhuluってどんなもの?次のページ

ピックアップ記事

  1. AIに求められているものは、実は意外な物だった
  2. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  3. 新しい販売形態であるDtoCについて考えてみる
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    値段安く、使いやすく。格安SIMサービスの魅力

    みなさんは今お持ちのスマートフォンに満足しているでしょうか。スマートフ…

  2. Web関連

    ホームページ制作会社が紹介する3つのブランディングポイント

    流行には常にアンテナを張っていなければいけないお仕事だったりするわけで…

  3. Web関連

    【ホームページ制作】Google認定パートナーになってみよう!

    皆さん暑い中仕事に励んでいることと思います。この記事を見つけた人は…

  4. Web関連

    WEBサイトの更新が楽々に? CMS導入のすすめ

    Webの担当者の皆さんは、WEBサイトの更新を行うとき自分の社内で行っ…

  5. Web関連

    東京のWeb制作会社が教える失敗しない海外向けサイトの作り方

    今回は、海外向けプロモーションで失敗しないWebサイトの作り方について…

  6. Web関連

    マーケティングオートメーションによってまんまとユニコーンのライブDVDを買ってしまいました。

    今回は「マーケティングオートメーションって具体的にどういうこと?」とい…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    【SDGs】いつでもどこでも質の高い教育は受けられる
  2. AI関連

    【人工知能(AI)×コールセンター】コールセンターが抱える悩みを人工知能が解決
  3. Web関連

    【デザイナー必見!】日本語Webフォントをダウンロードできるサイトまとめ
  4. AI関連

    【人工知能(AI)×教育】学校もマーケティングは必須!人工知能で人に優しい集客を…
  5. AI関連

    オフィスを快適に! IoT×人工知能(AI)の活用方法
PAGE TOP