web-dev-qa-db-ja.com

複数のプラン列を表示する代わりに

6つの異なるプランがある価格設定ページで作業しています。私たちが持っている限られたスペースを考慮してそれらを表示する最適な方法は何ですか?

モバイルはスタックされるだけなので問題ではありませんが、デスクトップでは、スペースは約1200pxに制限されています。

すべての計画を表示し、それらのそれぞれが確実に見つけられるようにするために、いくつかの提案はありますか?

enter image description here

3
Liv Beng

まず、ザスルが言ったように、あなたはおそらくあなたの計画を最初から制限することを試みるべきです。選択肢が多すぎると意思決定に疲労が生じる可能性があり、潜在的な顧客は最終的に何も選択しない可能性があります。おそらく、単に「プラン1」、「プラン2」、「カスタムプラン」にして、カスタムプランを使用すると、担当者と話したり、ニーズに合ったプランを設定したりできます。

私がお勧めするもう1つの解決策は、人気または最も優れた(最も安い、中程度、最も高い)観点から「上位3」のプランを選択し、ハイライトされたカードレイアウトでそれらをハイライトしてから、残りのプランをその下に重ねることです。このような: - enter image description here

これにより、訪問者はすべてのオプションを表示できると同時に、おそらくトップ3から選択するだけでよいと思うため、意思決定の疲労を減らすことができます。

すべてのプランを同じ視覚的な重みで表示する必要がある場合は、カードをできるだけ凝縮して、水平に収まらなくなった時点で積み上げる以外のオプションはありません。

3
DasBeasto

まず、価格プランが多すぎます。 3から4または最大5に制限する必要がありますが、5の場合は、ユーザーがトラフを読むのに役立つフィルターと方法をすでに表示している必要があります。ビジネスオーナーに、これが必要だと思うかどうか尋ねます。

0

最初に頭に浮かぶのは、新しい行を始めることです。ただし、2番目の行は最初の行よりも注意が少なく、おそらくそれはあなたが望むものではありません。したがって、それらを並べて表示することが階層的に最善の方法であると主張することができます。ただし、すでに述べたように、スペースは限られているため、6つのオプションには適合しません。

私が考えることができるいくつかの解決策:

  • ユーザーに1つまたは2つの簡単な質問をして、プランを削除できますか?計画がどのように異なるのかはわかりませんが、すべての計画がすべての人にとって最適であるとは限りません。 1つまたは2つの簡単な質問をして、いくつかの計画を取り除くようにしてください。
  • 提供するプランの数を制限します。これは少し過激に思えるかもしれませんが、それは非常に最善のアプローチになる可能性があります。ユーザーにとっては、3つのオプションを選択する方が6つを選択するよりも簡単です。これについては多くの調査が行われています。 「マーケティングの価格戦略」を検索すると、多くの情報が見つかります。 (邪悪にならないようにしてください;-))
0
Ruudt

私はいつもこのような状況での水平方向の配置を楽しんでいます。タブレットとモバイルのスタッキングに非常に適しています。また、ボックスを展開してより多くのコンテンツを表示する必要がある場合にも適しています。

0
xul