Skip to content

Instantly share code, notes, and snippets.

@abdobouna

abdobouna/Pricing Plans Design Checklist.md

Forked from vitalyfriedman/Pricing Plans Design Checklist
Last active January 25, 2017 19:02
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save abdobouna/2cdb80c88ae2ffb6b66d54738b214ca3 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save abdobouna/2cdb80c88ae2ffb6b66d54738b214ca3 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Bounasser Abdelwahab renamed this gist Jan 25, 2017. 1 changed file with 14 additions and 12 deletions.
    26 changes: 14 additions & 12 deletions Pricing Plans Design Checklist → Pricing Plans Design Checklist.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,19 +1,21 @@
    ## Pricing plans design checklist.

    1. Highlight a recommended option,
    
2. Allow users to switch currency (€/$/£)

    3. Allow users to switch pricing monthly/yearly

    4. Keep the entire pricing plan area clickable

    5. Use slider to calculate how much a user would save

    6. Provide free first month for good engagement

    7. Prominently highlight testimonials prominently

    8. Repeating call to action on top and bottom

    9. Sell benefits instead of features

    10. Indicate that users can cancel any time

    11. Indicate what group each pricing plan is for (e.g. freelancers).

    2. Allow users to switch currency (€/$/£)
    3. Allow users to switch pricing monthly/yearly
    4. Keep the entire pricing plan area clickable
    5. Use slider to calculate how much a user would save
    6. Provide free first month for good engagement
    7. Prominently highlight testimonials prominently
    8. Repeating call to action on top and bottom
    9. Sell benefits instead of features
    10. Indicate that users can cancel any time
    11. Indicate what group each pricing plan is for (e.g. freelancers).
    12. Avoid mentioning “account” anywhere (nobody *wants* to create an account).
    13. On mobile, turn pricing plans into accordions (e.g. Slack).
    14. Small commitments are better than big ones,
    15. Allow users to switch table/slider views,

    16. Highlight selected/tapped row/column in a table,

    15. Allow users to switch table/slider views,
    16. Highlight selected/tapped row/column in a table,
    17. On mobile, keep the pricing and figures as a fixed bar,
    18. Allow users to select features of interest,
    19. Allow users to configure their own pricing plan,
  2. @vitalyfriedman vitalyfriedman revised this gist Jan 23, 2017. 1 changed file with 10 additions and 10 deletions.
    20 changes: 10 additions & 10 deletions Pricing Plans Design Checklist
    View file
    Original file line number Diff line number Diff line change
    @@ -11,14 +11,14 @@
    11. Indicate what group each pricing plan is for (e.g. freelancers).

    12. Avoid mentioning “account” anywhere (nobody *wants* to create an account).
    13. On mobile, turn pricing plans into accordions (e.g. Slack).
    
14. Small commitments are better than big ones,
    
15. Allow users to switch table/slider views,

    14. Small commitments are better than big ones,
    15. Allow users to switch table/slider views,

    16. Highlight selected/tapped row/column in a table,

    16. On mobile, keep the pricing and figures as a fixed bar,
    
17. Allow users to select features of interest,
    
18. Allow users to configure their own pricing plan,
    
19. Allow users to compare all features in a full screen mode,
    
20. Potentially use tabs at the top/bottom for comparison,
    
21. Make sure each section drops a bit of delight,
    
22. Provide a way out if a user isn’t interested (“buy our books instead”),
    
23. In a form, display at most 5–6 input fields at a time.
    17. On mobile, keep the pricing and figures as a fixed bar,
    18. Allow users to select features of interest,
    19. Allow users to configure their own pricing plan,
    20. Allow users to compare all features in a full screen mode,
    21. Potentially use tabs at the top/bottom for comparison,
    22. Make sure each section drops a bit of delight,
    23. Provide a way out if a user isn’t interested (“buy our books instead”),
    24. In a form, display at most 5–6 input fields at a time.
  3. @vitalyfriedman vitalyfriedman created this gist Jan 23, 2017.
    24 changes: 24 additions & 0 deletions Pricing Plans Design Checklist
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    1. Highlight a recommended option,
    
2. Allow users to switch currency (€/$/£)

    3. Allow users to switch pricing monthly/yearly

    4. Keep the entire pricing plan area clickable

    5. Use slider to calculate how much a user would save

    6. Provide free first month for good engagement

    7. Prominently highlight testimonials prominently

    8. Repeating call to action on top and bottom

    9. Sell benefits instead of features

    10. Indicate that users can cancel any time

    11. Indicate what group each pricing plan is for (e.g. freelancers).

    12. Avoid mentioning “account” anywhere (nobody *wants* to create an account).
    13. On mobile, turn pricing plans into accordions (e.g. Slack).
    
14. Small commitments are better than big ones,
    
15. Allow users to switch table/slider views,

    16. Highlight selected/tapped row/column in a table,

    16. On mobile, keep the pricing and figures as a fixed bar,
    
17. Allow users to select features of interest,
    
18. Allow users to configure their own pricing plan,
    
19. Allow users to compare all features in a full screen mode,
    
20. Potentially use tabs at the top/bottom for comparison,
    
21. Make sure each section drops a bit of delight,
    
22. Provide a way out if a user isn’t interested (“buy our books instead”),
    
23. In a form, display at most 5–6 input fields at a time.