menu

ユーザビリティの高い再生方法&ナビゲーションとは?動画コンテンツ制作のコツ

リニューアル

オウンドメディアやコーポレートサイトなどで動画を配信する場合、尺や表示サイズ、掲載位置などとあわせて、再生方法やナビゲーションにも気を配る必要があります。

画像やテキストと比べて情報量も多くなる分、運営側の都合だけで一方的に配信された動画はユーザーに違和感やストレスを与え、Webサイトにマイナスの影響を与えることも‥。動画コンテンツを配信する場合に注意したいポイントをご紹介します。

動画の再生方法
ページに遷移したとたんに自動再生される動画やループ再生の動画は、ユーザーの行動に関係なく動画を見せられる一方、ページから離脱する1つの原因になると言われています。たしかにいきなり始まる動画は強引な印象がありますし、動画のローディングでページの表示速度が下がり、イライラするユーザーもいるかもしれません。

また、就業時間のオフィスなど、動画が再生されるとユーザーに不都合になるシチュエーションもあります。とりわけ静かな環境では動きや音の激しい動画は違和感・嫌悪感を持たれやすいので、どうしても自動再生やループ再生をさせたい時は、音は入れず、動画自体も違和感を与えにくい静かなものに抑えたほうがいいでしょう。場合によっては静止画の一部だけが動くシネマグラフを利用するのもおすすめです。

動画へのナビゲーション
品数の少ない売り場の方が購入率が高くなるという「選択回避の法則」が示すように、多すぎる情報はユーザーを惑わせます。Webサイトに動画を掲載する場合も、テキストや他の画像は必要最小限にとどめ、できるだけ動画に集中できるようにするのがポイントです。

動画を配置する場所は、最も目につきやすいファーストビューが効果的ですが、他のコンテンツとの兼ね合いがある場合、矢印などを使ってユーザーをナビゲートするのも1つ。また、意図的に空けられたホワイトスペースにも誘導効果があります。HTML5から動画を埋め込むタグが追加されているので、これまでに比べるとレイアウトも調整しやすくなったのではないでしょうか。

複数メディアでの配信
アメリカで行われた動画に関するリサーチよれば、動画を自社サイトだけで配信したケースと、自社サイトに加えてYouTubeなどのメディアでも配信したケースでは、後者のROI(費用対効果)が2倍以上高くなったという結果があります。動画の効果を高めるうえでは、再生方法やナビの工夫とあわせて複数のメディアでの配信も欠かせないようです。

リニューアルに関するご依頼、ご相談、お見積はこちら

小野 良勝

小野 良勝 代表取締役

投稿一覧

横浜の制作会社アイティネットの代表取締役。WEB、モバイル、DTP、デジタルサイネージを事業展開。それぞれの特性を活かした メディアミックスを得意とする。iPhoneやiPadを活用したBtoB向けのアプリケーションを開発。モチベーションの高い人や異業種との交流がたまらない。華の47年組。趣味はオートキャンプ

web09Webサイトにひと味加えたい時に役立つ、イラスト&ピクトグラム素材サイト3選

iot06IoTとビッグデータ活用して経常利益を10%改善。がんこフードサービスの事例

関連記事

  1. ゴールはあくまでKGI。KPI設定において見落としがちなポイントとは?

    ゴールはあくまでKGI。KPI設定において見落としがちなポイント…

    事前の情報設計が成功へのキーポイントとなるWebサイトのリニューアル。とりわけKGI、KPI、CSF…

  2. ユーザー行動に隠されたストーリーを顕在化させるユーザビリティテスト

    ユーザー行動に隠されたストーリーを顕在化させるユーザビリティテス…

    「Google アナリティクス」やユーザーの行動を可視化するヒートマップなどを用いた分析はWebサイ…

  3. 定量データでWebサイトの課題を見える化。「Google-アナリティクス」活用法1

    定量データでWebサイトの課題を見える化。「Google アナリ…

    Webサイトの現状把握&分析において、最初に取り組んでおきたいのがアクセス解析ツールを用いた定量デー…

  4. ペルソナ作成してますか?Webサイトリニューアル前の必須知識

    ペルソナ作成してますか?Webサイトリニューアル前の必須知識

    これからWebサイトリニューアルを控えている企画担当者の皆さん、「Webサイトのペルソナ作成していま…

  5. renewal06

    位置が変われば再生率は2倍以上。Wista社のリサーチに見るWe…

    ますます身近なものになりつつある動画コンテンツ。最近では再生回数や視聴時間に加えて、「好感度」や「印…

  6. renewal07

    誤解されやすい「ユーザビリティ」。正しく理解するためのポイント(…

    Webサイトの制作・リニューアルにおいて、UIやUXと並んで重要なのがユーザビリティです。ユーザビリ…

  7. renewal02

    業界別に見るWebサイトのシネマグラフ活用事例

    GIFアニメーションや動画と静止画の組み合わせによって、被写体の一部だけに動きを与えるシネマグラフ。…

  8. LPやデバイスシェアからリニューアル要件を検討。「Google-アナリティクス」活用法2

    LPやデバイスシェアからリニューアル要件を検討。「Google …

    KGIやKPIの設定とあわせて、リニューアルの事前準備として欠かせないのがWebサイトの現状把握&分…

PICKUP

  1. smart_things
  2. やきとり家 すみれ 毎日新鮮な状態で届けられる厳選された「大山どり」
  3. 効果がなければ基本に戻ろう!ペルソナマーケティングで立直し
  4. 気になる疑問、解消します!!iBeaconにまつわる11のQ&A
  5. 横浜 割烹 料亭 田中家|激戦の時代を生き抜いた歴史ある老舗料亭
  1. marketing02
  2. やきとり家 すみれ 毎日新鮮な状態で届けられる厳選された「大山どり」
  3. 「ヤバい…乗り遅れた…」今更人に聞けないiBeaconについて解説
  4. ad06
  5. 商用車用プローブ・データ・サービス
  6. vessyl
  7. 商品画像に変化を与える、身近なアイテムを利用した撮影テクニック
  8. HiSmart
  9. LiveMap
PAGE TOP