私たちのインタラクティブな旅行雑誌で信じられないほどの目的地を体験

デジタル版にインタラクティブな要素を統合する

デジタル版は、オンラインでアクセスできる電子版の印刷版です。読者は、世界中のあらゆるデバイス、いつでも、どこでもコンテンツにアクセスできます。これは、伝統的なメディアよりも幅広い視聴者にリーチできるため、出版社にとって有利です。一部のデジタル版では、読書体験を豊かにし、読者のエンゲージメントを促進するインタラクティブな要素も提供しています。これらの機能は通常、HTML5、 CSS3、およびJavaScriptプログラミング言語を使用して有効になります。インタラクティブ要素には、クリック可能なギャラリー、埋め込みビデオ、オーディオインタビュー、アニメーションイラスト、インタラクティブマップが含まれます。パブリッシャーは、これらのツールを実装する前に慎重に計画する必要があります。

クリック可能なギャラリー

クリック可能なギャラリーは、単一のページに表示される画像のコレクションです。読者は、各画像の上にマウスを置き、その倍率を確認するか、被写体についての追加の詳細を明らかにします。クリック可能なギャラリーは、書かれたコンテンツに視覚的なコンテキストを提供し、没入型の体験を作成し、ストーリーをより魅力的にすることができます。

例えば、旅行雑誌は、クリック可能なフォトギャラリーを通じて目的地を表示することができます、目的地の場所の地図を含む。ユーザーは個々の写真をクリックして、目的地の特定の場所についての詳細情報を見つけることができます。［次へ］をクリックすると、ユーザーは同じ地域のさまざまなギャラリーを移動できます。

切り替え可能なギャラリーを使用する別の例は、歴史的アーカイブです。博物館のウェブサイトには、そのコレクションからの一連の絵画が掲載されている可能性があります。各画像には「ズーム」オプションがあり、ユーザーは高解像度で表示できます。ギャラリーは時系列で配置され、読者は時間をかけて芸術的なスタイルの発展を探求することができます。このタイプの機能は、コンテキストを提供し、ユーザーが自分のペースでビデオを探索できるようにすることで、学習を改善します。

埋め込まれたビデオ

多くのデジタル出版物は、テキストのストーリーテリングの代わりとしてビデオを記事に統合します。動画を使用すると、パブリッシャーは複雑なアイデアを素早く視覚的に伝えることができます。Twitter、 Facebook、 Instagram、 YouTubeなどのソーシャルメディアプラットフォームでも共有できます。ビデオ埋め込みにはHTML5コードとJavaScriptプログラミングスキルが必要です。ビデオを埋め込んだ後、再生の速度と品質を最適化する必要があります。パブリッシャーは、公開する前にビデオをチェックして、すべてのデバイスで正しく動作することを確認する必要があります。

ビデオはいくつかの方法で使用できます：

1）技術的な概念を説明するために-技術的なブログで、開発者はビデオチュートリアルを使用してWebアプリケーションを作成する方法を説明することができます。2）個人的な話をする。調査ジャーナリストは、公に識別することができない内部告発者とのインタビューを記録することができます。3）製品やサービスを紹介する-小売業者は、製品デモを通じて新しい在庫を紹介することができます。4）イベントを宣伝する-ライフスタイルマガジンは、今後のコンサート、展示会、会議のための短いプロモーションクリップを作成することができます。5）広告目的-広告は雑誌アプリの関連コンテンツの横に表示される場合があります。

オーディオインタビュー

オーディオインタビューは、書かれた記事に深みを加えるもう1つのインタラクティブな要素です。オーディオファイルは小さく、HTML5ドキュメントに埋め込むのが簡単です。ただし、慎重な編集と作成が必要です。オーディオファイルは、クリア、可聴、簡潔でなければなりません。長いインタビューは、耳を傾けるよりも読むことを好む読者を疲れることができます。編集者は、インタビューの最も関連性の高い部分を選択し、余分なコンテンツを削除するだけです。それらはまたそれをオンラインで掲示する前に音質を点検するべきです。

オーディオインタビューは、ユーザーが専門家や目撃者から直接聞くことができるように、ストーリーにコンテキスト情報を追加することができます。たとえば、旅行出版物には、世界中のさまざまな目的地に関する一連のポッドキャストを含めることができます。各ポッドキャストには、地元のガイドがそれぞれの街の歴史、文化、観光スポットについて説明します。通勤中や家事をしながら聞くことができます。このタイプのインタラクティブコンテンツは、長いテキスト記事を読むことなく、読者がエンゲージメントして楽しむことができます。

アニメーションイラスト

インタラクティブなイラストを使用すると、読者は視覚的な概念をインタラクティブに探索できます。これらの機能には、通常、JavaScriptプログラミングスキルとAdobe PhotoshopやIllustratorのようなグラフィックスエディタが必要です。アニメーションには、すべてのデバイスでスムーズに再生するために適切に注文する必要がある複数のフレームが含まれています。パブリッシャーはアニメーションを使用して複雑なアイデアを説明したり、製品/サービスを紹介したりできます。

例えば、健康とフィットネスのウェブサイトは、運動が体にどのように影響するかを示すアニメーションのインフォグラフィックを作成することができます。読者はプレスし、異なった練習の間に筋肉が収縮する方法を見るために体の各部分をドラッグすることができます。もう一つのアプリケーションは製品デモです。小売業者は、アニメーションでその最新製品の作品を紹介することができます。

インタラクティブマップは、デジタルパブリッシング体験を向上させる別の方法です。インタラクティブマップは地理データを魅力的な形式で表示し、ユーザーが視覚的に情報を探索することができます。HTML5とCSS3のコーディングスキルが必要です。地図データは通常、GoogleマップやOpenStreetMapなどのサードパーティのAPIから取得されます。HTMLドキュメントに埋め込まれると、地図には記事の主題に関連する関心のあるポイント（POI）が表示されます。ユーザーは、場所やカテゴリに基づいてPOIのズームインとズームアウト、パンとフィルターを行うことができます。