デザインは、特に視聴者がタイムリーに特定の情報を探している旅行ブログに関係する場合、情報を消費する方法で非常に重要な役割を果たします。適切に設計された旅行ブログを使用すると、視聴者は数秒で情報を取得でき、これにより、より頻繁にサイトに行く練習ができます。
一方、開発されていない旅行ブログは、観客を混乱させ、悪い意見を形成し、ブログを完全に放棄することができます。
調査によると、視聴者は旅行ブログの視覚的な魅力を見て、ページが読み込まれた後500ミリ秒以内に迅速に意見を述べます！残念ながら、多くの旅行ブログは初期段階でデザインを優先していません。ブログが成長するにつれて、デザインはしばしばバックバーナーに置かれ、完全に忘れられます。
あなたのコンテンツがどれほど興味深く、際立っていても、視聴者が旅行ブログが提供する読書体験を好まないなら、彼らはあなたのサイトを離れて他の代替品に切り替えることをheしません。
私は10年以上フリーランスのユーザーインターフェイスデザイナーとして働いており、最近、自分の旅行ブログBucketListly.Blogを再設計し、素晴らしい読書体験を作成する方法について多くを学びました。
☞参照：旅行の仕事 – リモートでできる101のジョブのリスト
今日は、旅行ブログの読書体験を改善するために適用できる多くの重要なデザインの提案のトップ10を紹介します。
1.ナビゲーションを簡素化します
前に説明したように、サイトはできるだけ早く視聴者が必要とする情報を提供し、簡単で明確なナビゲーションを使用することで、視聴者がジャンプしてサイトを簡単に探索できるようにすることが不可欠です。
ナビゲーション構造を2レベル以下に制限することは、ページの上部で利用できる簡単でクリアなラベルを使用して、旅行ブログを簡素化する1つの方法です。また、Googleによると、コンテンツの深さは、記事がどれだけうまくランク付けされているかを識別できます。ページに到達するのにワンクリックが必要な場合、Googleはページを2〜3回クリックするのにかかる他のページよりもはるかに重要であると考えます。
旅行ブログを始める方法を学びたいですか？ほんの数分で、始めて始めるために、4部構成の初心者ブロガービデオコースと200ページのブログ電子書籍を無料でお送りします。詳細については、ここをクリックしてください。
2.コンテンツ重視のレイアウト
ページに到着し、目がコンテンツ以外の何かに自動的に移動すると、サイトの所有者は間違っています。旅行ブログはコンテンツでライブと死ぬことがあり、マーケティングや広告などの他の無関係なものではなく、コンテンツに焦点を当てたレイアウトを選択することが不可欠です。
コンテンツに最適なレイアウトは、道路上のヤギに見られる単一の列レイアウトです。コンテンツは前面と中央であり、実際に気を散らすものでは簡単に消化できます。ユーザーがコンテンツがどこにあるかを考える必要はありません。彼らはページを見て、すぐにそれがどこにあるかを知ります。
2つの列レイアウトは、左側のコンテンツと右側のサイドバーでも許容されます。このようにすることを選択した場合は、コンテンツ列がサイドバーよりもかなり大きいことを確認して、聴衆を混乱させないでください。
最小幅800px以上のコンテンツ領域は、300pxのサイドバーまではるかに多く、コンテンツセンターステージにサイドバーのスペースを残しているバランスが良いことがわかりました。
3.画像を最適化します
多くの場合、旅行ブログは限られたモバイルデータを介して携帯電話から入手できます。また、旅行のコンテンツは画像に重いことが多いため、投稿を送信する前に写真を正しく最適化することが不可欠です。観客の限られたモバイルデータを無駄にします。
提出する前に、TinypngやOptimizillaなどのサードパーティサービスを通じて画像を最適化できます。または、設定をさらに制御する必要がある場合は、Adobe Photoshopで手動で行うことができます。私が見つけた最も最適な設定は、60％の品質で写真をJPEGに変換することです。品質は、写真の種類によって異なる場合がありますので、数字を完全に試してみることができます。
4.怠zyなロードすべて
Lazy Loadは、必要な点まで画像またはIFRAMEの初期化を延期するために、重いコンテンツのあるサイトで通常使用されるデザインパターンです。
上記で説明したように、モバイルデータと速度は視聴者にとって貴重であり、旅行コンテンツの性質上、すべての写真、YouTubeビデオ、Googleマップが購入して、サーバーリソースを無駄にしないように購入する必要があります。d聴衆のデータ、そして旅行ブログの初期負荷時間を非常にスピードアップします。
旅行ブログでこれを実行するには、少しJavaScript開発スキルまたはWeb開発者が必要です。私がお勧めするプラグインは、簡単に実装でき、軽量で強力なVerlokの怠zyなロードスクリプトです。
☞参照：10完全に無料のWordPressプラグインすべての旅行ブログが持っている必要があります
Lazy Loadと小さなプレースホルダー画像と「SRCSet」属性を組み合わせることで、BucketListlyブログで行ったように、さらに一歩踏み出すことができます。
これが機能する方法です。同じ画像の3つのバージョンが必要です。1つはプレースホルダー用（20％の幅20％の品質）、1つはモバイルバージョン（60％の品質で500ピクセル）、元の写真です。
ページが最初にロードを開始すると、プレースホルダーバージョンが最初にプレースホルダーとしてロードされ、元の画像は視聴者がスクロールした場合にのみロードされます。オーディエンスの画面サイズに応じて画像を小さなバージョンにロードする場合は、SRCSET属性の内側にモバイルバージョンの画像を配置することにより、画像HTMLラベルにSRCSet特性を使用できます。 SRCSetについては、こちらで詳しく知ることができます。
5.検索ボタンに簡単にアクセスできます
検索機能は、旅行ブログが持つことができる最も重要な機能の1つです。あなたの視聴者があなたのブログに到着し、彼らがそのページで望むものを見つけることができなかったとき、彼らがする次のことは、さらに飛び込むための検索ボタンを探すことです。
多くの場合、彼らはあなたのナビゲーションバーでそれを探します、そして、彼らがあなたのサイトを離れる可能性が高いので、彼らがあなたのサイトを離れる可能性が高いので、彼らはあなたのサイト全体のページの上部にある検索機能を必ず準備してください。
6.写真を改善します
フランスのアルプスでバルコンのSUDトレイルをハイキングしていたとき、私はこれを取りました。
写真を撮ることで、視聴者の読書体験を向上させることができます。ビジュアルエイズは、旅行コンテンツの大きなコンポーネントであり、ブログ投稿に添付するための明確な写真があるため、聴衆は写真が好きな場合はその投稿に関与する可能性がはるかに高くなります。結局のところ、私たち人間は視覚的な生き物です。
ぼやけた低品質の写真は、コンテンツが低品質であるという印象を与える可能性があるため、ストーリーテリングを妨げないでください。
7.マーケティングよりもデザインを犠牲にしないでください
マーケティングのために、多くの迷惑なポップアップとバナーで良い読書体験を犠牲にするという間違いがあるのを見てきました。私が見る最も一般的な間違いは、私がページに到着したときに、特定の情報を検索して、コンテンツを読む機会があった前でさえ、彼らのニュースレターを購読するように私に求めているように見えます。それは聴衆を失う確実な方法です。
視聴者や彼らが探しているコンテンツの邪魔になるあらゆる種類のマーケティング手法を使用しないようにすることが最善です。
8.ファンシーフォントを最小限に抑えます
ブログのデザインの一部として派手なフォントを持つことは、あなたのブログを一般的なものと区別するのに最適な方法ですが、それを使いすぎないでください。私は、フォントを使って上下にある多くの旅行ブログを見てきましたが、使用したフォントの読みやすさが悪いため、ブログ投稿が何であるかを把握することは事実上不可能です。
ファンシーフォントを最小限に抑えてください。親指の適切なガイドラインは、派手なフォントを使用する場合、それを1つに制限し、大きな見出しでのみ使用することです。 Open SansやHelveticaのようなコンテンツのはるかに読みやすいフォントを選択して、より良い読書体験をしてください。
9.コンテンツを一貫して構成します
旅行ブログのコンテンツを作成するときは、心に明確な構造があることを確認し、ブログ全体で一貫してそれを反映するために最適なスタイルを使用してください。
タイトルは、最も人気のあるフォントサイズ、重量、色のタイトルのように見えるはずです。ボディテキストは、タイトルと同じ大胆な重量よりも小さいフォントサイズのヘッダーテキストでも同じことが言えますが、ボディテキストは最小のフォントサイズと通常のフォント重量を持つ必要があります。
HTMLがわかっている場合、親指の適切なガイドラインは、H1ラベルをタイトルとして、字幕としてH2、H3を見出しとして、H4をサブヘッドラインとして、P段落のPを使用することです。
10.フローティングコンテンツを制限します
前に説明したように、視聴者は携帯電話からあなたのブログに到着し、そのような限られた画面の不動産を使用すると、画面の15％をカバーするフローティングボックスがある場合にのみ、視聴者をさらに悩ませるでしょう。
これを考えてみてください。固定トップナビゲーションバーを備えた旅行ブログがある場合は、すでにオーディエンススクリーンの不動産の15％を占めています。さらに15％かかる広告を下部に配置することを選択した場合。 これは、コンテンツの画面の70％しか残っていないことを意味します。 ランドスケープサイズの画像を追加すると、これには50％かかる可能性があります。その後、写真を下にスクロールしない限り、視聴者が何も読む余地がありません。
これは、聴衆に不必要な不便さを生み出します。 モバイルオーディエンスを念頭に置いて、旅行ブログに浮かぶコンテンツを制限してください。
旅行ブログも運営していますか？ これらのテクニックの多くは、ブログにどのように適用されましたか？ リストから何かを逃しましたか？ 以下のコメントで私たちと共有してください。そうすれば、旅行ブログ業界を少しきれいにするのをお互いに支援できます。
この記事のように？ ピンする！
免責事項：道路上のヤギはアマゾンのアソシエイトであり、他の小売業者のアフィリエイトでもあります。 これは、ブログのリンクをクリックしてそれらの小売業者から購入すると、コミッションを獲得することを意味します。