web-dev-qa-db-ja.com

ランディングページなどに折りたたみパネルを使用する必要がありますか?

広告から新しいユーザーのためのランディングページを作成したいと考えています。私のサイトでは、あなたが望むものを手に入れるためのいくつかの方法があります-それらのすべては私の観点から等しい重さです-しかし、それぞれについて異なる方法があります。

たとえば、猫を養子にするサイトを所有しているとします。そのための方法は5つあります。

  1. 現在飼っている猫から選ぶ
  2. 過去に採用された猫に目を通し、似ている猫を1つ見つけます。
  3. 猫を飼育するための推奨ブリーダーを選択してください
  4. いくつかのブリーダーがあなたに連絡してみましょう
  5. 猫を借りる

新しいユーザーが上記のタスクの1つを実行できるようにするにはどうすればよいですか?私の最初の考えは、簡単な切り替えのための PanelBar のようなものでした(その後、デフォルトで展開するオプションをA/Bテストします)。

おすすめはありますか? (現時点では、これはデスクトップのみを対象としています)

4
togedoge

ランディングページは通常、1つのタイプの顧客に焦点を当てています。追加/並列のお客様は、独自のランディングページが必要になります。したがって、理想的には、ユーザーに1つのことを行わせることに集中することになります。

ページのオプションを増やしても、ユーザーの操作が増えるわけではありません。それはユーザーの意図を奪います。 Landbook に掲載されているランディングページを確認すると、この理論が実際に動作していることがわかります。

顧客とベンダー/サプライヤーの両方を争う市場にとって、これは問題です。 Airbnb's ランディングページは、個人の家を借りるか、自分のサイトに家を掲載することに関するものですか?結局のところ、彼らは彼らのサイトのより大きな/主要な顧客市場に取り組み、アクションの中心から外れて、ページの右上にある「List your space」ボタンを使います。

選択が多すぎると、多くの場合 ユーザーは選択を拒否します を意味します。

1
Adnan Khan

彼らは猫を採用する5つの異なる方法のように聞こえます。私はそれらを均等に表示し、メニューの下に5つのうち4つを非表示にしません。おそらく以下のレイアウトが好きです:

Column layout

0
Martin Reimer

詳細がほとんどない猫の小さな画像がメインページにあるはずです。写真を関連する詳細ページにリンクし直して、猫とその飼い主についての完全な詳細を提供することができます。ナビゲーションでは、特定の品種の猫を選択するためにナビゲートするのに役立つカテゴリとして、さまざまな品種を言及できます。

0
Vinay

等しい重みを持つすべてのアイテムは静かな真実かもしれませんが、ページで取るかもしれない不動産を知らなければ、完全に答えることはできません。また、すべての要素が同等の不動産を占めると仮定します。この場合、固定サブメニューバーを備えた内部ページナビゲーションを使用できます。これを使用する最良の方法の1つは、このサイトで説明されています https://www.atlassian.com/software/jira そうすることにより、ユーザーが失われないように常にタブを保持し、ページを混雑させないでください。

0
PrashanthKrish

重要度が同じであるさまざまなセレクションについて述べたので、私はそれらをページに等しく提示します。

より良いオプション:

  • 各オプションの下に短い説明がある標準メニュー

  • ユーザーがオプションを1つだけ選択して次のステップに進む場合のラジオボタン

ユーザーはランディングページにほとんど時間をかけないので、パネルで何かを隠すことは避けます。

0
Mikey