6摩擦のない形態のためのサインアップページの設計練習
マーケティング担当者として、おそらくあなたの見通しをよく理解することを考えるのを好 そのうちの一つがあなたのウェブサイトやサインアップページを訪問したのであれば、あなたは彼らが次に何をすると思いますか？
おそらくあなたのサービスに登録しますよね？
あるブランドが知ったように、必ずしもそうではありません。 彼らにとって、そのCTAとその「ありがとう」ページの間の何かが、ビジネスが潜在的な顧客のほぼ4分の1を失う原因となっていました。
サインアップページに問題がありました。
Instapageでランディングページを構築する¶
サインアップページとは何ですか？
サインアップページは、”登録ページ”とも呼ばれますが、すべて同じではありません。 いくつかはPPCのポストかちりと言う音の着陸のページである;他は運行によってホームページにつながる-いくつかはホームページである。 彼らの違いにもかかわらず、彼らはすべて同じ目標を共有しています：サービスのサインアップを生成します。
多くの場合、サインアップページはビジネスのコンバージョンファネルの最後のステップです。 それは、彼らがブランドを評価し、そのサービスは、彼らが必要なものを提供して決定した後、見通しが移動する場所です。
そのため、サインアップページは、見込み客に変換するよう説得することにあまり焦点を当てず、それを行うことに伴う摩擦を最小限に抑えることに 有用性のその焦点は社会的な証拠、testimonialsのような他の従来のポストかちりと言う音の着陸のページの要素を意味し、注意つかむ媒体は後部座席を取る。
下のShopifyのサインアップページを見てください。Sopifyのサインアップページは、”get started”をクリックするとホームページ上にポップアップ表示されます。Shopifyのサインアップページは、”get started””
それは本当にただの短い形式です。 そして、あなたは少し後に表示されますように、ほとんどのサインアップページは、見出し、いくつかのフォームフィールド、およびcall-to-action以外の何も特徴、同じ
しかし、多くの人がそのように設計されているからといって、それが正しい方法であることを意味するものではありません。 成功した登録ページを作成することは、気晴らしを排除し、フォームフィールドを減らす以上のものです。 タスクは二重です。
最大のサインアップを生成するには、登録に伴う手順を最小限に抑えると同時に、使用するいくつかの要素を最大限に活用する必要があります。 ここに専門家からのある先端そして洞察力はある。
利点指向の見出しを使用
見込み客がサインアップページに到着するまでに、ほとんどの場合、彼らはすでにあなたのサービスを評価し、それが彼らのニーズに合っていると判断しました。 しかし、それは彼らがなぜそこにいるのかを思い出させるべきではないことを意味しますか？
以下、Copybloggerはソーシャル証明の見出しを使用してユーザーにサインアップするよう説得し、上記のShopifyは見込み客に試用期間は14日間無料であることを思い出さ
シンプルは良いですが、見出しであなたのUSPを強化する余地がある場合は、それを行います。 チャンスはそれが否定的より転換の肯定的な影響を有するである。
すべてのフィールドを必須にする
このヒントは、訪問者にフォームを記入する必要がなく、適切なフィールドを選択したことを確認することです。 つまり、フォームフィールドがオプションであると判断した場合は、見込み客にサインアップするためにその情報は必要ありません。
例えば、グルーポンのようなサービスは、あなたに関連するお得な情報やクーポンを提供するためにサインアップ時にあなたの場所を知っている必要があ しかし、場所はInstapageが顧客について知るための重要な情報ではないため、登録時にそれを要求しない理由です。
あなたが本当にあなたの見通しの会社、彼らの位置、または彼らが持っているどのように多くの従業員を知る必要がない場合は、尋ねないでください。 彼らがする必要がある仕事が少ないほど、より良い。
考慮するフォームフィールド
統合/削除を検討するいくつかのフォームフィールド:
- ユーザー名：ユーザーは本当にサインアップするためにユーザー名が必要ですか？ それとも、あなただけの彼らの電子メールを求めることができ、その後、彼らはログインした後、彼らは自分のユーザー名を決定させますか？
- パスワードの確認:このフィールドは古くなっており、パスワードマスキングのために必要なだけであり、別の非現実的な手法です。
パスワードマスキングは、フォームに入力したときにすべての文字を同じ箇条書きのように見せる技術です。 それは余分なセキュリティの印象を与えますが、それが本当に保護する唯一のものは、あなたの肩の上を覗く人々です。
自問自答: 私の見通しは本当に混雑した公共の設定で自分のパスワードを作成していますか？ そうじゃない
“パスワードの確認”フィールドを使用する代わりに、元の”パスワード”フィールドをマスク解除するか、MailChimpがサインアップページで行う方法で”表示/非表示”機能を使用して、ユーザーが入力しているものを見ることができるようにします:
- 名と姓:名と姓を1つの「フルネーム」フィールドに統合することを検討してください。 または、ちょうど名を求めます。 ヘック、多分それを完全に取り除くことについて考えてみてください。
以下のいくつかの例（Buffer、Asana、Crazy Egg）では、サインアップページはすぐに名前を要求しませんが、変換された顧客がプラットフォームにログインすると詳細を入力
- ユーザー契約:ユーザーがユーザー規約に同意するチェックボックスをクリックする代わりに、LinkedInが以下のようにCTAの上にメッセージを含めることを検討してくださ これは、変換することにより、ユーザーが自動的に同意することを述べています。
Instapageでランディングページを構築する➔
その情報がすべて必要な場合は、手順
見て、新しいユーザーを登録するために多くの情報が必要なことがあります。 その場での支払いが必要なサインアップは、請求先住所やクレジットカード番号などの機密情報をキャプチャするために長いフォームを必要とします。 その場合は、登録プロセスを複数のステップに分割することを検討してください。
Formstackのレポートによると、昨年、複数ページの登録フォームが単ページの登録フォームを9以上上回ったことが示されています%:
なぜ？
複数ページのフォームは、プロセスをいくつかの短いステップに分割することで、変換の圧倒的さを軽減します。 より多くのページは、より大きなフォント、長いフィールド、および短い形式に収まらない可能性のある説明的なラベルのためのより多くのスペースを意 さらに、複数ページのサインアップには、通常、ユーザーが登録している距離を知ることができる便利なプログレスバーが付属しています。
: いくつかのフィールドを削除してフォームを短くすることができる場合は、短くします。 できない場合は、少量のスペースにすべてを詰め込むことによって短く表示されるようにしようとしないでください。 あなただけのあなたのページを乱雑にし、あなたの見通しを圧倒します。
モーダルウィンドウの使用を検討
Canvaのような簡単なサインアッププロセスを持つ人のために、モーダルウィンドウにはいくつかの利点があります。
デザイナー、ジョシュア*ジョンソンは、理由を説明します:
彼らはあなたを別のページに連れて行くのではなく、現在のコンテンツをオーバーレイします。 どういうわけか、それは中断のように感じている、新しいどこかに離れて泡立てられているよりもちょうど少ない不安です。 ホームページのグラフィックを調光し、モーダルサイン登録フォームを起動することにより、プロセスが迅速かつ無痛になり、あなたが時間がないのブラウズに戻ってくるだろうという感覚を得る。
インターネットユーザーがこれまで以上にせっかちである時、彼らは瞬時にブラウジングに戻ってくるだろう印象を与えることは素晴らしい練習です。
Instapageでランディングページを構築⇒
ソーシャル自動入力を有効にする
以下のほぼすべてのサインアップページの例では、ソーシャル自動入力ボタンが これらは、ユーザーがすでにソーシャルネットワークに送信した関連する個人情報をインポートすることにより、ワンクリックでフォームをバイパスすることができます。
Formstackは、この機能を含めることで、ユーザーが189%高いフォーム変換を生成できることを発見しました。 さらに、86％の人々は、異なるwebサイトで新しいユーザーアカウントを作成するのは不便だと言います。 あなたの目標は、できるだけ簡単に変換することである場合には、社会的な自動入力を活用することは非常に簡単ではありません。
プレースホルダーテキストを捨てる
変換するには、訪問者はあなたのフォームに記入する方法を知っている必要があります。 しかし、プレースホルダーテキストを使用することは、それらを表示する最良の方法ではありません。
Nielsen Norman Groupによると、フォームフィールドに明るい灰色のテキストを追加すると、次のことが可能になります:
- ユーザーの短期記憶を歪ませる。 彼らが入力を開始し、灰色のテキストが消えると、彼らは自分自身に考える、”私のパスワードは再び持っている必要がありますどのように多くの文字”
- フォームフィールドを非表示にします。 空のフォームフィールドは、実際にはプレースホルダを持つものよりも見込み客によ
- “タブ”ボタンを使用してフォームをすばやく完了した人は、それが消える前に説明プレースホルダーテキストを読む時間がありません。
- プレースホルダーテキストが自動的に入力された情報と間違われる可能性があります。
混乱を避けるために、訪問者に何を含める必要があるかを正確に伝えるラベルを各フィールドの上に含めます。 ———–
Instapageでランディングページを構築する¶
プロが登録ページを構築する方法
サインアップページに何を含めるかを知ったので、プロがどのように自分の
この写真は、LinkedInのサインアップページと、Facebookのログインと短いフォームでそれを最適化する方法を示しています。
この写真は、Facebookの
このLinkedInのサインアップページは、ポストクリックランディングページの品種です。 これは、ロゴでさえ、ナビゲーションを介して会社のウェブサイトに接続されていないことを意味し、スタンドアロンです。
フォームの上に、見出しはより強い利益を伝えることができます。 その上で、四つのフィールドは摩擦を低く保ちます。 しかし、姓と名を1つの「フルネーム」フィールドに組み合わせることで、その摩擦をさらに低くすることができます。
各テキストボックスの上に、灰色のレタリングは、見込み客が入力することになっているものを知ることができ、”パスワード”フィールドの上に、そのラベ しかし、その”パスワード”フィールドは、見通しの種類ごとに同一の箇条書きを表示することによって、ベストプラクティスに従
最後のフォームフィールドの下に灰色の文字が追加されていると、訪問者は”今すぐ参加”をクリックすると、LinkedInのユーザー契約、プライバシーポリシー、cookieポリシーに同意 それは見通しに同意するために箱オプトインをかちりと鳴らさなければならないことの余分ステップを救う。
アクション呼び出しでは、”now”という言葉は、ユーザーがCTAボタンをクリックすると、すぐにネットワークの一部になることを強調しています。 ボタン自体が行く限り、それはもう少しポップすることができます、あなたは思いませんか？ 別の背景やボタンの色は、ユーザーが参加するためにクリックする必要がある場所にもっと注意を引く可能性があります。
その下には、”Facebookで続行”ボタンがあり、プロセス全体を合理化します。 世界最大のソーシャルネットワーク上にプロフィールがある場合は、そのボタンをクリックして、すでにFacebookと共有しているデータを使用してフォームを自動
Copyblogger
ここには単なるフォーム以上のサインアップページがあります。 見通しが気づくために本当らしい最初の事はその巨大な、社会証拠満たされた見出しである。 翻訳された、それは言う、”私達が334,000人のmarketersのために十分によければ、私達はあなたのために余りに十分によい。”
それはまた、一般的に”FOMO”として知られている現象を利用しています。「業界の仲間の334,000人が持っているヘッドスタートを逃したくない人はいません。
その下に、登録後に見込み客が得るすべての無料の貴重なコンテンツのプレビューは、そのフォームに必要事項を記入するように誘惑します。 フォーム自体は、しかし、より良い設計することができます。
“パスワードの再入力”フィールドを削除し、姓と名を”フルネーム”に凝縮することにより、Copybloggerはテキストボックスの数を5から3に減らし、サインアップに関す その「パスワードを再入力」フィールドの代わりに、表示/非表示オプションを使用して、パスワードを入力するときの正確さを保証することができます。
摩擦をさらに減らすために、各フィールド内のラベルを代わりに上に配置する必要があります。 今、見通しがテキストボックスをクリックすると灰色のレタリングが消え、入力していたものを忘れやすくなります。
全体的に、フォームのいくつかの欠陥と送信リンクのカップルは、このサインアップページ上のコンバージョンを傷つける可能性がありますが、Copybloggerの無料コンテ
Crazy Egg
まず、業界で”リーダー”と呼ぶビジネスは、そのコーヒーを世界bestと呼ぶカフェのようなものです。 それを言う人はたくさんいますが、それを証明できる人はほとんどいません。 あなた自身を最もよく呼ぶかわりに、統計量のまたはあることを信じる有名な顧客を引用することによってあなたの要求をバックアップしなさい。
その見出しの下には、Crazy Eggを使用したときに得られる洞察をプレビューする画像があり、画像の右側には、その洞察が何であるかとあなたがそれで何が
この超短形式では、摩擦は最小限です。 見出しは、試用版が無料であることを強調し、ボタンが白い背景にポップアップし、行動を促すことが最初の人に書かれています。 今のところ、痛みのないことから、このフォームを維持する唯一のものは、各フィールドに気が散る灰色のプレースホルダテキストです。
その下に、認識可能なクライアントのロゴの形で社会的証明とテキスト”200,000以上の企業がクレイジーエッグでより良い変換”このサインアップページの説得力を向上させます。
Instapageでランディングページを構築➔
Buffer
“無料でサインアップ”をクリックすると、バッファ上のアクションを呼び出します。comは、短いポップアップフォームを展開し、周囲のコンテンツを暗くすることにより、ホームページがサインアップページに変
そのポップアップで、変換プロセスは簡単です-フォームをバイパスするために三つのソーシャルログインボタンのいずれかをクリックするか、電子メー いずれにしても、摩擦は最小限です。 このフォームを完了するのが簡単になる唯一の方法は？ その気が散るプレースホルダーテキストを取り除きます。
Asana
Asanaからこのページにサインアップするには、せいぜい二回のクリックが必要です。 Googleのログイン機能を使用すると、それは一つとして少し取ることができます。
フォームの上にある文章は、フォームに記入する方法を示しています。
そのすぐ下に、灰色のプレースホルダーテキストで満たされたフォームフィールドがユーザーを邪魔します。 しかし、それはサインアップから人々を阻止するのだろうか？ そうじゃない このフォームはほぼ摩擦がなく、完了するのは簡単です。
Instapageで最適化されたサインアップページの作成を開始し、今日Instapage Enterpriseデモを要求します。