2015年の24の最高のインタラクティブウェブサイト

今年は誰もがWebビデオの人気について絶賛していますが、あまり話題にならない形式のビジュアルコンテンツ（インタラクティブなWebサイト）の方がはるかに魅力的です。 これらのサイトは、刺激的な個人的な体験を生み出す素晴らしい写真、ビデオ、言葉、インタラクティブな要素を備えた豊かな物語の中に視聴者を引き込みます。 これらは、優れたインタラクティブWebサイトのコンステレーションの中で最も優れた明るい星の一部です（今年のこの時期は、暗闇の中で多くの時間を費やしています。ばかげた比喩を使用してお詫びします）。 とにかく、これらは本当に良いインタラクティブ体験がすべきだと私たちが考えることのいくつかです：

• 大量のデータにアクセス可能で関連性のあるものにする
• 通知または楽しませる
• 双方向性を使用して、視聴者ごとに異なるエクスペリエンスを作成します
• 静的コンテンツにはない感情的なつながりを作りましょう

Visuallyオフィスの周りの人々によってノミネートされた私たちのお気に入りの24がここにあります。 これには、ニュースメディア、ブランド、地政学的組織、および楽しみのためにそれを行っているデザイナーからのインタラクティブの組み合わせが含まれます。 本当に深く掘り下げたい場合は、VisuallyCommunityから選んだスタッフの完全なリストを確認することもできます。 私たちは公平を期すように努めましたが、私たちが非常に誇りに思っているインタラクティブなWebサイトをいくつか作成しているため、いくつかはリストに載っています。 以下に取り組んだものを呼び出しました。

時間：宇宙での1年

重要な理由：このインタラクティブなウェブサイトは、NASAの宇宙飛行士スコットケリーの国際宇宙ステーションへの旅行と2015年中の宇宙での彼の時間を紹介しています。エピソードで紹介されているため、旅をまとめて簡単にナビゲートできます。 画像は視覚的に素晴らしいものであり、主題は私たち全員の子供のような探検の精神をかき立てます。 一番上の桜は、サイトが国際宇宙ステーションの現在の場所を示して第4の壁を壊し、外に出て空にそれを見つける方法を説明するときです。

最高のインタラクティブ品質：ダイナミックな背景は、ケリーの旅行と仕事を記録するビデオセグメントにつながります。 ページの左側にあるナビゲーションパネルを使用すると、セクションからセクションへのクリックが簡単になります。また、NASAに期待されるようなリアルタイムのテレメトリも利用できます。

ランドローバー：消えゆくゲーム

重要な理由：このインタラクティブ機能は、著者のウィリアムボイドによる書かれた物語を生き生きとさせます。 それはそれ自体を「デジタルおよび社会的時代の信じられないほどの技術を使用して語られる冒険」と表現しています。 翻訳された、つまり、視聴者が受け取る刺激を制御できるインタラクティブなビデオです。 画像を削除するか、スクロールスクリプトを読むか、物語を聞くか、無声映画のためにすべてをシャットダウンします。

最高のインタラクティブ品質：限られたナビゲーションボタンは、見事なビジュアルとストーリーラインに焦点を当てます。 読者が前方にスクロールするとコンテンツが変化し、視聴者は自分のペースを設定できます。

TSN：ファベラユナイテッド

重要な理由：ブラジルの貧しい貧民街からのこの実話は、サッカー文化によって形作られたタフな若い女性を紹介しています。 劇的なトランジションと見事なビジュアルを備えた素晴らしいレポート。

最高のインタラクティブな品質：ストーリーは、強力な人間の物語と深い統計を織り交ぜています。 質の高いレポート、写真、デザインのこの組み合わせは、完全に魅力的です。

NPR：女の子は夢を見ることができます

重要な理由： NPRは、オーディオ、ビデオ、インタラクティブなストーリーボードを組み合わせて、視聴者をアフガニスタンの学校に連れて行き、教育システムで女性が直面している課題を詳しく見ていきます。

最高のインタラクティブ品質：静止フレームをブレンドして、ストーリーを前進させるアニメーションを作成します。 テキストは小さなチャンクに分割され、画像の下部に重ねて表示されるため、読みやすくなります。

Cohn＆Wolfe：コレステロールカウント

重要な理由：この説明コンテンツは、コレステロール関連の問題に関する統計（平均コレステロールレベルから意識と教育まで）を通じて、読者を州ごとに説明します。 完全開示：このコンテンツを視覚的に作成しました。

最高のインタラクティブ品質：クリック可能なマップがこのストーリーに命を吹き込み、州ごとに個別のデータを視覚化することで、ストーリーの一貫性と魅力を高めます。

Photo World：Snapchatの大きさはどれくらいですか？

重要な理由：このインタラクティブはとても楽しいです。 WhatsApp、Facebook、Instagramと比較して、Snapchatで毎秒共有される画像の数を表示することで、各プラットフォームでのコンテンツ作成の範囲がすぐに明らかになります。

最高のインタラクティブ品質：ソーシャルプラットフォームごとに共有される写真の総数が増えるにつれて、タイマーが1秒ごとに刻々と変化します。 これにより、ページに切迫感が加わり、すぐにコンテンツが視聴者に関連するようになります。

JLL：スクエア：TECH

重要な理由：この「きみならどうする？」のインタラクティブなスタイルは、スタートアップがニューヨーク市のオフィススペースを探すのに役立つように設計されています。 ユーザーは自分自身のプロファイルを作成し、適切な本社を見つける方法を理解するのに役立つ大量のデータを取得します。 完全開示：このコンテンツを視覚的に作成しました。

最高のインタラクティブ品質：コンテンツをバケットに分割することで、不動産の部外者でもコンテンツに親しみやすくなります。 データの視覚化とチェックリストの組み合わせにより、情報は実用的でありながら滑らかに見えます。

ジェイソンデイビス：世界の空港

重要な理由：あなたは常に、人口密集地と比較して世界の空港がどこで運営されているかを知りたいと思っていました。 え？ いいよ。 かっこいいので大事です。

最高のインタラクティブ品質：世界中の任意のセクションにカーソルを合わせると、各地域にサービスを提供している空港がわかります。 クリックして押し続けると、地球が回転し、存在を知らなかった交通ハブが見つかります。

人口調査局：2015年世界人口データシート

重要な理由：このインタラクティブ機能は、世界中の女性が直面している機会と課題を浮き彫りにします。 それは重要なデータの洪水であり、一連のビデオやインタラクティブなチャートにきちんとチャネル化されています。

最高のインタラクティブ品質：ナビゲーションは、クリック可能なボタンがたくさんある単一のスクロール画面に含まれており、世界の人口、出生率、教育などに関する2015年と2050年の予測統計を比較するデータを表示します。

ニューヨークタイムズ：レンタルまたは購入する方が良いですか？

重要な理由：米国のどこに住んでいても、このデータ駆動型ツールのコレクションは、住宅ローンと賃貸の議論を理解するのに役立ちます。

最高のインタラクティブ品質：スライディングスケールを使用すると、ユーザーは多数のデータポイント（場所の年数、住宅価格、家賃の伸びの将来の予測など）から選択して、家賃または購入の決定を明確にすることができます。 ページの右側にある計算機が設置されており、読者はさまざまな入力の変更が住宅購入の見通しにどのように影響するかを確認できます。

Zazzle：10周年

重要な理由：メーカーとデザイナーがカスタム製品を（自社で製造することなく）発売および販売するためのプラットフォームであるZazzleは、タイムラインとデータ駆動型の説明の一部であるこの豊富なエクスペリエンスでストーリーを語ります。 完全開示：このコンテンツを視覚的に作成しました。

最高のインタラクティブ品質：視聴者は、Zazzleで作成されたデザインの鮮やかな流れを、会社の影響を説明する統計と組み合わせて見ることができます。 実際の顧客からの画像やストーリーは、深みを増し、Zazzleを使用することの価値を強調しています。

23と私：23対の染色体。 1つの信じられないほどのあなた。

重要な理由：遺伝学のセクションで理科の授業で注意を払わなかった場合は、実際にここで何かを学ぶ可能性があります。 完全開示：このコンテンツを視覚的に作成

最高のインタラクティブな品質：カラフルな染色体ペアはクリック可能であり、それぞれに関連する祖先と遺伝病に関する情報を明らかにします。 レスポンシブであることのボーナスポイント。

Saxum：米国のエネルギー

重要な理由：このインタラクティブ機能により、米国のエネルギー生産と消費について多くのことを簡単に学ぶことができます。 まず、広範囲にわたる幅広い傾向を表示し、次にドリルダウンして各州の詳細情報を確認します。

最高のインタラクティブ品質：クリック可能なマップと比較ツールを組み合わせて、最も関連性の高い情報を見つけて、コンテキストを提供します。

目標の勝利：廃棄物の50州

重要な理由：あなたが政治家または政治組織者である場合、これはあなたをきしむようにします。 このインタラクティブは、政治的なテレビ広告の影響が実際にどれほど小さいかを示しています。 完全開示：このコンテンツを視覚的に作成しました。

最高のインタラクティブ品質：米国の地図にオーバーレイされたデータの視覚化により、放送費1ドルのうち75セントが間違った有権者に浪費されているという統計が明らかになります。 うわぁ。

Martin Ollivere：誰が世界の富を独占しているのですか？

重要な理由：所得の不平等についてよく耳にしますが、この視覚化は、視覚的な豚の比喩でトピックを分解することにより、トピックをより肉厚にします。

最高のインタラクティブ品質：シンプルさがこのインタラクティブを実現します。 シフトする正方形のグリッドは簡単に理解でき、数字を注意深く使用することで、格差のストーリーが明確にわかります。

Lynn Fisher＆Nick Crohn：空港コード

重要な理由：搭乗券の奇妙な頭字語をすべて解釈できるようになります。 結論として、これはいつかJeopardyで勝つのに役立つかもしれない素晴らしいデザインです。

最高のインタラクティブ品質：世界中の空港を備えたこのインタラクティブの包括的な性質が大好きです。 興味深い事実を学ぶためにタイルをクリックしてください。 レスリー・ニールセンと飛行機の乗務員をフィーチャーした厳選されたGIFを見るには、必ず[概要]タブをクリックしてください。

BBCの未来：地球の中心への旅

重要な理由：子供の頃、あなたはおそらく裏庭から世界の反対側に穴を掘ることを夢見ていました。 このインタラクティブは、ある意味で実際にそれを可能にします。 あなたは地球の中心に旅し、途中で見つけたものについてのばかげた数の事実を学びます。

最高のインタラクティブな品質：スチームパンクなギアを身に付けて地下に潜り、西洋文化の標準的な墓の深さ、ペンギンが飛び込むことができる距離などについて学びます。 イラスト付きのダイビングビークル、コアへのパスに沿って散在するデータポイント、下にスクロールすると風景がどのように変化するかが大好きです。 これも純粋に楽しくて本当に面白いです。

PartyPoker：ポーカーの頭脳

重要な理由：あなたのオタクな科学の自己は、ポーカーのスキルレベル（初心者、アマチュア、または専門家）に応じて脳がどのように機能するかを描いたこれらのイラストを気に入るはずです。

最高のインタラクティブな品質：動作中の脳の画像を見るだけでなく、カードをめくったり、解説動画を見たり、テーブルで競争相手を興奮させる方法についてのヒントを読んだりすることもできます。

ユネスコ統計研究所：取り残された

重要な理由：すでに述べたように、今年の最高のインタラクティブ機能の多くは、世界中の女性が直面している重要な問題に焦点を当てていました。 このインタラクティブは、教育とアドボカシーの同等の部分です。 一緒に、私たちはグローバルに教育を促進するのを助けることができます。

最高のインタラクティブ品質：ストーリーに飛び込むと、ページの左側の余白にナビゲーションドットが見つかります。 実在の人物の写真を表示し、説明テキストのコンテキストでグラフを表示し、最後に、違いを生む方法を学びます。 #leftbehindハッシュタグを使用すると、ソーシャルメディアでの会話を継続できます。

ElkanoData：移動中のファン

重要な理由：スポーツからコンサート、劇場まで、国際的なチケット販売に基づいた世界で最も人気のあるイベントのこの見事な視覚化において、エンターテインメントはグローバルスポーツになります。

最高のインタラクティブ品質：このインタラクティブを起動すると、オフになって実行されるという事実が大好きです。 たとえば、アークはスーパーボウルのチケットを誰が購入したかを示し、データが即座にポップアップして、イベントに旅行するために国を離れたファンの数、出身国の上位を表す場所などが表示されます。 データがあなたの上を流れるようにするか、データを停止して詳細なスナップショットを取得します。

ビッググループ：オスカードレス

重要な理由：あなたはテレビでそれらの賞の番組を見て、あなたが見逃しているスタイルのトレンドを確認するために（そして場合によっては楽しみを突くために）知っています。

最高のインタラクティブ品質： 1954年以降のドレスをクリックすると、それぞれの有名人を輝かせたスタイルの拡大版を見ることができます。 各ポップアップボックスの上部にある大胆なソーシャル共有アイコンとすっきりとしたプレゼンテーションが大好きです。 ベルやホイッスルが少ないほど、より魅力的なプレゼンテーションになります。

ワシントンポスト：多数派の幻想

重要な理由：このニュース記事のインタラクティブなクイズの質問は、影響の性質とあらゆる主題に関する世論について私たちが実際にほとんど知らないことを示しています。

最高のインタラクティブ品質：このニュース記事の上部にあるクイックインタラクティブの使用は、読者を早い段階で引き付け、データ視覚化のさらなる読み取りと消化を促します。 それはまた、それが説明する社会現象を示すことによって物語を個人的なものにします。

WBEZ、好奇心旺盛な都市：バスバンチング

重要な理由：公共交通機関の長い待ち時間に対する欲求不満を、このユーモラスでありながら教育的なインタラクティブに向けてください。

B ESTインタラクティブな資質：クリッカブル矢印は、バスのスケジュールが自然めちゃくちゃ取得方法を説明するために一歩一歩を行く物語、前方と後方読者のナビゲートをしましょう。 それは問題の解決策を提案し続けます—すべてを明らかにしている間、それでもおそらくライダーを動揺させるでしょう。 このインタラクティブな方法で洗練されたコンセプトにアクセスし、感情的なつながりを生み出す方法が気に入りました。

ユネスコ統計研究所：学校に通っていない子供たち

重要な理由：このインタラクティブ機能は、自分自身をさらに前進させ、将来の家族を支援し、コミュニティに還元するために必要な教育にアクセスできない子供たちの問題に対処します。

最高のインタラクティブ品質：アニメーションによる紹介が視聴者の舞台を設定します。その後、右側のレールに沿ったクリック可能なボタンで、各国の教育格差を垣間見ることができます。 データポイントは、場所（地方と都市）、性別、相対的な富によって教育格差を分類します。 クリックするたびに、アニメーション化された子供たちはページを前後に走り、これらは実現されていない本当の夢を持つ本当の人々であるという点を強調します。

より多くのインスピレーションをお探しですか？ 私たちのお気に入りのインタラクティブな視覚化をもっと見るか、ビデオを使ったマーケティングのヒント、コツ、ベストプラクティスについてはThe Ultimate VideoPlaybookをチェックしてください。