Κάθε προϊόν SaaS και ιστότοπος συνδρομής χρειάζονται έναν μεγάλο πίνακα τιμών. Είναι ο ευκολότερος τρόπος για να μοιράζεστε πληροφορίες με πιθανούς αγοραστές και να εξηγήσετε τις διαφορές στα σχέδιά σας.

Αλλά με τόσους πολλούς ιστότοπους που τρέχουν πίνακες τιμολόγησης μπορούν να πάρουν λίγο ξεχασμένοι.

Αυτά τα σχέδια είναι μερικά από τα καλύτερα που έχω βρει με νέες τάσεις, σχέδια χρωμάτων και μια καθαρή εμπειρία που ενθαρρύνει την αλληλεπίδραση των χρηστών. Αν σχεδιάζετε μια σελίδα προσαρμοσμένου πίνακα τιμών τότε αυτά τα σχέδια είναι βέβαιο ότι θα σας δώσουν μερικές δροσερές ιδέες.

1. Algolia

Το φιλοξενούμενο προϊόν αναζήτησης SaaS Algolia έχει καθαρό σελίδα τιμολόγησης με στυλ σχεδίου υλικού και πολύχρωμα σχέδια.

Κάθε στήλη χρησιμοποιεί διαφορετικό χρώμα στην κεφαλίδα για να ξεχωρίζει και να δημιουργεί αντίθεση. Τα τραπέζια είναι αρκετά απλά και έτσι οι πληροφορίες είναι εύκολο να καταναλωθούν με μια ματιά.

Συνήθως βρίσκετε κουμπιά εγγραφής στο κάτω μέρος κάθε στήλης, αλλά η Algolia χρησιμοποιεί ένα μεγάλο CTA κάτω από το τραπέζι. Αυτό το διατηρεί καθαρότερο και μειώνει την ανάγκη αναπαραγωγής κουμπιών σε πολλαπλές στήλες.

01-algolia-search-saas-τιμολόγηση-πίνακας

2. Χαλαρώστε

ο Σελίδα με χαλαρή τιμολόγηση είναι επίσης αρκετά μοναδική με αριστερή στήλη χαρακτηριστικών για ετικέτες. Μπορείτε να το βρείτε σε πολλά άλλα τραπέζια τιμολόγησης, αλλά όχι πάντα με τόσο ομαλή σχεδίαση.

Κάθε σειρά χρησιμοποιεί σημάδια ελέγχου για να δείξει ποιες λειτουργίες καλύπτονται σε κάθε σχέδιο. Αυτές οι σειρές είναι εξαιρετικά ευρύχωρες και οι κεφαλίδες χρησιμοποιούν ακόμη και ένα ανοιχτό γκρι φόντο για να δημιουργήσουν αντίθεση για εύκολη απογύμνωση.

Για να μην αναφέρουμε τις γραμματοσειρές που χρησιμοποιούν, φαίνονται φανταστικές και πραγματικά κάνουν το περιεχόμενο εύκολο να καταναλωθεί.

02-χρεωστική-app-τιμολόγησης-πίνακα

3. Symu

Ποτέ δεν έχω δει χαρακτηριστικά γκρι-έξω σε έναν πίνακα τιμών, αλλά Symu κάνει αυτό το έργο. Κάθε στήλη έχει μια μικρή μπάρα προόδου που βρίσκεται ακριβώς πάνω από τη λίστα χαρακτηριστικών, δείχνοντας πόσα χρήματα έχετε για κάθε σχέδιο.

Αυτό προσελκύει γρήγορα την προσοχή σας και τα χαρακτηριστικά των γκρι που σέρνονται και στα μάτια σας.

Το πρόβλημά μου με τη γραμματοσειρά είναι ότι είναι δύσκολο να το διαβάσεις. Οι πιθανοί αγοραστές ίσως να μην γνωρίζουν τι χάνουν με το δωρεάν σχέδιο, οπότε θα πρέπει να διαβάσουν τη στήλη "Ομάδα" για να δουν με σαφήνεια όλες τις λειτουργίες μιας λίστας.

Αλλά η οπτική αφαίρεση αυτών των χαρακτηριστικών με μια ελαφρύτερη γραμματοσειρά συνεπάγεται έλλειψη , ένα εξαιρετικό εργαλείο για τις πωλήσεις και το μάρκετινγκ.

03-symu-τιμολόγηση-πίνακα-γκρι-κείμενο

4. Ψηφιακός ωκεανός

Η υπηρεσία VPS Digital Ocean έχει τη δική της περιστρεφόμενο πίνακα τιμών επειδή προσφέρουν τόσα πολλά διαφορετικά σχέδια.

Οι περισσότεροι νέοι επισκέπτες θα ξεκινήσουν με φθηνότερα σχέδια, οπότε έχει νόημα να τα διατηρήσουμε σωστά. Αλλά μπορείτε να κάνετε κλικ ή να περάσετε από τη λίστα για να περιηγηθείτε σε σχέδια υψηλότερης τιμής με περισσότερη ισχύ και χώρο αποθήκευσης.

Μια άλλη ιδιότητα που μου αρέσει είναι το κουμπί "δημιουργία λογαριασμού" το οποίο εμφανίζεται μόνο για το επιλεγμένο σχέδιο. Αυτό εφιστά την προσοχή σας σε αυτό το σχέδιο, ώστε να μπορείτε να το συγκρίνετε με τους γείτονές του και να δείτε τι λειτουργεί καλύτερα για εσάς.

04-πρότυπο-σταγονίδια-τιμολόγηση-πίνακα

5. UsabilityHub

Ο πίνακας τιμών στις UsabilityHub έχει ένα όμορφο σχέδιο με λεπτομέρειες για κάθε στοιχείο. Οι διαφορετικοί λογαριασμοί σάς επιτρέπουν να εκτελείτε διαφορετικές δοκιμές, αλλά οι νεότεροι χρήστες ενδέχεται να μην κατανοούν την αξία αυτών των δοκιμών.

Εάν τοποθετήσετε το εικονίδιο πληροφοριών δίπλα σε κάθε λειτουργία, θα λάβετε περισσότερες πληροφορίες σχετικά με το τι σημαίνει και γιατί είναι χρήσιμο. Ορισμένες είναι μόνο λειτουργίες όπως η δοκιμή A / B, ενώ άλλες είναι ρυθμίσεις λογαριασμού όπως υποστήριξη ομάδας ή προσαρμοσμένη επωνυμία.

Για τη στήλη μεγαλύτερης ομάδας, θα παρατηρήσετε επίσης ότι η μηνιαία προσφορά αυξάνεται αυτόματα όταν προσθέσετε περισσότερα άτομα στο σχέδιο. Αυτό είναι ιδανικό για ομάδες που θέλουν να υπολογίσουν το κόστος και να πάρουν γρήγορες εκτιμήσεις για το λογισμικό.

05-χρησιμότητα-hub-εργαλεία-τιμολόγηση

6. Βέλτιστο Εργαστήριο

Βέλτιστο Εργαστήριο χρησιμοποιεί πολλά εμπορικά σήματα και προσαρμοσμένα γραφικά στη σελίδα τιμολόγησης τους. Αυτό μπορεί να μην προστίθεται απευθείας στον ίδιο τον πίνακα, αλλά προσθέτει στην ατμόσφαιρα της σελίδας.

Το κύριο χαρακτηριστικό που μου αρέσει σε αυτό το σχέδιο είναι η ενσωματωμένη μηνιαία / ετήσια αλλαγή τιμών. Θα δείτε συχνά αυτές στις σελίδες τιμολόγησης, αλλά συνήθως είναι πολύ μικρές. Αυτό δίνει στους επισκέπτες μια ψευδή αίσθηση της τιμολόγησης επειδή οι αρχικές τιμές μπορούν να τεθούν φθηνότερα, αν υποτεθεί ότι ο χρήστης θέλει ένα ετήσιο σχέδιο.

Με αυτό τον πίνακα τιμών μπορείτε να δείτε καθαρά τι παίρνετε ανά μήνα και πώς να συγκρίνετε το μηνιαίο και το ετήσιο κόστος.

Τιμολόγηση 06-βέλτιστη-συνεργείου

7. Airtable

Εδώ είναι ένα άλλο σχέδιο που χρησιμοποιεί φωτεινά χρώματα για να τραβήξει την προσοχή. ο Σελίδα τιμολόγησης αερόστατου διατηρεί τα πράγματα απλά και προσπαθεί να επιστήσει την προσοχή σας στις τιμές αμέσως.

Εάν κοιτάξετε ακριβώς πάνω από το τραπέζι, θα δείτε τον ίδιο μήνα / ετήσιο διακόπτη. Δείτε πώς είναι αρκετά μικροσκοπικό για να χάσετε εντελώς με μια ματιά; Αυτό είναι ένα ωραίο τέχνασμα για τις πωλήσεις, αλλά δεν είναι υπέροχο από την άποψη της UX.

Το καλύτερο μέρος αυτού του πίνακα είναι το εφέ που έχει προστεθεί σε κάθε σειρά. Μπορείτε να μάθετε για κάθε χαρακτηριστικό μόνο με το ποντίκι για να καταλάβετε ποιο σχέδιο προσφέρει ακριβώς αυτό που χρειάζεστε.

07-αερόστατο-πίνακα τιμολόγησης

8. Επισκόπηση

Ένας άλλος σχεδιασμός πίνακα με τις πληροφορίες του hover είναι Αναζητήστε . Δεν θα βρείτε την επεξήγηση του δείκτη του ποντικιού σε κάθε σειρά αλλά είναι ορατή στα πιο περίπλοκα στοιχεία.

Μια άλλη μικρή επιλογή σχεδιασμού που μου αρέσει είναι πως κάθε στήλη χαρακτηριστικών προστίθεται στην προηγούμενη. Η στήλη για το σχέδιο "Pro" σημειώνει ότι προσφέρει τα πάντα στο πρότυπο σχέδιο μαζί με μερικά επιπλέον χαρακτηριστικά.

Μερικές φορές αυτό μπορεί να απορρίψει επισκέπτες που δεν διαβάζουν προσεκτικά επειδή μπορεί να γυαλίζουν πάνω σε αυτό το κείμενο. Αλλά είναι ένας πολύ καλός τρόπος για να εξοικονομήσετε χώρο και να κρατήσετε τα τραπέζά σας καθαρά.

08-τιμολόγηση-επισκόπηση πίνακα

9. BuzzSumo

Αν και η σχεδίαση είναι κάπως βασική, πρέπει να πω το Πίνακας τιμολόγησης του BuzzSumo κάνει πολλά πράγματα σωστά. Ο μηνιαίος / ετήσιος χρεωστικός διακόπτης είναι σε ξεκάθαρη προβολή και μπορείτε ακόμη να δείτε ακριβώς πόσο θα εξοικονομήσετε μεταβαίνοντας στην ετήσια χρέωση.

Η λίστα των χαρακτηριστικών τους θεωρεί ότι είναι πολύ γεμάτο, αλλά είναι πολύ απλό να το διαβάσετε. Και κάθε σειρά χρησιμοποιεί το χαρακτηριστικό γνώρισμα του hover με τις επεξηγηματικές ενδείξεις που εξηγούν τι σημαίνει κάθε χαρακτηριστικό.

Το μοναδικό μου παράπονο εδώ είναι η αισθητική της σελίδας. Θα φαινόταν καλύτερο αν τα χαρακτηριστικά που συνδέονται περισσότερο σε ένα μεγαλύτερο τραπέζι με περισσότερα σύνορα ή ίσως ρίγες ζέβρα. Αλλά το UX είναι υπέροχο και αυτό είναι το πιο σημαντικό σε μια σελίδα τιμολόγησης.

09-buzzsumo-τιμολόγηση-πίνακα

10. Litmus

Η αίθουσα δοκιμών ηλεκτρονικού ταχυδρομείου Litmus είναι εδώ και χρόνια και είναι η de-facto επιλογή για ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου. Δικα τους σελίδα τιμολόγησης δεν είναι υπερβολικά λεπτομερές αλλά προσφέρει αρκετά για τους πιθανούς αγοραστές.

Χρησιμοποιούν την τάση επισήμανσης των "πιο δημοφιλών", επισημαίνοντας ένα συγκεκριμένο σχέδιο που ξεχωρίζει από τα υπόλοιπα. Πρόκειται για μια επιλογή σχεδιασμού που λειτουργεί καλά και ενθαρρύνει περισσότερες εγγραφές για σχέδια μεσαίας κλίμακας σε φθηνότερα.

Αλλά μου αρέσει πολύ το μέγεθος του χώρου που παίρνετε με κάθε σειρά. Οι λειτουργίες εξηγούνται ακριβώς στη σελίδα και ορισμένες λειτουργίες έχουν ακόμα εσωτερικές σελίδες με περισσότερες λεπτομέρειες.

Με καθαρό κείμενο, συμπαγή σύνορα και άφθονο κενό , αυτός ο πίνακας τιμών είναι ένα από τα πιο ρεαλιστικά σχέδια στη λίστα μου.

10-litmus-email-τιμολόγηση-πίνακα

11. Λωρίδα

Η σελίδα τιμολόγησης της Stripe είναι απίστευτα απλή και είναι δύσκολο ακόμη και να το καλέσετε ένα πλήρες πίνακα τιμών. Αλλά είναι τόσο καλά σχεδιασμένο ώστε απλά έπρεπε να το συμπεριλάβω εδώ.

Ο στόχος οποιουδήποτε πίνακα τιμών είναι η ανταλλαγή πληροφοριών με πιθανούς πελάτες και η μετατροπή αυτών των ατόμων σε πελάτες που πληρώνουν. Ο σχεδιασμός του Stripe προσφέρει δύο πολύ σαφή σχέδια πληρωμών: Άμεσες πληρωμές ή μεγαλύτερες ρυθμίσεις επιχειρήσεων.

Οι άνθρωποι που ψάχνουν στο Stripe δεν θα πέσουν μέσα παράλυση της ανάλυσης προσπαθώντας να επιλέξει μεταξύ πέντε διαφορετικών σχεδίων. Ο πίνακας διαβάζεται γρήγορα και προσφέρει έναν εύκολο τρόπο υπολογισμού του κόστους.

Αλλά αν σας αρέσει αυτό το σχέδιο τραπέζι θα μπορούσατε να δημιουργήσετε ένα παρόμοιο πίνακα τιμών και να ρίξετε ένα ή δύο περισσότερα σχέδια στο μείγμα.

11-λωρίδα-τιμολόγηση-σελίδα