良いウェブサイトの条件とは? 【WebデザイナーとのQ&A】

公開: 2022-04-05

デジタル時代において、Web サイトはビジネスの最も強力なツールの 1 つであると言っても過言ではありません。「優れた」ウェブサイトのデザインについて最初に理解しておくべきことの 1 つは、ウェブサイトには見た目が美しいだけでなく、それ以上のものが必要だということです。実際、あなたのウェブサイトは販売およびマーケティング戦略の土台となることができ、またそうあるべきです。「きれいな」Web サイトは、セールスパイプラインを介してリードを移動するように構築されているわけではありません。また、顧客のニーズを満たさないレイアウトには、新しいフォントや更新された色だけでなく、はるかに多くのオーバーホールが必要になります。

StoryTeller の専任の社内 Web デザイナー、開発者、および Web 全般の第一人者であるMelissa Naultに、検索、マーケティング、販売、および美的外観のために最適化されたクライアント Web サイトを構築する際に彼女が心に留めている重要な原則について話を聞きました。美しい。

ウェブサイトを検索用に最適化する上で、デザインはどのような役割を果たしますか?

まず第一に、トラフィックを増やしてオンラインでリードを獲得したい場合は、SEO を念頭に置いて Web サイトを構築する必要があります。重要なキーワードは、Web ページのヘッダー、コピー、さらには Web サイト全体の画像のメタディスクリプションに含める必要があります。 Google のアルゴリズムは Web ページをクロールして、見込み客が検索している内容に最も一致するものを見つけようとします。そのため、Google が適切な訪問者とあなたをできるだけ簡単にマッチングできるようにしてください。

見込み客があなたのページを見つけたら、視覚的に魅力的なデザインは彼らがより長く滞在することを促します。これにより、直帰率が低下し、平均ページ滞在時間、信頼性、クリック数、およびコンバージョンの機会が増加します。代替テキストを使用して画像や動画を最適化し、サイズを変更してページ速度を下げることが重要です。これらの要因はすべて、Web サイトのランクを上げるのに役立ちます。そのため、ウェブサイトのデザインは単に「豚に口紅を塗る」だけではなく、ユーザーにとって非常に機能的で、検索用に最適化されている必要があります。

「良い」ウェブサイトデザインの重要な要素は何ですか?

優れた Web サイトは、閲覧者を圧倒しないように、クリーンで最小限に抑えたものにする必要があります。古い広告のことわざにあるように、「シンプルに、ばかげて」。ナビゲートしやすいだけでなく、ユーザーがサイトを楽しく閲覧できるようにする必要があります。ビデオなどの動的なビジュアルを使用して Web サイトのナビゲーションを体験できるようにし、訪問者が目標到達プロセスの次のステップに進むように、さまざまな行動を促すフレーズ (CTA) を使用して探索を促進してください。ナビゲーションはよく考えられており、視聴者にとって直感的である必要があります。ヘッダーの順序に「万能」というものはありません。代わりに、訪問者の欲求とニーズに応える必要があります。

ナビゲーションとユーザーエクスペリエンス (UX) を向上させるには、ナビゲーションまたはリンクをフッターに追加し、検索バーを含めて、訪問者がキーワードで検索できるようにします。魅力的な見出しまたは小見出しと「スクロールせずに見える範囲」の文言を含めて、問題の解決を支援できることを訪問者に安心させます。また、小さな画面で小さな文字を見るのが少し苦手な読者のために、すべてのテキストが十分に大きく、読みやすいものであることを確認してください。

デザインは常にブランドとブランドの色と一致している必要があります。カラーパレットには、ボタンや CTA に使用するために実際に「ポップ」なハイライトカラーを含める必要があります。すべてのページで一貫して使用するために、デザインの最初に 1 つのグラフィック要素を選択し、2 つ以上のフォントフェイスを使用しないでください。 2 つが一緒に最もよく見えるもので遊んでください。

優れた Web サイトには、信頼と権威を確立するために過去に協力した顧客や企業からの証言が含まれていることがよくあります。各ページを作成したら、リンクが適切に機能していることを確認し、レスポンシブビューまたはモバイルビューでテストして、デスクトップと同じように表示されることを確認します。

Web サイトに含めることが最も重要なページのタイプは何ですか? そして、あなたが持つことができるものが少なすぎたり、多すぎたりしますか?

最も重要なことは、よく考え抜かれたホームページ、サービスページ、概要ページ、お問い合わせページが必要になることです。もちろん、これは業界によって異なります。ウェブサイトのページ数に魔法の数はありませんが、目標がサイトへのトラフィックを増やし、Google で上位にランク付けすることである場合、コンテンツの質が高いほどパフォーマンスが向上することを覚えておいてください。これが、ブログがオンラインで重要な役割を果たし続けている理由の 1 つです。 Content Marketing Instituteの調査によると、ブログを運営している企業は、ウェブサイトで 400% 以上多くの検索インデックスページを生成しています。

コンテンツの役割は、最終的な目標を念頭に置いて Web サイトの構築を開始することが重要であるもう 1 つの理由であり、企業が継続的なマーケティング活動の一環としてブログを含めることを常にお勧めする理由でもあります。さらに、ブログは、信頼を築き、専門知識を共有するために、ターゲットユーザーに有益な情報を提供する優れた方法です。 Web サイトのデザインと戦略計画のすべてにおいて、ユーザーの立場に立って、ユーザーにとって最高のエクスペリエンスを実現する方法を検討することを忘れないでください。

ウェブサイトのデザインについて最新情報を入手し、インスピレーションを得るには、どのような方法がありますか?

私は通常、自分がデザインしている業界を Google で検索し、ランキングの高い Web サイトを調べたり、 HubSpot のソリューションディレクトリを調べて新しいアイデアを探すことに時間を費やしています。また、私たちが使用しているテーマの開発者であるHelpful Heroの Web サイトにも常にアクセスしています。 Kevin Froman はサイトの「実世界の例」を紹介しています。これは通常、次のデザインに多くのインスピレーションを与えてくれます。

ウェブサイトの構築を開始する前のプロセスは何ですか?

前述のように、新しい Web サイトを構築する前に、新しい Web サイトに対するクライアント固有の目標を理解することが重要です。ビジネスはそれぞれ異なります。ニーズに合ったウェブサイトを構築するには、ターゲットユーザーが何を望んでいて、どのようなメッセージが彼らの心に響くかを理解する必要があります。

私たちは常にクライアントの既存のウェブサイトのウェブサイト監査を実施することからプロセスを開始し、機能しているものと機能していないもの、ブランドなどを記録します. また、クライアントに記入を依頼する設計調査も提供します。好きなスタイル、嫌いなスタイル、色、グラフィック、ムードなどについて具体的な質問をします。また、「好き」または「嫌い」と尋ねる Web サイトのリストも含まれています。彼らのブランドと組み合わせることで、私は通常、クライアントに見せるためのフレームワークのデザインを開始することができます.

ウェブサイトをデザインするためのお気に入りのツールは何ですか?

画像を最適化するためのSqoosh 。
カラーパレットのアイデアで遊ぶためのクーラー。
カスタムフォント用の CloudConvert と MP4 から Gif コンバーターへの変換。
ストック画像/ベクター画像用のAdobe Stock 。
Web ページから色を取得するためのColorZilla Chrome 拡張機能。
Web ページ上のフォントを識別するためのWhatFont Chrome 拡張機能

動画は Web サイトでどのくらい重要ですか? そして、どこに追加すればよいですか？

ビデオは、他のどのオンラインチャネルよりも人々を動かしますが、強力なビデオ制作とビデオマーケティング戦略だけが人々を行動に導きます。ブランドのストーリーを伝え、製品やサービスを紹介するのに最適な方法です。前述のように、動画を使用すると、ユーザーをサイトに長く引き留めることができ、ページを検索用に最適化するのに役立ちます。動画が王様であることは周知の事実です。

ビデオは Web ページの速度を低下させる場合があるため、ビデオプレーヤーでビデオをホストし、サイトに埋め込むことが理にかなっている場合がよくあります。また、動画コンテンツをできる限り活用する必要がありますが、冗長性は避けてください。そのため、関連性があり役立つ場所にビデオを追加しますが、ビデオでサイトを過密にしたり、同じビデオを多くのページで使用したりしないでください。あなたが伝えようとしていることを読むか、ビデオを見るかの選択肢を人々に与えてください。

結局のところ、新しい Web サイトに投資している人にアドバイスを 1 つだけ挙げるとしたら、それは何ですか?

あなたのウェブサイトを、成長するために構築された進化するツールと考えてください。「プライベートクラブの新しいメンバーを見つける」など、ウェブサイトの訪問者向けに明確に定義された目標から始めて、そのレンズを通して他のすべて (デザインとコンテンツ) を確認します。見込み客の主な質問に答えましたか? メンバーシップに関する情報を簡単に見つけられるようにしましたか? あなたの写真は、新しいメンバーがどれほど楽しいかを示していますか? これが、ウェブサイトが販売およびマーケティングツールになる方法です。

また、「完璧」は「良い」の敵であることを忘れないでください。強力で戦略的な基盤と高品質のデザインで構築されている限り、ウェブサイトを立ち上げる前に完全で完璧である必要はありません. (たとえば、1,000 の Web ページでローンチする必要はありません。最も重要な上位 20 ページから始めて、ローンチ後も段階的にさらに追加していくことができます。) この概念は「成長主導のデザイン」と呼ばれ、サイトが実際に完成することは決してないため、私たちの代理店の核となる信念. 代わりに、より戦略的でよく設計された未来の始まりです。

ウェブサイト発見セッション