6つの異なるプランがある価格設定ページで作業しています。私たちが持っている限られたスペースを考慮してそれらを表示する最適な方法は何ですか?
モバイルはスタックされるだけなので問題ではありませんが、デスクトップでは、スペースは約1200pxに制限されています。
すべての計画を表示し、それらのそれぞれが確実に見つけられるようにするために、いくつかの提案はありますか?
まず、ザスルが言ったように、あなたはおそらくあなたの計画を最初から制限することを試みるべきです。選択肢が多すぎると意思決定に疲労が生じる可能性があり、潜在的な顧客は最終的に何も選択しない可能性があります。おそらく、単に「プラン1」、「プラン2」、「カスタムプラン」にして、カスタムプランを使用すると、担当者と話したり、ニーズに合ったプランを設定したりできます。
私がお勧めするもう1つの解決策は、人気または最も優れた(最も安い、中程度、最も高い)観点から「上位3」のプランを選択し、ハイライトされたカードレイアウトでそれらをハイライトしてから、残りのプランをその下に重ねることです。このような: -
これにより、訪問者はすべてのオプションを表示できると同時に、おそらくトップ3から選択するだけでよいと思うため、意思決定の疲労を減らすことができます。
すべてのプランを同じ視覚的な重みで表示する必要がある場合は、カードをできるだけ凝縮して、水平に収まらなくなった時点で積み上げる以外のオプションはありません。
まず、価格プランが多すぎます。 3から4または最大5に制限する必要がありますが、5の場合は、ユーザーがトラフを読むのに役立つフィルターと方法をすでに表示している必要があります。ビジネスオーナーに、これが必要だと思うかどうか尋ねます。
最初に頭に浮かぶのは、新しい行を始めることです。ただし、2番目の行は最初の行よりも注意が少なく、おそらくそれはあなたが望むものではありません。したがって、それらを並べて表示することが階層的に最善の方法であると主張することができます。ただし、すでに述べたように、スペースは限られているため、6つのオプションには適合しません。
私が考えることができるいくつかの解決策:
私はいつもこのような状況での水平方向の配置を楽しんでいます。タブレットとモバイルのスタッキングに非常に適しています。また、ボックスを展開してより多くのコンテンツを表示する必要がある場合にも適しています。