27研究支援ウェブデザインのヒント:動作するウェブサイトをデザインする方法

総訪問者数。 それは見やすいです。 すべてのマーケティング担当者は、それがあなたの分析に右そこにあるので、彼らが取得しているどの しかし、次に何が起こるかは明らかではありません。

だから、交通を運転するためのアドバイスを与えるのは簡単ですが、webデザインのヒントは難しいです。 非常に多くの要因があります。 1000+成功したwebデザインプロジェクトの後でさえ、私たちが何が最善かを知ることは困難です。

この記事にあらゆる単一の訪問者からより多くの価値を得る為の27の網の設計先端がある。 これらのヒントのほとんどは、研究によってサポートされています。 これらは、中小企業や大企業のために、初心者のデザイナーや高度なUXのプロのためのものです。

結果を得るウェブサイトを設計する方法の私達の最もよい助言、考えおよびインスピレーションはここにある。 美しく見えるサイトは、訪問者を変換し、それらの苦労して稼いだ訪問の一人一人からより多くの価値を取得します。

ここで引用された二つの最も重要な研究は最後にあります。 あなたがせっかちなら、スキップダウン！

ウェブサイトの構造レイアウト

ウェブサイトは、コンテナとコンテンツの二つのものです。 コンテナは2つのものです：構造とスタイル。 最初のものから始めましょう。 これらのヒントは、ページの構造とレイアウトに関するものです。

視覚的な階層を活用

すべてのページには視覚的な階層があります。 その概念に精通していない場合は、ここに私たちの定義があります:

視覚的階層は、視覚的要素の配置、サイズ、色およびコントラストを指す。 それは、それらの相対的な隆起と、それらが人間の目によって見られる順序を決定する。

Webデザイナーは、視覚的な階層を使用して、訪問者の注意を最初に重要な要素に誘導します。 ウェブサイトのレイアウトには、位置（ページ上の高または低）、サイズ（大または小）、ビジュアル（ビデオ、画像、アイコン）、コントラスト（色と空白）が含まれます。

側面を組み合わせると、その効果が倍増します。 誰もがページ上の高い大きなビデオが表示されます。 少数の人々は、画像に囲まれた低コントラストのテキストが表示されます。

視覚的階層は、あなたの目があなたがインターネット上で訪問するすべてのページで特定のパスをたどる理由です。 意図的に使用されたとき、それは一連のメッセージを通して訪問者の注意を、行動への呼びかけに向けて導く。

ホームページ上で説明的でキーフレーズに焦点を当てた見出しを使用する

ホームページの上部（およびすべてのページ）の見出しは、説明的であるかどうかのいずれかです。 そうでなければ、訪問者は彼らの最初の質問に答えることができないかもしれません：”私は正しい場所にいますか？”

これは、ターゲットキーフレーズを使用して関連性を示す機会でもあります。 しかし多くのmarketersは利発なか不明瞭な何かを代りに書く。 しかし、clearは賢いよりも優れています。

派手な、しかし漠然とした見出しを書くのではなく、説明的なものを書く。 会社が折目の上のページで高くするものを、説明することを確かめなさい。

ソース：アウトリーチプラス

待って、倍はまだものですか？

はい、折り目があります。 すべての画面上のすべての訪問のために、表示可能な領域があります。 一番下には有名な折り目があります。 この行の下に何かを表示するには、その訪問者はスクロールする必要があります。

なぜ、これがウェブデザインで重要なのかは、熱く議論されたトピックです。 ここでは、最高の引数の二つがあります：”何の倍はありません！”vs”倍はまだ重要です。”

もちろん、小さなものから巨大なものまで、何千もの画面サイズがあります。 このウェブサイトは、先月に958の異なるサイズの画面で表示されました。 だから、いくつかの設計者は、折り目はもはや関連していないと言います。

しかし、ここで一番下の行です（それを得る？）すべての訪問のための倍とまだすべての訪問のための平均倍がまだあります。 Hotjarのようなツールは、デスクトップ/ラップトップ、モバイルやタブレットのために、スクロールヒートマップの行として明確にそれを示しています。

だから、はい、そこに折り目があり、それはあなたがそれの上と下に置くものが重要です。 ある研究では、訪問者は倍の上に自分の時間の80％を費やすことを示しました。

だから、あなたの価値提案、あなたが何をすべきかのその8ワードバージョンを置く、折り目の上に、ページ上の高い。

しかし、あなたの行動への呼び出しのすべてをトップに置くことはありません

訪問者はそこに多くの時間を費やしているかもしれませんが、それは彼らが行動を取る準備ができていることを意味するものではありません。 説得の多くは、ページの下に遠くに起こります。

Chartbeatが2500万回の訪問を分析したとき、彼らはほとんどの関与が倍以下で起こることを発見しました。 上部のコンテンツが表示されることがあり、それは必ずしも行動にあなたの呼び出しを置くための最も効果的な場所になるつもりはありません。

この頻繁に引用された研究についての一つの注意点: Chartbeatは、マーケティングのウェブサイトとは非常に異なっているニュースのウェブサイトで主に使用されます。 誰もニュースのウェブサイトの折目の上の多くをしない! 通常のwebデザインのヒントは適用されません。

関心が高くなりそうな場所では、ページの下の方に行動を促すようにしてください。

背の高いページにします。 あなたの訪問者の質問にすべて答えなさい。

より多くのピクセルは、質問に答え、異議に対処し、支持的な証拠を追加するためのより多くのスペースを意味します。 訪問者が重要な質問への答えを見つけなければ、ページの下で単に動き続けてもいい。 彼らが満足すれば、彼らは単に読むのをやめるでしょう。

最も効果的な販売ページは、販売の会話をエミュレートします。

営業会議中に誰かを切り落として、彼らの質問に答えるのをやめることはありませんか？ それはすべての短いページです。

クレイジーエッグの有名な研究が入ってくる場所はここです。 彼らは彼らの聴衆を調査し、彼らの上の質問および心配を発見し、そしてすべてに演説する高いページを造った。

ページが20倍長くなりました。 コンバージョン率は30％上昇しました。

“スクロールは継続です。 クリックは決定です–-Josh Porter、Rocket Insights

一度に一つのことを表示

“私はきれいな、モダンなデザインが好きです。”それは私達が網の設計プロジェクトを始めるとき私達の顧客のほとんどが私達に言うものである。 彼らはしばしば例としてAppleのウェブサイトを参照してください。

私たちは空白が好きです。 言い換えれば、私たちは視覚的な複雑さが低いのが好きです。

2012年、Googleは訪問者にとってどのような種類のウェブサイトが美しいと見られるかを発見するために着手しました。 それは非常に複雑な名前のシンプルさについての研究です：ウェブサイトの第一印象に関する視覚的な複雑さと原型の役割：審美的な判断を理解す

彼らは、より複雑なデザインが美しいと認識される可能性が低いことを学びました。

これは、単一の列のレイアウトと高さの高いページへの傾向を説明しています。 複数の列（左側のナビゲーション、コンテンツエリア、右側のレール）を持つデザインは、より複雑で、訪問者の視野内でより視覚的な要素があります。

だから、混乱をカット。 各スクロールの深さで2つの要素のいずれかをフォーカスにします。

標準レイアウトに固執する

Googleによる同じ研究では、”高い原型性”も知覚される美しさと相関していることがわかりました。 言い換えれば、奇妙なは、通常はきれいではありません。 Webデザイン基準に従うウェブサイトは、愛される可能性が高くなります。

最も美しいと考えられているサイトは、高い原型性と低い視覚的複雑さの両方を持っています。 彼らはシンプルで清潔です。

このように考えて、ブランドを差別化するのは良いことですが、レイアウトはそれを行う場所ではありません。 あなたの言うことが違う。 しかしあなたの場所がいかにで使用されるか典型的がありなさい。

いくつかの車は素晴らしい見えます。 彼らは異なっています。 彼らは美しいです。 しかし、彼らはまだ側面にドア、底に車輪、前にヘッドライトを持っています。

しかし、標準は何ですか？ 私たち自身の研究によると、これらはウェブサイトの標準的な要素です:

プロトタイプ性の高い”標準”ウェブサイトには、次のものが含まれています:

• 左上のロゴ
• ヘッダーの水平ナビゲーション
• 上部の検索バー
• 下部のソーシャルアイコン
• モバイルレスポンシブデザイン

“偽のボトムス”に注意

現代のマーケティン これらはコンテンツの行であり、多くの場合、一方の側に画像があり、他方の側にテキストがあり、単一の列でページを流れます。

ここに鉛の生成のウェブサイトの典型的なサービスページの解剖学はある。

図が示すように、フッターの背景色は暗いです。 そう多くの場所は訪問者が今より暗い背景へのスイッチがページの底を意味することを期待することこれをする。

しかし、デザインに暗い背景のページブロックがある場合、訪問者は一番下にヒットしてスクロールを停止したと思うかもしれません。 それは偽の底です。

注：私はこれについて私自身のデザイナーと議論しています。 クルト-クルーゼ、私たちのクリエイティブディレクターは、優れた点になります。 背景色の変更は、コンテンツの種類が変化していることを訪問者に知らせる優れた方法です。 聞こえるよカート！

ページブロックの背景色を選択するときは慎重にしてください。 安全のために、わずかなバリエーションのみを選択するか、常に白または明るい灰色を使用してください。 次に、フッターで濃い灰色または黒に切り替えます。

カルーセルと回転スライダーを避ける

彼らは何年も人気があり、クライアントはそれらを愛しています。 しかし、ホームページのスライドショーに問題があります: 訪問者は最初のスライドのみを見ることができます。

同じ結論に至る多くの研究がありました。 後続のスライドのメッセージは表示されにくく、アクションへの呼び出しがクリックされる可能性は低いです。 ちょうど大学のウェブサイトのスライドのための率によるかちりと言う音を見なさい。

彼らは承認されやすいので人気があるかもしれません。 異なる部門の異なる利害関係者はすべて、折り目の上にいくつかのピクセルを取得します。 彼らは訪問者のためではなく、内部の政治のために良いです。

では、代わりに何をすべきか？

• スライドを積み重ねて、訪問者がページを下にスクロールしてそれぞれを見ることができるようにします。 彼らは突然はるかに目に見えるようになります。
• 主人公として最もインパクトのあるスライドを使用して、注目の画像を使用してください。 それに行動への良い呼び出しを与えます！

タブとアコーディオンを避ける

非表示から物事を取る別の方法は次のとおりです。

ウェブサイト訪問者の最大76％がスキャンしていることを知っているので、何かを明らかにするためにクリックする必要なく、すべてを公開したまま

タブと拡張可能なアコーディオンが有効だった場合は、おそらくAmazonでそれらを見ることができます。

覚えておいてください、スクロールはクリックよりも速く、簡単です。 訪問者が何かを見ることができるように目指してクリックまたはタブする必要がある場合、彼らはそれを見る可能性は低くなります。

画像

ビジュアルに移りましょう。 これらのヒントは、webページ上の画像に固有のものです。

人の写真を使用

顔はユニークな強力な画像です。 私たちが生まれた時から、私たちはより多くの何かの顔を見つめています。 人々の写真の磁気力は、webデザインに非常に便利です。

顔は注意を引くだけでなく、変換と相関します。 Basecampによる有名なケーススタディは、顔と声が販売ページに組み合わされたときに結果に大きな上昇を示しました。

あなたのウェブサイトが魂なしで”放棄された宇宙船”のように見えないことを確認してください。

私は長年にわたって彼らのマーケティングについて何千もの企業に話をしてきたし、私はパターンに気づいた。 大企業は常に小さく見えるようにしようとしている、と中小企業は大きく見えるようにしようとしています。 奇妙な、右？

本当に、すべての企業は、より個人的で、より人間的になろうとするべきです。

しかし、人々のストック写真を避ける

ストック写真のための時間と場所がありますが、私は疫病のような人々のストック写真を避けるでしょう。 彼らは本物を感じることはありません、したがって、彼らは信頼を構築しません。

企業は、生産品質が高いため、ストックフォトに誘惑されています。 しかし、あなたの訪問者は現実をもっと気にしています。 彼らは実際に会社で働く実際の人々を見ることを好むでしょう。

信憑性はポーランドよりも重要です。

この研究はこれを裏付けている。 NNグループの調査によると、訪問者は人々のストック写真や「フィラー」画像を調整しますが、実際には実際の人々の写真を見ています。

だから、彼らは完全に研磨されている場合でも、あなたのチームを表示し、実際の人々の写真を使用し、自分自身である。

視覚的な手がかりとして顔を使用してください

人々の写真はあなたに訪問者の注意を導くための特別な機会を与えます。 有名な”あなたは彼らが見える場所を見て”現象。

ジェームズ-ブリーズ研究員が106人にデザインを見せたとき、彼はよく位置する顔の力を実証しました。 彼らは他の要素に向かって訪問者の注意を指示する力を持っています。

これは赤ちゃんの顔を持つ有名な研究です。 赤ちゃんがカメラを見ると、訪問者は赤ちゃんを見ます。 赤ん坊が見出しを見るとき、訪問者は見出しを見る。

私の友人Oli Gardnerは、赤ちゃんと一緒にこの例に疲れています（申し訳ありませんが、Oli！). 誰かが他の研究や良い例を知っているなら、コメントで私に知らせてください！

顔画像の視線を方向性の手がかりとして使用して、訪問者の注意を利益の声明や行動を促すように誘導します。

視覚的な手がかりとして矢印を使用

顔は注意を導くことができますが、彼らはあなたの訪問者の目を制御する唯一の方法ではありません。 少し手描きの矢印は、さらに効果的であってもよいです。

CXLによるこのアイトラッキング研究では、単純な矢印が訪問者にページ要素を見てもらうのにさらに強力であることがわかりました。

あなたの訪問者に何かを見てほしいと思えば矢とのそれを指しなさい。 私はこのヒントが途方もなく明白であるか、深く洞察力があるかどうかはわかりません。

色を使用して訪問者の注意を行動への呼びかけに導く

色には感情的な意味合いがあり（赤は緊急、青は穏やかです）、ブランド基準の一部です。 しかし、彼らはまた、ボタンやCtaに向かって訪問者の目を引く機会です。

ボタンの色についてのEyequantによる研究は、色と輝度のコントラストの力を確認して注意を引く。

しかし、この研究では、カラフルなボタンが常に効果的ではないことが示されています。 ボタンをより視覚的に目立つようにしたい場合は、次の手順を実行します。:

• ボタンの色と背景のコントラスト
• ボタンの色とボタンのテキストのコントラスト
• ボタンの色とページ上の近くの要素のコントラスト（ま)

「フォン・レストルフ効果」

1930年代、ドイツの科学者ヘドヴィヒ・フォン・レストルフは、10個のアイテムのリストを表示したとき、人々は他のアイテムとは異なる色であればアイテムを覚えていることを発見しました。 これは、後頭葉が視覚的な違い、または”パターン断続器”に敏感であるためです。”

ウェブマーケティング担当者Paras Chopraは、傑出した色がより記憶されているだけでなく、よりクリックされていることを示した実験を行いました：60％以上！

プロのヒント！ あなたのリンク、ボタン、およびロールオーバー効果のすべてのための”アクションの色”を選択します。 デザイン全体で使用されるブランドカラーとは異なる色にしてください（これらは”受動的な色”です）。 クリック可能な項目以外の場所では、アクションの色を使用します。

ナビゲーションとリンク

ここで、訪問者を移動させるメニュー、ボタン、リンクなど、サイトのナビゲーションに関するアドバイスに入ります。

説明的である

ナビゲーションは常に視覚的に目立つので、コミュニケーションの機会です。 訪問者は通常、ヘッダー全体をスキャンして訪問を開始します。 そこに何でも、あなたのメニューを含んで、見られてが非常に本当らしい。

ソース: UX Movement

ナビゲーションラベルが一般的な場合、あなたはあなたが何をすべきかを訪問者に伝える機会を逃しました。 これらの2つの例を比較してください:

あなたの運行ラベルが一般的なら、たくさんまた更に何百万のウェブサイトに共通である。 ウェブサイトナビゲーションのベストプラクティスを活用し、訪問者を助け、検索ランキングを向上させる機会を逃しました。

左にホームを置くが、それ以外は、メニュー項目の順序についてあまり心配しないでください

あなたがホームリンクを持っている場合は、左に置く。 それはそれのための最も一般的な場所なので、訪問者はそこにそれを見つけることを期待しています。

残りのメニュー項目に関しては、調査によると、順序はそれほど重要ではないことが示されています。 メニュー項目の順序と訪問者の成功（ソースとソース）との間に低い相関関係を示す二つの異なるアイトラッキング研究があります。

そうあなたのメニューの事の順序を心配する時間のトンを使ってはいけない。

サービスページからブログ記事へのリンクに注意してください

訪問者がサービスページ上にいる場合、目標はそれらをリードに変換することです。 あなたが残して、あなたのブログを読んで行くために大きな機会を追加した場合、彼らはリード生成にあまり焦点を当てているページに着陸します。 ブログの記事は、自然により多くの気晴らし、出口の機会と低いコンバージョン率を持っています。

他のウェブサイト上のものへのリンクに注意してください

関連するときはいつでも、訪問者が目標を達成するのに役立つものへのリンク。 ブログ記事では、それはしばしばソースまたは外部参照へのリンクの引用です。 この記事は、記事や研究の数十にリンクしています！

しかし、サービスページやホームページでは、注意して他のサイトにリンクする必要があります。 訪問者をリードに変換するために最適化されたページについては、あなた自身に尋ねてください、あなたは本当に訪問者にそのリンクをクリッ それはあなたの目的に達するのを助けるか。

あなたのウェブサイトのヘッダーにソーシャルメディアのアイコンを使用しないでください

同様に、あなたのヘッダー内のカラフルなソーシャルメディアのアイコンは、あなたの目標のために素晴らしいではありません。 訪問者がそれらのキャンディ色のボタンのいずれかをクリックすると、彼らは気晴らしで満たされたサイトに着陸します。 彼らは戻ってくることはまずありません。

これは一般的にソーシャルメディアの統合を行うには間違った方法です。 ソーシャルネットワークにリンクする場合は、フッターからリンクしてください。 彼らが探している場合の訪問者は、ソーシャルネットワークを見つけることができますが、あなたは彼らが去ることを示唆していません。

書き込み

言葉について話しましょう。 以前、私たちはホームページにキーフレーズに焦点を当てた見出しをお勧めしました。 ここにヘッダー、subheadsおよびボディテキストを含むウェブサイトに、入る執筆のための少数のより多くの先端はある。

意味のあるサブヘッドを書く

漠然としたサブヘッドはどこにでもあります。 彼らは多くの場合、大きくて役に立たないが、小さいが有用なものが続いています。 奇妙な、右？ 反対の方が理にかなっています。

大きなものが意味があり、訪問者にとって有用であることを確認してください。 あなたの小見出しが”プロダクト”または”サービスのような事を言ったら、”より説明的な言葉がより有用であるかどうか自問しなさい。 ここにいくつかの例があります。

これは、スキャナと使いやすさのために良いです。 それは視覚障害者および入手の可能性のためによいです。 また、良いSEOのベストプラクティスです。 関連性を示すチャンスを見逃すことはありません！

ProTip:サブヘッドは完全に不要かもしれません。 このページはそれなしで同じように良いでしょうか？ 訪問者はまだ彼らが見ているものを知っているだろうか？ もしそうなら、ちょうどそれを削除します。

長い段落と長い行の長さを避ける

長いブロック状の段落は、デジタルコンテンツのベストプラクティスと一致しません。 長い段落を分割するだけで、コンテンツを消費しやすくなります。 原則として、3-4行より長い段落を書いてはいけません。

“短い段落が読まれ、長い段落がスキミングされ、本当に長い段落がスキップされます”-Jason Fried、Basecampの創設者兼CEO

行の長さが非常に長い場合、訪問者が読むことがより困難になる可能性があります。 Webスタイルガイドでは、12語以下の行を推奨しています。

専門用語は避けてください。 簡単な単語を使用しなさい。

読みやすくなればなるほど、ウェブサイトはより成功するでしょう。 訪問者が期待する共通の単語を使用しなさい。 長い文章と派手な言葉は、側頭葉がより懸命に働くように強制します。 それは良くない。

“それを簡単にしてください！ 「認知的流暢さ」は、訪問者の脳が見ているものをどのように簡単に処理するかの尺度です。 何かが読みにくいとき、私たちは無意識のうちにそれが危険であり、そして/または時間がかかると感じます。 そのため、変換を最大化するには、短いテキスト、シンプルなフォント、読みやすいデザインを使用します。”-ロジャー Dooley、Brainfluenceの著者

“低リテラシー”ユーザーのためにうまく動作するコピーは皆のためにうまく動作します。 それは誰もが理解できる単純な言語を使用することです。 研究では、読みやすさのレベルを下げることは、すべての訪問者の成功率を向上させることができることが示されています。

博士号でさえ、8年生のレベルで読むことを好む。

その大きな言葉は、あなたがスマートに聞こえるかもしれませんが、それはあなたの訪問者が愚かに感じるかもしれません。 自分自身を疑う訪問者は行動を起こすことはまずありません。 あなたが書いているように、この質問を自分自身に尋ね続けてください：

訪問者の100％がこのページの言葉の意味を知っていますか？

リストの順序と”シリアル位置効果”

あなたのコピー内のリストを注文するときは、最初と最後に重要なものを入れてください。 読者の注意および保持はあらゆるリストの真中で最も低い。 訪問者がページをスキャンすると、最初のアイテムと最後のアイテムは短期記憶にとどまる可能性が最も高いです。

ソース: 順序効果理論：優位性対最近性

訪問者のトップの質問に答える

彼らは質問を持って来ました。 ウェブサイトの主な仕事は、これらの質問に答えることです。 すべての未回答の質問は、信頼を構築するための逃した機会です。 未回答の質問はまた、訪問者が去る可能性を高めます。

Joel Klettkeが質問を見つけて回答を書くプロセスを適用したとき、彼はHubspotランディングページのコンバージョン率を2倍にすることができました。 彼は顧客にインタビューし、彼らの答えを分析し、メッセージに優先順位を付け、最後に、彼は新しいマーケティングのコピーで聴衆自身の言葉を使用した。 賢い！

ジョエルが訪問者のトップの質問を発見するために使用する質問は次のとおりです:

1. あなたが解決策を探して送った何が起こっていましたか？
2. あなたは他に何を試しましたか、あなたはそれについて何を愛していませんでしたか？
3. 何が私達からの購入からのほとんど保ったか。
4. 何が私たちに試してみるのに十分な自信を持っていましたか？
5. 何がXをあなたのための最もよい解決にしたか。
6. Xを評価するとき、あなたにとって最も重要なことは何でしたか？
7. あなたは今、あなたが前に行うことができなかった（またはより良い行う）何ができますか？
8. Xがあなたのために違いを作ったときの例を教えてください？

一言で言えば、あなたのウェブサイトの目的は何ですか？ ともかく.

追加読書：完璧なB2Bウェブサイトサービスページ：13点のチェックリスト

証拠と社会的証拠を追加

“適合バイアス”は、他の人がやっていることを だから、他の人があなたを選択したという証拠を与えることは、あなたの会社を選択することは良い選択のように見えます。 目標は、あなたの会社を使用する以外の決定を標準の外に見えるようにすることです。

あなたが正当であることをあなたの訪問者に証明してください。 理想的には、あなたのマーケティングの要求の各自は証拠と支えられる。

“何回設計賞の受賞者のリストのウェブサイトにかちりと鳴らし、”家”のリベット留めのタイトルの札であなたの目を転がしたか。 これはあなたの顧客/顧客が必要とし、働くと期待する方法を働かせる何かを造ると約束する代理店を選ぶかわりに”全くradおよび独特な何かを”作”-ジェン-サラマンディック、キックポイント

最も速く、最も簡単な方法はtestimonialsを加えることである。 ここでは、社会的証拠の他のタイプがあります。

• 関連するインフルエンサーからの推薦
• 顧客からの製品レビュー
• “as seen in…”あなたの会社が言及されているメディアのロゴ
• あなたの次の
• トラストシール、協会メンバーシップ、セキュリティ証明書、および賞を含む

どのくらいの証拠で十分ですか？ どのように多くの証言を追加する必要がありますか？

あまりにも多くの証拠のようなものがない可能性があります。 Amazonの製品詳細ページの1つを簡単に分析したところ、ページの43％が証拠とレビューであることがわかりました。

プロのヒント！ お客様の声のページを作成しないでください。 それらは低い交通ページでありがちである。 代わりに、すべてのサービスページにお客様の声を追加します。

希少性に言及し、”損失回避”を引き起こす

人間は効率的なコスト/便益計算機ではありません。 私たちは、損失を過大評価し、利益を過小評価する傾向があります。 言い換えれば、損失は利益が楽しいよりも痛いです。

これはオンラインとオフラインで真実であり、多くの人間の行動を説明しています。 この記事では、行動経済学と認知心理学を設計プロセスに適用することについてよく説明します。

損失へのこの嫌悪感は、webデザイナーやコピーライターに有用であることができます。 ここに心の損失の嫌悪の執筆コピーのためのある先端はある。

• グループコストを一緒に、別の利点を一覧表示します。
• 期間限定のオファーで緊急性を作成します。 製品が不足している場合は、そう言います。

穏やかにあなたの訪問者に今処置を取らないことによって逃すか、危険にさらすか、または失うものを思い出させなさい。

購読者のための電子メールサインアップフォームを最適化

この記事の下部にあるものがあります。 これは、購読するアクションへの呼び出しです。 よく見ると、3つの別々の要素が含まれていることがわかります。 これらは、電子メールのサインアップフォームのための3Pのです。

• プロミネンスそれは視覚的な階層内で際立っています
• Promiseそれは読者に何を得るかを伝えます
• Proofそれは社会的証拠を使用します：購読者の数や小さな証言

私たちが最初にこれらの変更を実験したとき、古いフォームのコンバージョン率は非常に低かったので、改善は劇的でした。 私たちは、電子メールのサインアップの4,863％の増加を見ました。

あなたの電子メールのサインアップフォームを設計するときは、それが見えるように、社会的な証拠を使用し、彼らが取得しようとしているものを読者

だけでなく、かわいいサイト

誰もが美しさを愛しています。 誰もがクールな新しいデザインの機能を愛しています。 誰もが評論家です。 しかし、訪問者として、私たちは美しさ以上のものが必要です。 情報が必要だ そしてウェブサイトの所有者として、私達は結果を必要とする。

ここに同じ発見を持つ2つの研究があります。 最初は、訪問者が美しいデザインや派手なUXよりも情報を見つけやすい価値を示しているHubspotによる調査です。

この第二の研究は、NNグループによる一連のユーザーテストの結論です。 それは、訪問者が失敗したときに、サイトが十分に美しくないからではなく、情報を見つけることができないからであることを示しています。

私は誰と同じくらい美しいデザインが大好きです。 それが私がこのビジネスを始めた理由です！ そして、私はしばしばこの引用を考える:

“デザイナーの人生は戦いの人生です。 醜さと戦う。”-マッシモVignelli、デザインの伝説

しかし、webデザインでは、コンテンツ用のコンテナを作成します。 そして、訪問者は、コンテンツではなく、コンテナのために来ました。

彼らは訪問者に視覚的または感情的な影響を与える必要があります。 しかし、あなたのウェブサイトの成功は美しさをはるかに超えています。 それは訪問者が必要とするものを見つけるのを助けることについ それはこの記事のあらゆる先端の中心である。 そしてそれは網の設計の本当の目的である。

あなたの訪問者が彼らが来たものを見つけるのを助け、あなたが彼らに持って欲しいものを与えます。