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

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

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

Συμβαίνει ότι ένας χρήστης πρέπει να επικοινωνήσει γρήγορα με τον ιδιοκτήτη του ιστότοπου ή να επικοινωνήσει με την υποστήριξη πελατών. Ωστόσο, τίποτα δεν λειτουργεί, ακόμα κι αν χρησιμοποιείτε την αναζήτηση ιστότοπου. Μερικές φορές οι απαραίτητες πληροφορίες υπάρχουν στον ιστότοπο, αλλά είναι «κρυμμένες» επειδή ο σχεδιαστής δεν φρόντισε σωστή πλοήγησηκαι ο χρήστης απλά δεν βλέπει τον απαιτούμενο σύνδεσμο. Ο απελπισμένος χρήστης είναι έτοιμος να καλέσει το τηλέφωνο, αλλά δεν μπορεί ούτε να το βρει.

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

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

Όπως γνωρίζετε, η λειτουργικότητα στο σχεδιασμό είναι ένας από τους βασικούς παράγοντες. Η σελίδα επικοινωνίας περιέχει σημαντικές πληροφορίες, ωστόσο, δεν υπάρχει πάρα πολύ, κάτι που μερικές φορές μπορεί να οδηγήσει σε λανθασμένη εκτίμηση της λειτουργικότητας. Ο ιδιοκτήτης του ιστότοπου πιστεύει ότι αν τοποθέτησε τη διεύθυνση στη σελίδα ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗκαι ένα τηλέφωνο, τότε αυτό είναι αρκετά. Μερικές φορές έχει δίκιο.

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

Τοποθεσία

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

Για έναν σχεδιαστή που σχεδιάζει έναν ιστότοπο, είναι σημαντικό να θυμάται δύο σημεία:

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

Με βάση την εμπειρία που έχουν συγκεντρώσει οι σχεδιαστές, οι χρήστες τείνουν να αναζητούν στοιχεία επικοινωνίας στη δεξιά πλευρά της σελίδας, επομένως είναι λογικό να τοποθετήσετε τον σύνδεσμο «Επικοινωνήστε μαζί μας». Ωστόσο, πρέπει να θυμάστε ότι αυτές οι πληροφορίες είναι δευτερεύουσας σημασίας για τον χρήστη, επομένως δεν πρέπει να κάνετε αυτή την ενότητα του ιστότοπου πολύ αισθητή ή ενοχλητική. Ο σύνδεσμος προς τη σελίδα επαφής που βρίσκεται στην επάνω δεξιά γωνία της σελίδας λειτουργεί καλύτερα. Και το χειρότερο πράγμα είναι ένας σύνδεσμος σε ένα αναπτυσσόμενο μενού, καθώς οι χρήστες μπορεί απλώς να μην το παρατηρήσουν.

Απλές φόρμες επικοινωνίας

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

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

Ακριβής διατύπωση

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

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

Απόκριση σελίδας επικοινωνίας

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

Αναπόσπαστα εξαρτήματα

Τι είναι καλύτερο: μια διεύθυνση email ή μια φόρμα επικοινωνίας; Οι χρήστες χρειάζονται απλούς τρόπουςσυνδέσεις με τους παρόχους των υπηρεσιών που χρειάζονται, επομένως πρέπει να τους συναντήσετε στα μισά του δρόμου. Μπορείτε να εστιάσετε στην επικοινωνία μέσω email ή να τοποθετήσετε μια φόρμα επικοινωνίας - κάθε μέθοδος έχει τα πλεονεκτήματα και τα μειονεκτήματά της.

Φόρμες επικοινωνίας

• Η φόρμα επικοινωνίας δεν πρέπει να αναγκάζει τους χρήστες να μεταβούν σε άλλη σελίδα
• Η φόρμα επικοινωνίας δεν προορίζεται για δημιουργία λογαριασμόςή συνδεθείτε μέσω email
• Η φόρμα θα πρέπει να έχει λειτουργία αυτόματης συμπλήρωσης εάν είναι δυνατόν
• Η φόρμα επικοινωνίας θα πρέπει να έχει λειτουργικότητα για την αποστολή μηνυμάτων και ειδοποιήσεων

ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ

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

Έντυπο επικύρωσης

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

Τηλεφωνικοί αριθμοί

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

Προφίλ στα μέσα κοινωνικής δικτύωσης

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

Σχεδιασμός σελίδας επικοινωνίας

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

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

συμπέρασμα

Η σελίδα επικοινωνίας πρέπει να είναι πάντα ορατή. Αυτό ισχύει όχι μόνο για την κύρια σελίδα, αλλά και για όλες τις άλλες σελίδες του ιστότοπου. Όταν σχεδιάζετε μια σελίδα επαφής, πρέπει να έχετε υπόψη σας ότι οι χρήστες θα μπορούν να επικοινωνούν μόνο με τον κάτοχο του ιστότοπου ή την ομάδα υποστήριξης με τον τρόπο που βλέπουν στην καρτέλα "Επαφές". Σε αυτή την περίπτωση, το κλειδί της επιτυχίας είναι η ευκολία και η απλότητα. Πρέπει να δώσουμε στους χρήστες αυτό που θέλουν. Εάν ο χρήστης πρέπει να εισάγει τα προσωπικά του δεδομένα στον ιστότοπο, τότε είναι καλύτερο να κάνει βασικές ερωτήσεις: όνομα, επώνυμο, διεύθυνση email. Η φόρμα επικοινωνίας δεν πρέπει να περιέχει περιττά πεδία. Πρέπει επίσης να φροντίσετε για την προσαρμοστικότητα της σελίδας επαφών - θα πρέπει να εμφανίζονται σε οποιοδήποτε πρόγραμμα περιήγησης και σε οποιαδήποτε συσκευή. Εάν η σελίδα επικοινωνίας έχει σχεδιαστεί σωστά, οι πιθανότητες επιτυχίας του ιστότοπου με τους χρήστες αυξάνονται σημαντικά.

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

Η σημασία μιας καλής σελίδας επικοινωνίας

Η σελίδα επαφής συχνά παραβλέπεται. Πόσους ιστότοπους έχετε επισκεφτεί για να έρθετε σε επαφή για να παραπονεθείτε για ένα προϊόν ή μια υπηρεσία ή να κάνετε μια ερώτηση; Και πόσο συχνά χρειάστηκε να παλέψετε με μια φόρμα επικοινωνίας;

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

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

Τοποθεσία

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

Γενικά, τα στοιχεία επικοινωνίας βρίσκονται σε δύο σημεία:

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

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

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

...ή τα πιο σημαντικά στοιχεία επικοινωνίας:

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

Το πιο σημαντικό πράγμα στη σελίδα επικοινωνίας

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

Email/φόρμα επικοινωνίας

Η διεύθυνση email είναι ο ευκολότερος τρόπος για να επικοινωνήσετε στο διαδίκτυο στην επιχείρηση. Εναλλακτικά, μπορείτε να χρησιμοποιήσετε μια φόρμα επικοινωνίας που στέλνει ένα email. Χρησιμοποιώντας μια φόρμα έχετε περισσότερο έλεγχο του περιεχομένου (απαιτούμενα πεδία) και με αυτόν τον τρόπο μπορείτε να αποτρέψετε τα ανεπιθύμητα μηνύματα. Θα μιλήσουμε για τις φόρμες επικοινωνίας σε αυτό το άρθρο παρακάτω.

Διεύθυνση

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

Τηλέφωνο

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

Πολλοί ιστότοποι έχουν αρχίσει να προσθέτουν κουμπιά μέσων κοινωνικής δικτύωσης στη σελίδα επικοινωνίας τους. Αν και αυτό μπορεί να μην ωφελήσει όλους τους ιστότοπους, έχει προστιθέμενη αξία για ορισμένους επισκέπτες. Ειδικά αφού όλο και περισσότερες εταιρείες προσφέρουν υποστήριξη πελατών μέσω Twitter (μερικές φορές ακόμη και 24/7).

Επιπροσθέτως

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

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

Βολικές πληροφορίες

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

Η διεύθυνση email πρέπει να χρησιμοποιεί τον σύνδεσμο mailto. Αυτό δίνει στον επισκέπτη την ευκαιρία να κάνει κλικ σε αυτό και να στείλει ένα μήνυμα χωρίς να χρειάζεται να αντιγράψει τη διεύθυνση αποστολής και να ανοίξει πελάτη αλληλογραφίας. Ένα πρόβλημα με αυτήν την τεχνική, ωστόσο, μπορεί να είναι τα ανεπιθύμητα μηνύματα που συλλέγουν διευθύνσεις email που σχετίζονται με το σύνδεσμο mailto:. Επομένως, ίσως αποφασίσετε να τα μπερδέψετε πρώτα χρησιμοποιώντας μια υπηρεσία όπως το mailtoencoder.com.

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

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

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

Γνωρίζατε ότι μπορείτε να προσαρμόσετε τον χάρτη για να σας ταιριάζει; Μπορείτε να επεξεργαστείτε τα χρώματα του χάρτη, να προσθέσετε προσαρμοσμένους δείκτες χάρτη και να δημιουργήσετε ένα υπόμνημα. Μπορείτε να διαβάσετε περισσότερα σχετικά με αυτό στο developers.google.com. Μπορείτε επίσης να χρησιμοποιήσετε εναλλακτικές υπηρεσίες, όπως το μάλλον ελκυστικό Mapbox.

Μην ξεχνάτε τη βελτιστοποίηση μηχανών αναζήτησης

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

Φόρμες επικοινωνίας

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

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

Πεδία εισαγωγής

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

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

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

Στη συνέχεια, φροντίστε να επιλέξετε τα απαιτούμενα πεδία (παραδοσιακά σημειώνονται με αστερίσκο *). Είναι ασφαλέστερο να υποδεικνύονται με σαφήνεια τα απαιτούμενα και προαιρετικά πεδία.
Τέλος, είναι χρήσιμο να επισημάνετε το ενεργό πεδίο. Μπορεί να υποδειχθεί ελάχιστα ή πολύ έντονα - όπως θέλετε.

Παρακάτω είναι ένα παράδειγμα φόρμας επικοινωνίας από το σεμινάριο του Jim Nielsen. Χρησιμοποιεί ένα κόκκινο αστέρι για τα απαιτούμενα πεδία, παρέχει συμβουλές για μορφές και επισημαίνει το ενεργό πεδίο.

Επικύρωση φόρμας

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

Κουμπιά

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

Απάντηση

Ο επισκέπτης εισήγαγε τα στοιχεία επικοινωνίας του, έγραψε ένα μήνυμα και έκανε κλικ στο κουμπί «αποστολή». Και τώρα τι? Έφτασε το μήνυμα ή όχι;

Διαβεβαιώστε τους επισκέπτες σας ότι το μήνυμα στάλθηκε με επιτυχία εμφανίζοντας ένα αντίστοιχο μήνυμα. Ένα email επιβεβαίωσης είναι επίσης μια καλή ιδέα.

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

Σχεδιασμός σελίδας επικοινωνίας

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

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

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

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

Και, όπως συμβαίνει με τις περισσότερες εργασίες που σχετίζονται με το σχεδιασμό ιστοσελίδων. η δημιουργικότητα αποδίδει πολλά. Ο Neil Patel δημιούργησε τη σελίδα επικοινωνίας του ως infographic, τριπλασιάζοντας τον αριθμό των αιτημάτων επικοινωνίας.

Παραδείγματα φορμών επικοινωνίας

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

συμπέρασμα

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

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

Η διαδραστικότητα είναι σημαντική. Εφαρμόστε το χαρακτηριστικό mailto για τις διευθύνσεις email και το χαρακτηριστικό tel: για αριθμούς τηλεφώνου(πολύ χρήσιμο για επισκέπτες από κινητές συσκευές). Μπορείτε να εισαγάγετε έναν διαδραστικό χάρτη όπως οι Χάρτες Google, αλλά λάβετε υπόψη τις επιπτώσεις της απόδοσης.

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

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

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

1. Ορίστε τα σωστά χαρακτηριστικά πεδίου φόρμας

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

Το όνομα σου:

Εάν δεν το κάνετε αυτό, το αυτοματοποιημένο σύστημα εισαγωγής T9 θα αντικαταστήσει τα ονόματα, για παράδειγμα, "Erwan", με κάτι σαν "Erevan".

Ρύθμιση αυτόματης χρήσης του πρώτου κεφαλαία γράμματαΟι τύποι λέξεων θα απαλλάξουν τους χρήστες από την ανάγκη να περιλαμβάνουν κεφαλαία γράμματα κάθε φορά - δηλαδή, κάθε λέξη θα ξεκινά με ένα κεφαλαίο γράμμα (για παράδειγμα, το "Ken burns" θα γίνει "Ken Burns"):

Σκεφτείτε όλες τις παγίδες που μπορεί να συναντήσει ένας χρήστης στον ιστότοπό σας.

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

Η διεύθυνση του ηλεκτρονικού σου ταχυδρομείου:

2. Ορίστε το κατάλληλο πλάτος για φορητές συσκευές

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

Αυτό θα είναι το ελάχιστο επιτρεπόμενο πλάτος. Πάρτε την τρέχουσα τιμή πλάτους και ορίστε την στην ιδιότητα @viewport ορίζοντας μια μετα-ετικέτα στο κεφάλι της σελίδας:

Την επόμενη φορά που θα ανοίξει ο ιστότοπός σας κινητή συσκευή, το πλάτος που καθορίζετε θα οριστεί αυτόματα. Ο επισκέπτης του ιστότοπου δεν χρειάζεται να χρησιμοποιήσει το Zoom:

Αυτή η εικόνα δείχνει τον επιπλέον χώρο στα δεξιά:

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

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

3. Ορίστε το πλάτος των εικόνων στο 100%

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

Για να το αποφύγετε αυτό, ορίστε το μέγιστο πλάτος των εικόνων σας στο 100%. Με αυτόν τον τρόπο, οι εικόνες θα αλλάζουν αυτόματα το μέγεθος σε περιπτώσεις που είναι πολύ μεγάλες για την οθόνη της κινητής συσκευής. Προσθέστε τον παρακάτω κώδικα στα στυλ CSS του ιστότοπού σας:

img (μέγιστο πλάτος: 100%)

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

Κεφαλίδα ( φόντο: url(header.png) 50% χωρίς επανάληψη, μέγεθος φόντου: περιέχει )

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

Όταν ένας επισκέπτης χρησιμοποιεί μεγέθυνση, το πρόγραμμα περιήγησης εκμεταλλεύεται την αύξηση της ευκρίνειας της εικόνας. Ωστόσο, βεβαιωθείτε ότι ο ιστότοπός σας δεν έχει την ιδιότητα user-scalable=no στη μετα-ετικέτα. Εάν δεν συμβαίνει αυτό, ο χρήστης δεν θα μπορεί να χρησιμοποιήσει το ζουμ:

4. Ορίστε το πλάτος των πεδίων εισαγωγής στο 100%

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

είσοδος, περιοχή κειμένου (μέγιστο πλάτος:100%)

Κατά την προβολή του ιστότοπου σε κινητή συσκευή, αυτή η επιλογή θα αποτρέψει την επέκταση των πεδίων εισαγωγής εκτός οθόνης.

5. Να είστε προσεκτικοί όταν χρησιμοποιείτε το Απενεργοποίηση για τα κουμπιά επιβεβαίωσης υποβολής φόρμας

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

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

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

Και αν εξακολουθείτε να αποφασίζετε να απενεργοποιήσετε το κουμπί υποβολής, κάντε το για λίγα δευτερόλεπτα.

6. Χρησιμοποιήστε αναδίπλωση λέξεων σε μεγάλες ουρές

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

Αποφύγετε αυτήν την κατάσταση χρησιμοποιώντας την ιδιότητα word-wrap. Αυτό θα τυλιχτεί όταν η γραμμή φτάσει στην άκρη της οθόνης. Ο χρήστης θα δει όλα όσα χρειάζεται χωρίς κύλιση:

Ο κωδικός σας: 435143a1b5fc8bb70a3aa9b10f6673a8

7. Να είστε προσεκτικοί χρησιμοποιώντας τα κενά

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

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

Για να αποφύγετε τέτοιες καταστάσεις, χρησιμοποιήστε εσοχές αντί για κενά μεταξύ ομάδων χαρακτήρων:

Ο κωδικός σου: 435143a1b5fc8bb

Όπως μπορείτε να δείτε, τα «κενά» μεταξύ των χαρακτήρων παραμένουν, αλλά με τη διαφορά ότι κατά την αντιγραφή και επικόλληση δεν χρειάζεται να διαγράψετε τίποτα. Τουλάχιστον, είναι βολικό και εξοικονομεί χρόνο!

8. Πλεονεκτήματα ερωτημάτων μέσων ενημέρωσης

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

Τώρα ξέρετε ένα άλλο κόλπο που θα βοηθήσει τον ιστότοπό σας να φαίνεται καλύτερος σε φορητή συσκευή.

9. Αποφύγετε τη σταθερή τοποθέτηση

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

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

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

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

10. Χρησιμοποιήστε τυπικές γραμματοσειρές

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

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