Διακόπτες Εναλλαγής Γλώσσας που Λειτουργούν
Ποιες μέθοδοι λειτουργούν καλύτερα για τουριστικές ιστοσελίδες. Συγκρίνουμε εικονίδια, κείμενο και πλήρες σχεδιασμό αντιστοιχίας.
Γιατί το κουμπί αλλαγής γλώσσας είναι σημαντικό
Όταν έχετε τουριστική ιστοσελίδα, ο επισκέπτης πρέπει να μπορεί να αλλάξει γλώσσα αμέσως. Δεν θέλει να ψάχνει. Δεν θέλει να σκέφτεται. Θέλει να δει το κουμπί και να το πατήσει. Αυτό σημαίνει ότι ο διακόπτης γλώσσας δεν είναι απλά ένα λειτουργικό στοιχείο — είναι μέρος της εμπειρίας του χρήστη.
Το πρόβλημα είναι ότι πολλές τουριστικές ιστοσελίδες το κάνουν λάθος. Τοποθετούν το κουμπί σε σκοτεινή γωνία, χρησιμοποιούν μόνο ένα ασαφές εικονίδιο, ή το κρύβουν στο κάτω μέρος της σελίδας. Αποτέλεσμα; Οι χρήστες δεν το βρίσκουν και αναγκάζονται να παραμένουν σε μια γλώσσα που δεν καταλαβαίνουν.
Ορατότητα
Το κουμπί πρέπει να είναι ορατό από την πρώτη στιγμή, χωρίς να κλέβει την προσοχή.
Σαφήνεια
Πρέπει να είναι αμέσως ξεκάθαρο ότι αυτό είναι το κουμπί αλλαγής γλώσσας.
Προσβασιμότητα
Πρέπει να δουλεύει σε όλες τις συσκευές και να είναι εύκολο να το πατήσετε.
Τρεις μέθοδοι που λειτουργούν
Έχουμε δοκιμάσει πολλές διαφορετικές προσεγγίσεις σε δεκάδες τουριστικές ιστοσελίδες. Κάποιες ήταν αποτυχημένες. Άλλες ήταν εξαιρετικές. Αυτές είναι οι τρεις που λειτουργούν συνεχώς.
Μέθοδος 1: Σημαίες με κείμενο
Εικονίδιο σημαίας + κωδικός γλώσσας (ΕΛ / EN) σε ένα κουμπί. Απλό, ευανάγνωστο, δεν υπάρχει σύγχυση. Οι σημαίες είναι γνωστές από το χρήστη και το κείμενο κάνει τα πάντα αμέσως ξεκάθαρα. Τοποθετείστε το στο πάνω δεξιά γωνία του header ή στο μενού πλοήγησης.
Μέθοδος 2: Δύο κουμπιά δίπλα-δίπλα
Ένα κουμπί για ελληνικά, ένα για αγγλικά. Δείχνει ποια γλώσσα είναι ενεργή με χρώμα ή έντονο στυλ. Λειτουργεί καλά όταν έχετε χώρο και θέλετε εμφανή επιλογή. Πολλές τουριστικές ιστοσελίδες χρησιμοποιούν αυτή την προσέγγιση με μεγάλη επιτυχία.
Μέθοδος 3: Αναπτυσσόμενο μενού
Ένα κουμπί που αναπτύσσεται σε λίστα. Εξοικονομεί χώρο και ταιριάζει καλά σε σχεδιαγράμματα που είναι ήδη συμπαγή. Χρησιμοποιήστε ένα ξεκάθαρο εικονίδιο (όπως σημαία ή κόσμος) και βεβαιωθείτε ότι το μενού ανοίγει γρήγορα.
Θέση και τοποθέτηση
Όπου το βάζετε έχει σημασία. Πάνω δεξιά στο header είναι το πιο κοινό και το πιο αναμενόμενο μέρος. Οι χρήστες ψάχνουν εκεί πρώτα. Εάν το βάλετε αλλού, θα το χάσουν. Κάνετε το κουμπί ίδιας μεγέθους με άλλα στοιχεία πλοήγησης — μην το κάνετε πολύ μικρό και μην το κάνετε μεγαλύτερο από τα άλλα.
Σε κινητό, ο χώρος είναι περιορισμένος. Μπορείτε να το τοποθετήσετε στο μενού πλοήγησης (burger menu) ή να το κρατήσετε στο πάνω δεξιά με πολύ μικρό μέγεθος. Σημαντικό είναι ότι παραμένει προσβάσιμο. Δεν κρύβετε το κουμπί εναλλαγής γλώσσας πίσω από τρία επίπεδα μενού.
Συμβουλή: Δοκιμάστε πρώτα
Πάρτε τη θέση του διακόπτη και ζητήστε από 5 ανθρώπους να το βρουν χωρίς κατευθύνσεις. Εάν κανείς δεν το βρίσκει, πρέπει να το μετακινήσετε.
Σχεδιαστικές λεπτομέρειες που σημαίνουν πολλά
Τα μικρά πράγματα κάνουν τη διαφορά. Το χρώμα του κουμπιού, η απόσταση του από άλλα στοιχεία, το μέγεθος του εικονιδίου — όλα παίζουν ρόλο. Δεν είναι τυχαίο ότι κάποιες τουριστικές ιστοσελίδες έχουν υψηλό ποσοστό αλλαγής γλώσσας και άλλες όχι.
Χρώμα
Χρησιμοποιήστε χρώμα που διακρίνεται από το υπόλοιπο header. Εάν το header είναι λευκό, κάνετε το κουμπί ελαφρώς σκούρο ή έγχρωμο. Εάν το header έχει χρώμα, κάνετε το κουμπί σαφές και αντίθετο. Μην χρησιμοποιείτε το ίδιο χρώμα με άλλα κουμπιά — πρέπει να ξεχωρίζει.
Μέγεθος
Το κουμπί πρέπει να έχει ύψος τουλάχιστον 40 pixel (ή 44 pixel για καλύτερη προσβασιμότητα). Αυτό είναι ιδανικό για άνδρες και γυναίκες, νέα και ηλικιωμένα, και δεν προκαλεί τυχαία κλικ.
Hover εφέ
Όταν ο ποντικός περνάει πάνω από το κουμπί, πρέπει κάτι να αλλάξει. Ένα ελαφρύ χρώμα, ένα border, ή μια σκιά. Αυτό ενημερώνει τον χρήστη ότι το κουμπί είναι διαδραστικό και μπορεί να κάνει κλικ.
Ανταπόκριση σε κινητές συσκευές
Σήμερα, περισσότεροι από τους μισούς επισκέπτες έρχονται από κινητές συσκευές. Το κουμπί αλλαγής γλώσσας πρέπει να δουλεύει τέλεια σε κινητό. Αυτό σημαίνει ότι πρέπει να είναι αρκετά μεγάλο για να το αγγίξετε, αλλά όχι τόσο μεγάλο ώστε να καταλαμβάνει ολόκληρο το header.
Η καλύτερη πρακτική είναι να δείχνετε τον κωδικό γλώσσας σε desktop (ΕΛ / EN) αλλά μόνο το εικονίδιο σημαίας σε κινητό. Με αυτόν τον τρόπο, εξοικονομείτε χώρο χωρίς να χάνετε την λειτουργικότητα. Δεν κρύβετε ποτέ το κουμπί εναλλαγής γλώσσας σε κινητό. Δεν το βάζετε σε ένα αναδυόμενο μενού ή πίσω από κάτι άλλο.
Των χρηστών κινητών διακόπτουν εάν δεν βρουν το κουμπί αλλαγής γλώσσας σε 3 δευτερόλεπτα
Το σημαντικό συμπέρασμα
Ένας καλά σχεδιασμένος διακόπτης γλώσσας δεν είναι πολύπλοκος. Δεν χρειάζεται εξυπνάδα. Χρειάζεται απλότητα, ευκρίνεια και τοποθέτηση. Τοποθετείστε το εκεί που περιμένουν οι χρήστες, κάνετε το σαφές με χρώμα και εικονίδιο, και δοκιμάστε το σε πραγματικές συσκευές.
Η πλειοψηφία των τουριστικών ιστοσελίδων δεν το κάνει σωστά. Αυτό είναι ευκαιρία για σας. Εάν φτιάξετε ένα κουμπί αλλαγής γλώσσας που λειτουργεί καλά, οι χρήστες θα το εκτιμήσουν και θα ποσοστό ανάκαμψης θα αυξηθεί.
Σημείωση
Αυτό το άρθρο προορίζεται για εκπαιδευτικούς σκοπούς και παρέχει γενικές κατευθυντήριες γραμμές σχεδιασμού. Κάθε ιστοσελίδα έχει μοναδικές ανάγκες, και ίσως χρειαστεί να προσαρμόσετε τις συστάσεις αυτές για το δικό σας περιεχόμενο και το κοινό σας. Προτείνουμε πάντα δοκιμή χρήστη πριν από την οριστικοποίηση οποιουδήποτε σχεδιασμού.
