Alternative à l'affichage de plusieurs colonnes de plan
Je travaille sur une page de tarification qui propose 6 plans différents. Quelle est la meilleure façon de les afficher compte tenu de l'espace limité dont nous disposons?
Le mobile n'est pas un problème car ils seront simplement empilés, mais sur le bureau, notre espace est limité à environ 1200 px.
Quelles suggestions pourriez-vous avoir pour afficher tous les plans et vous assurer que chacun d'eux est découvrable?
Tout d'abord, comme l'a dit Zasul, vous devriez probablement essayer de limiter vos plans en premier lieu. Trop de choix peuvent entraîner une fatigue de décision et vos clients potentiels peuvent finir par n'en choisir aucun. Vous pourriez peut-être simplement simplement "Plan 1", "Plan 2", "Plan personnalisé" où avec un plan personnalisé, ils peuvent simplement parler avec un représentant et mettre en place un plan qui correspond à leurs besoins.
L'autre solution que je recommanderais est de choisir vos plans "Top 3" en termes de popularité ou de votre plus éco-compas (le moins cher, le milieu, le plus cher) et de mettre en évidence ceux de la mise en page de la carte en surbrillance, puis d'empiler les plans restants en dessous, comme ça: 
Cela permettra à vos visiteurs de visualiser toutes vos options tout en réduisant, espérons-le, la fatigue des décisions, car ils penseront qu'ils devraient probablement choisir parmi le Top 3.
Si vous devez afficher tous les plans avec le même poids visuel, je ne vois pas d'autre option que de condenser autant que possible les cartes, puis de les empiler au point où elles ne tiennent plus horizontalement.
Tout d'abord, vous avez trop de plans tarifaires. Vous devez limiter à 3 - 4 ou 5 au maximum, mais lorsque vous en avez 5, vous devez déjà afficher des filtres et des façons d'aider l'utilisateur à lire la cuvette. Demandez au propriétaire de l'entreprise s'il pense que cela est nécessaire.
La première chose qui me vient à l'esprit est de commencer une nouvelle ligne. Cependant, la deuxième rangée recevra moins d'attention que la première et ce n'est peut-être pas quelque chose que vous voulez. On pourrait donc affirmer que les montrer côte à côte est la meilleure façon hiérarchique. Mais, comme vous l'avez déjà dit, l'espace est limité et 6 options ne conviennent pas.
Quelques solutions auxquelles je peux penser:
- Pourriez-vous supprimer des plans en posant à l'utilisateur une ou deux questions simples? Je ne sais pas en quoi les plans diffèrent les uns des autres, mais je suppose que tous les plans ne sont pas optimaux pour tout le monde. Essayez de vous débarrasser de certains plans en posant 1 ou 2 questions simples.
- Limitez le nombre de plans que vous proposez. Cela peut sembler un peu radical, mais cela pourrait très bien être la meilleure approche. Pour un utilisateur, choisir entre 3 options est plus facile que de choisir entre 6. Beaucoup de recherches ont été faites à ce sujet. Recherchez "stratégies de tarification dans le marketing" et vous trouverez de nombreuses informations. (Essayez de ne pas être méchant ;-))
Im toujours amusant de l'alignement horizontal dans des situations comme celle-ci. Beaucoup mieux pour empiler pour tablette et mobile, aussi mieux si vous avez besoin d'agrandir des boîtes et d'afficher plus de contenu.