0

I'm working on a Pricing table that not only has a lot of plan options involved, but also a lot of features under each plan. The higher the plan, the more features you get.

To make it less overwhelming and cluttered, I thought that hiding full descriptions for each feature would be one way to go about it. The problem with this though is some of the features are not easily understandable at a glance, but making them understandable results in long sentences too.

Here's a quick illustration. Please note that there could be about 5-6 plans, and the higher-tier plans could have around 15 features.

enter image description here

3 Answers 3

2

The 'more info' CTA is redundant. You could provide something like a table. But this will only work if the features are the same within all plans. Something like this...

enter image description here

1

This is a typical pricing plan and there are many examples on the internet from where to get ideas.

Typing pricing plan design in Google and selecting images gives many options.

As an example (not spam), the Publitas pricing plan has many features with a pop up dialog on each.

1
  • 1
    I loved how Publitas showed the "We are hiring" link beside the logo on the top left, so it appears whenever it's available. Nice idea to notice :) .. Regarding the pricing plan is also nice but I have a concern about the colors but overall is good Jul 24, 2019 at 9:58
0

The most important features for users have to be on top decreasing in direct proportion to their value.

if you have a lot of content, it is worth condensing it. However accordance with the Hick's & Miller's Law there shouldn't be more than 7 (+/- 2) features.(The others features from 15 can be hide into "show/hide more" tertiary button.

Of course in your wireframes CTA is missing. You also can highlight the most using plan.

To hide description You can also use tooltip:

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.