web-dev-qa-db-ja.com

1つの大きなサインアップボタンまたは3

Webホームページでのサインアップボタンの最適な用途は何ですか。

  1. 1つの大きなボタン（例1のように）、そしてFacebook、Google、またはメールでサインアップするオプションを備えた画面を開く enter image description here

  2. または例2のような3つのボタン enter image description here

usabilitywebsite-designbuttons
18
shlomi

FacebookまたはGoogle+のサインイン方法は、実際に人々にサインアップを促すことができます。ほとんどのユーザーは、Google +またはFacebook経由でサインアップするときの簡単なエクスペリエンスを高く評価しています。このオプションを別のクリックの背後に隠すと、この貴重なオプションが見えなくなり、「怠惰な」ユーザーによるサインアップを防ぐことができます。

42
Jonas Köritz

ヒックの法則によれば、ユーザーが直面する選択肢が増えるほど、彼らが迅速に決定を下すことが困難になるでしょう。

このため、この段階ではユーザーが何をしたいかを決定しているため、ホームページのように単一のボタンをお勧めします。サインアップすることを決定した場合、ユーザーは2番目のステップでサインアップオプションに直面する可能性があります。

そうは言っても、このようなことは常にA/Bテストの価値があります！

出典： https://en.wikipedia.org/wiki/Hick%27s_law

9
Thomas Adcock

私は実際にGoogleを表示する2番目のオプション、直接FBサインインオプションが好きです。今日、ほとんどのユーザーはそのようなアカウントを持っているため、「取得」プロセスはワンクリックで済むことを知っているので、ユーザーはこれらのオプションのいずれかをクリックするように促されます。最初のオプションでは、一部のユーザーがゲートですぐに失われる可能性があります。

（Thomad Adcockによって指摘された）ヒックスの法則は、制限された、確立された（最近のWeb上の標準ユーザー認証）サインインオプションが利用可能になったため、ここでは無効であると思います。ヒックの法則は、ユーザーが決定を下す前に「考慮」しなければならない選択肢が多すぎる場合に有効なケースになります。ここでは、FBかGoogleを選択するのに時間を無駄にすることはほとんどありません。私の2セント。

4
PK2016

Stack Exchangeで行われているように、すでにすべてのオプションが個別に表示されているバリアントが好きです。

2つ目は訪問者がサインアップする方法をすぐに示しますが、1つ目は余分なステップを実行するように見えるだけです。これらすべての異なるサインアップ方法を実装することを考えると、これらの序文に必要はありません。

このようなテキストで大きなボタンを作成すると、少なくとも私は先に進むことができなくなるとさえ言います。これは、このテキストが典型的な広告の外観を与えるためです。

メモ（Stack Exchangeの設計に少し影響を受けたもの）：ログインを必要とせずに匿名での閲覧が可能なものがある場合は、ログイン画面の前に提示するか、それらを組み合わせる必要があります。それ以外の場合は、次のようになります。おそらく、潜在的なユーザーのサインアップを妨害します。

たとえば、提供した画像のナビゲーションバーに表示されるリンクを考慮して、提示することができます

Visit our blog | explore our jobs

{ some recent  | { top jobs }
 entries }     |

 -------------------------------

 { greetingz, advantages of 
      signing up briefly }

 log in |sign up|
 ------           ---------------

 Signup using following services:
 { Google }     |    { Facebook }
           { options }
      Or create a {your-brand}
           account below:
             [email]
             [pswd ]
            [confirm]

           { sign up }

（私はデザイナーではないので、実際にはjustではないはずです）

3
nicael