変換するコンテンツをデザインするための5つの秘訣

公開: 2021-09-30

Webデザイナーとして、自分をビジネスストラテジストではなく、ビジュアルアーティストと考えるのは簡単です。ウェブデザインには創造性と芸術性が含まれていることは事実ですが、それはウェブデザインの不可欠で価値のある部分ですが、本当に効果的なウェブデザインは単なる美しいウェブサイトではありません。効果的なウェブサイトです。そして、効果的な意味のさまざまな色合いを取ることができます。

一部の人は、効果的なWebデザインを、視覚的に魅力的でナビゲートしやすいサイトと見なしています。人々は毎日Webデザイナーを雇って、見栄えがよく使いやすいサイトを作成しています。見栄えの良い配色、意味のあるナビゲーション、一貫したブランディングを備えています。プレゼンテーションとナビゲーションは確かにユーザーエクスペリエンスの2つの重要な側面であり、Webサイトを評価するための指標です。ユーザーエクスペリエンスが優れているほど、デザインは成功します。

優れたWebデザインは、UXだけではありません

Webサイトでのユーザーエクスペリエンスの設計は、ビジュアルやメカニズムを超えています。多くの場合、サイトの所有者がサイトのユーザーに実行してほしいことがあります。ユーザーにそのことを実行するように説得することは、変換のプロセスです。

コンバージョンはユーザーに関するものですが、最終的には、ユーザーとのやり取りに関するサイト所有者の目標に関するものです。最近設計されているサイトの大部分は、訪問者とユーザーを、製品の販売、リードの生成、登録の収集など、サイトの目標の受動的な視聴者から能動的な参加者に変えることを目的としています。訪問者をパッシブビューアーからアクティブプレーヤーに変えることは変換のプロセスであり、それは重要ですが、多くの場合、Webサイトの成功の一部と誤解されています。

良いコンバージョン率は、ウェブサイトのデザインで効果的に提示される効果的なコンテンツに要約されます。変換するコンテンツを中心に構築された優れたデザインが必要です。デザインとコンテンツの2つは密接に絡み合っており、一方が効果的であるためには、もう一方もそうである必要があります。デザイナーはコピーライターや写真家である必要はありませんが、コンバージョンに魅力的で効果的な方法でサイトのコンテンツを表示する方法を十分に理解している必要があります。

はじめに、変換するコンテンツをデザインするための5つの「秘訣」を紹介します。

1.ダミーテキストを捨てる

多くのデザイナーは、Webデザインを思いつき、LoremIpsumダミーテキストを使用してそれを具体化することがよくあります。目標がコンバージョンである場合、これは絶対に機能する方法ではありません。デザインを設定する前にコンテンツを手元に用意しておくことが重要です。そうでなければ、あなたのデザインは単に架空の「これは素晴らしいウェブサイトになるでしょう」プロジェクトであり、あなたが作成するために雇われた非常に微妙な形のアートではありません。コンテンツはデザインを決定する必要があります。そうしないと、デザイン内の要素が不要になるという非常に現実的な（そしてしばしば認識される）リスクが発生し、コンテンツを完全に適合しないデザインに靴べらにする必要があり、プレゼンテーション全体が適切なコンテンツを強調することに完全に失敗します。適切な時点。

コンテンツを上手く表示するシンプルなWebサイトは、重要な情報を強調できず、他の情報を覆い隠してしまう美しくデザインされたWebサイトよりも変換率が高くなります。架空のテキストや画像を使用したデザインは、クライアントが気に入る可能性のあるデザインに自分自身を設定するだけですが、実際のコンテンツを入れると最終的に失敗します。必要に応じて、深刻なブレーンストーミングを行う前に、アイデアをスケッチしてください。ワイヤーフレームを組み立てて、何を扱っているのか、どの要素を取り上げる必要があるのかを正確に把握します。デザイナーのジェフリーゼルドマンは、2008年にそれを最もよく言いました。「コンテンツがない場合のデザインはデザインではなく、装飾です。」

デザインサービスと一緒にコピーライティングサービスを提供する場合、デザインのアイデアに基づいてコピーを作成できる場合がありますが（またはその逆）、その方法を理解する前に、提示している内容を十分に理解する必要があります。それを提示します。このゲームでは靴べらは許可されていません。

2.サイトの前にサイトマップを作成します

本当に良いサイトマップは、特にサイト内を移動するものがたくさんある場合に、任意のWebサイトのユーザーに贈ることができる素晴らしい贈り物です。ただし、気付かないかもしれませんが、優れたサイトマップは、自分自身やクライアントへの贈り物にもなり得るということです。デザインを開始する前にサイトマップを入手している場合、基本的に入手できるのは、デザインの構造全体を構築するためのアウトラインです。 Cameron ChapmanがKISSmetricsに書いたように、優れたサイトマップは「サイトに必要なコンテンツを整理して明確にし、不要なページを排除するのに役立つ一元化された計画ツール」です。

言い換えれば、サイトマップはあなたのウェブサイトのロードマップのようなものです。作成すると、設計スキルはまったく呼び出されず、組織的なスキルだけが呼び出されます。つまり、サイトマップのレイアウトは、クライアントに任せたり、共同で開発したり、自分で引き受けたりできる責任です。サイトマップを担当している場合は、先に進む前に、クライアントが徹底的な評価を行っていることを確認してください。サイトマップは時間の経過とともに進化することがよくありますが、途中で変更が少なければ少ないほど、より良い結果が得られます。

サイトマップは、面倒なことや、まとめたり調整したりするのが難しいことなく、どのコンテンツがどこにある必要があるかを明確にします。情報を複製するのではなく、コンテンツの各部分をどこに移動する必要があるかを確認し、役立つ内部リンクを作成できるため、非効率的なデザインやナビゲーションの可能性が排除されます。コンテンツが重複しないということは、あなたやサイトのユーザーにとって無駄な時間がなくなることを意味します。

サイトマップのもう1つの利点は、プロジェクトの範囲を最初から明確にするのに役立つことです。これは、あなたとクライアントの両方がおそらく喜ぶでしょう。サイトマップの実際のロジスティック上の利点は、完了したプロジェクトの部分とまだ進行中の部分のトラッカーとして機能できることです。それをデジタルに保ち、サイトマップへの入力とサイト設計の進捗状況を持つすべての人がそれにアクセスできることを確認してください。クライアントを最新の状態に保つためのクイックツールとして使用し、コンテンツへの変更が提案されたときにいつでも参照し続けることで、時間と頭痛の種を節約できます。

3.行動を促す明確な呼びかけをする

サイトの目標がコンバージョンである場合（そしてこれはほとんどの場合そうです）、最も重要な要素の1つは行動の呼びかけです。率直に言って、ほとんどのサイトでは、「サインアップ」、「カートに追加」、「ギャラリーの表示」など、何らかの行動を促す必要があります。ユーザーは何らかの行動に向けて導かれるべきであり、その行動は明確かつ明確にレイアウトされる必要があります。ボタン、リンク、またはその他のものである可能性があります。それが何であれ、それが私たちが「行動を呼びかける」と言うときの意味です。

あなたの行動への呼びかけがユーモラスな口調をとる（今日サインアップするか、バニーがそれを得る！）、友情を呼び起こす（原因に参加する）、または緊急性を積んでいる（今日のみ販売中！）かどうかにかかわらず、それはある方法で設計される必要がありますそれはターゲットオーディエンスにとって魅力的であり、サイトの全体的なメッセージングと一致しています。いくつかの優れたアイデアと例については、JustCreativeの召喚状に関するHelgaMorenoの記事をご覧ください。

注意すべき重要な点：ランディングページでの行動の呼びかけがユーザーがオプトインフォームに記入することである場合は、そのページにフォームを含めます。ユーザーにオプトインに移動するリンクをクリックさせないでください。ワンステップオプトインは、ツーステップオプトインよりもはるかに高いコンバージョン率を示すことが示されています。ランディングページにオプトインするだけです。また、フォームが実際に必要な情報のみを要求していることを確認してください。要求が少ないほど、変換率は高くなります。

4.見出しが適切であることを確認します

彼らの塩に値するウェブライターなら誰でも、見出しが重要であるとあなたに言うでしょう-そしてそれは本当です。私たちは皆、迷惑なクリックベイトと短い注意が最近続いていることについて冗談を言っていますが、調査によると、訪問者がバウンスする前に、どのWebサイトでも訪問者の注意を引くのに8秒かかります。 8秒はそれほど時間はかかりません。これらの秒の大部分は、見出しのスキャンに費やされていると考えて間違いありません。そのため、サイトのデザインでリモートの見出しのようなものでも強力であることが絶対に重要です。説得力のある見出しだけが、コンバージョンの機会を得るのに十分な時間、サイトのユーザーを維持します。

デザインで見出しやその他のH1テキストを生成する責任があなたの肩にかかった場合は、見出しを書くスキルを磨く必要があります。私のお気に入りの2つのリソースは、Copybloggerからのこのクイックヒント投稿と、JonMorrowからの無料のHeadlineHacksPDFです。これらのリソースは両方とも作家のために開発されましたが、英語に堪能な人なら誰でもすぐに吸収して使用できるように、優れた見出しを書くための基本を示しています。

5.用途の広い画像を使用して、関心を引き付け、維持します

ウェブデザインには画像（およびロゴや目立つフォントなどの他の視覚的要素）の芸術に対する科学があり、特にコンテンツを階層化する場合は、何が優れた画像選択を正確に行うのかを鋭く理解する必要があります。画像の上に表示するか、重要な見出しや行動を促すフレーズを結び付けます。ほとんどの実際のWebデザインは、デスクトップまたはラップトップコンピューターで行われます。私たちの生活のすべての画面と比較すると、これらのコンピューターモニターは広々としていて、比較的暗い場所にあり、ほとんどの場合、屋内にあるか、少なくとも直射日光やその他のまぶしさから日陰になっています。しかし、最近Webで画像が表示される環境はそれだけではありません。

オフィスの巨大なiMacで見栄えのする画像は、明るく照らされた通りを運ばれている初期モデルのスマートフォンの画面では、必ずしも見栄えが良くなるとは限りません。そして、それらのどちらも、水平ミニタブレットが画像を表示する方法と比較されません。今日の接続性とテクノロジーの性質上、Webサイトを構築する際には、あらゆる種類のモニターと表示シナリオを考慮する必要があります。

画像は、さまざまな環境でさまざまなモニターサイズに対応できるように、印象的でスケーラブルである必要があります。明るい光の頭上で4インチ、屋内で40インチ、間接的な太陽光をフィルターにかけたものと考えてください。ニュアンスや複雑なディテールのために画像が魅力的である場合は、おそらくそうではありません。使用する適切な画像。微調整によって画像が実現可能になる場合（またはクライアントが画像を使用する必要がある場合）は、必要に応じて画像を微調整し、コントラストに焦点を合わせて鮮明度を高めます。

変換するコピーするキー

これらの5つの「秘密」は実際にはまったく秘密ではありませんが、変換するコンテンツを作成するためのこれらの重要な要素を見落としたり、完全に見逃したりするのは簡単です。ウェブサイトはコンテンツを提示するための手段であり、ユーザーはウェブデザインを考慮に入れる必要があります。しかし、これらのヒントが示しているように、効果的なWebデザインは、Webサイトを見やすく使いやすくすることだけではありません。多くの場合、別の目的があります。それは、コンバージョンを促進することです。 Webデザインワークフローのこれら5つの領域すべてを習得して使用することは、あらゆる意味で真に効果的なWebサイトを作成する能力に大いに役立ちます。