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

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

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

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

Προβλήματα

διάγραμμα μιας φόρμας συμπλέγματος

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

  • Μια φόρμα επικοινωνίας
  • Διευθύνσεις ηλεκτρονικού ταχυδρομείου για τα βασικά μέλη του προσωπικού
  • Ένας χάρτης στο γραφείο
  • Ένας σύνδεσμος για τα FAQ (με μια σημείωση για να το διαβάσετε πριν στείλετε ένα email)
  • Μια διεύθυνση αλληλογραφίας
  • Αριθμοί τηλεφώνου και φαξ

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

προβλήματα με τη φόρμα επικοινωνίας με το δείγμα

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

  • Το μήνυμα "Διαβάστε το FAQ" (ομάδα 2) τοποθετείται μετά τη φόρμα μηνύματος (ομάδα 1). Αυτό καθιστά το αίτημα των ανθρώπων να διαβάσουν τα FAQ πριν χρησιμοποιήσουν τη φόρμα χωρίς νόημα.
  • Οι αριθμοί τηλεφώνου (ομάδα 3) διαχωρίζονται από τη διεύθυνση αλληλογραφίας (ομάδα 1). Αυτό δεν βλάπτει, αλλά δεν βοηθάει.
  • Τέλος, οι πληροφορίες μη επαφής, όπως οι λήψεις κύβων στην ομάδα 5, ακατασταλούν τη σελίδα.

Ξεκινήστε με περιεχόμενο που είναι σχετικό με τον χρήστη

Μια σελίδα επαφής ή εγγραφής είναι περισσότερα σχετικά με την αλληλεπίδραση παρά με πληροφορίες. Ένας κανόνας: εάν ένα στοιχείο δεν βοηθά τον χρήστη να στείλει πληροφορίες ή να επιλέξει μια μέθοδο επαφής, τότε δεν ανήκει εκεί.

λύσεις σχεδιασμού στα προβλήματα της φόρμας επικοινωνίας

Μερικές αλλαγές κάνουν τη φόρμα επικοινωνίας πιο χρήσιμη:

  • Το μήνυμα "Συχνές ερωτήσεις" έχει υποστεί εκ νέου επεξεργασία ως οδηγίες για τη φόρμα (ομάδα 1). Τώρα οι χρήστες είναι πιο πιθανό να δουν τον σύνδεσμο πριν υποβάλουν μια ερώτηση.
  • Οι χρήστες αναζητούν τη διεύθυνση ηλεκτρονικού ταχυδρομείου ενός ατόμου ή πληροφορίες σχετικά με μια υπηρεσία; Ένας χρήστης είναι πιο πιθανό να στείλει ερωτήσεις συμμετοχής στο membership @ organization.org από το georgesmith @ organization.org. Χρησιμοποιώντας το όνομα μίας υπηρεσίας παρά ένα άτομο έχει μακροπρόθεσμα οφέλη: η διεύθυνση ηλεκτρονικού ταχυδρομείου θα παραμείνει έγκυρη ακόμα και μετά την αποχώρηση του George από την εταιρεία.
  • Αφαιρέστε τις λήψεις κούπας εκτός εάν οι χρήστες είναι πιθανό να συνδέσουν ένα πρόσωπο με μια υπηρεσία. Για παράδειγμα, τα άτομα με τεχνικό πρόβλημα είναι πιθανότερο να θέλουν τη βοήθεια της Susan ακόμα κι αν είναι φίλοι με τη Mary.
  • Οι αριθμοί τηλεφώνου και φαξ έχουν συνδυαστεί με τη διεύθυνση αλληλογραφίας. Σε αυτή την περίπτωση, δεν υπάρχει κανένας λόγος να τα διαχωρίσουμε.

Πηγαίνοντας βαθύτερα

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

Κίνητρα

Ιδιοκτήτης ιστοτόπου Τελικός χρήστης
Τι ενθαρρύνει τους ανθρώπους να επικοινωνήσουν μαζί μας, να υπογράψουν ή να ενεργήσουν με άλλο τρόπο; Τι πρέπει να τους ρωτήσω; Τι θα κερδίσω?
Τι εμποδίζει τους ανθρώπους να επικοινωνούν μαζί μας ή να αναλαμβάνουν δράση; Πώς μπορώ να ξέρω ότι αυτό θα αξίζει τον χρόνο και την προσπάθειά μου;
Πώς μπορούμε να ενθαρρύνουμε μηνύματα ή εγγραφές; Ποια είναι τα οφέλη αυτού του προϊόντος;
Τι εμποδίζει τους ανθρώπους να ενεργούν; (Κατά περίπτωση.)

Συλλογή δεδομένων

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

Μέθοδοι επικοινωνίας

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


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

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

Μια σύνοψη που συνδέεται με την πολιτική απορρήτου είναι η καλύτερη από τις δύο λύσεις (π.χ. "Εκτιμούμε πάρα πολύ τη συμμετοχή σας για να σας στείλουμε spam ή να πουλήσετε τα προσωπικά σας δεδομένα .

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

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

Βέλτιστες πρακτικές

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

  • Ποτέ μην εμπιστεύεστε τα δεδομένα που υποβλήθηκαν από τον χρήστη Πάντα να επικυρώνετε δεδομένα, να ελέγχετε για spambots, εσφαλμένα καταχωρημένα δεδομένα και επιθέσεις SQL injection.
  • Μια καλή σελίδα "Σας ευχαριστούμε" έχει ένα φιλικό μήνυμα. Μια καλύτερη σελίδα "Σας ευχαριστούμε" προσφέρει επιλογές, αντί να αφήνει τον χρήστη να περιπλανηθεί. Παρόλο που είναι περιττό, αυτή η επιπλέον ώθηση θα μπορούσε να ανταμείψει τους ανθρώπους για τη συμμετοχή τους.
  • Δεν είναι όλοι άνετοι με τα έντυπα και το ηλεκτρονικό ταχυδρομείο. Όχι μόνο οι αριθμοί τηλεφώνου και η ταχυδρομική διεύθυνση παρέχουν εναλλακτικές μεθόδους επαφών, καθησυχάζουν τους ανθρώπους ότι αυτή η οργάνωση είναι νόμιμη οντότητα.
  • Οι μεγάλες μορφές αποθαρρύνουν τους χρήστες, επομένως τα έντυπα επικοινωνίας δεν πρέπει να είναι έρευνες. Αποθηκεύστε μερικές ερωτήσεις για απαντήσεις παρακολούθησης.
  • Ομοίως, μια φόρμα συμμετοχής θα πρέπει να απαιτεί μόνο τα βασικά στοιχεία - όνομα χρήστη, διεύθυνση ηλεκτρονικού ταχυδρομείου, κωδικό πρόσβασης - για εύκολη εγγραφή. Τα νέα μέλη μπορούν να προσθέσουν περισσότερες πληροφορίες - όνομα, αριθμό τηλεφώνου, avatar, κ.λπ. - μόλις δεσμευτούν.
  • Μην κάνετε τους ανθρώπους να κυνηγούν για τρόπους δράσης. Οι εμφανείς συνδέσεις με τη φόρμα εγγραφής ή επικοινωνίας θα ενθαρρύνουν τους ανθρώπους να εξετάσουν το ενδεχόμενο να εγγραφούν, να στείλουν ένα μήνυμα ή να συμμετάσχουν με άλλο τρόπο.
  • Ένα από τα πιο σημαντικά στοιχεία μιας σελίδας επαφής δεν είναι καθόλου σχετικό με το σχεδιασμό, αλλά μάλλον άμεσες και χρήσιμες απαντήσεις. Λίγα λεπτά από την εξυπηρέτηση των πελατών αξίζει να ξοδέψετε ώρες CSS. Όπως και ο σχεδιασμός, η εξυπηρέτηση είναι μέσο για την επιτυχία, όχι αυτοσκοπός.

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

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


Γράφτηκε αποκλειστικά για το Webdesigner Depot από τον Ben Gremillion. Ο Ben είναι α συγγραφέας και σχεδιαστής ο οποίος επιλύει προβλήματα επικοινωνίας με καλύτερο σχεδιασμό.

Γνωρίζετε άλλους τρόπους βελτίωσης των εντύπων επικοινωνίας; Μοιραστείτε τις σκέψεις σας στα παρακάτω σχόλια.