Ιδέες διάταξης για τον πολύγλωσσο ιστότοπό σας: Βελτίωση της εμπειρίας χρήστη

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

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

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

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

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

Τα χαρακτηριστικά μιας εξαιρετικής ιστοσελίδας

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

Σύμφωνα με την Adobe , τα δύο τρίτα των ανθρώπων προτιμούν να διαβάζουν κάτι όμορφα σχεδιασμένο παρά κάτι απλό όταν πιέζονται για το χρόνο. και το 38% των ανθρώπων θα εγκαταλείψουν έναν ιστότοπο εάν δεν είναι ελκυστικός. Αυτές φαίνονται σαν πολύ γενικές δηλώσεις που στερούνται πολλής ιδιαιτερότητας. Αλλά το UX και το UI μελετώνται πάντα από ειδικούς στο σχεδιασμό, επομένως αντί να ψάχνουμε για έναν ορισμό του «όμορφου» σύμφωνα με έναν άγνωστο, θα πρέπει να αναζητήσουμε πράγματα που θα μπορούσαμε να γίνουμε όμορφα και να ορίσουμε τι σημαίνει ομορφιά στο περιβάλλον μας.

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

1. Χωρίς ακαταστασία : Βάλτε κενό μεταξύ του περιεχομένου σας, προσπαθήστε να εμφανίζετε μόνο ό,τι ενδιαφέρει τον χρήστη. Ξεφορτωθείτε τα «στολίδια». Έχετε ουσιαστικό αρνητικό χώρο, ώστε τα στοιχεία να διαβάζονται πιο εύκολα.
2. Διεπαφή : Κάντε την πλοήγηση απλή. Να έχετε άμεσες διαδρομές από το ένα τμήμα στο άλλο.
3. Οπτική ιεραρχία : Τακτοποιήστε τα γραφικά στοιχεία με σειρά σπουδαιότητας. Τα πιο σημαντικά πράγματα μπορεί να είναι πρώτα ή μπορεί να καταλαμβάνουν τον περισσότερο χώρο, βοηθούν τους επισκέπτες σας να πλοηγηθούν καθοδηγώντας τα μάτια τους στα διάφορα στοιχεία. Για παράδειγμα, οι άνθρωποι διαβάζουν πρώτα μεγαλύτερα πράγματα .
4. Παλέτα χρωμάτων και επιλογή εικόνας : Με λίγα λόγια, τα φωτεινά χρώματα ξεχωρίζουν και επομένως λειτουργούν υπέροχα ως τόνοι, ενώ σε συνδυασμό με τις κατάλληλες εικόνες μπορείτε να κρατήσετε το ενδιαφέρον των επισκεπτών σας περισσότερο!
5. Φιλικό προς κινητά : Από τον Ιούλιο του 2019, η προεπιλογή για όλους τους νέους τομείς ιστού είναι η ευρετηρίαση πρώτα για κινητά και, επίσης, η αύξηση της κατάταξης ιστοσελίδων φιλικών προς κινητά στις αναζητήσεις. Φροντίστε λοιπόν να λειτουργεί καλά και η διάταξη της έκδοσης για κινητά.
6. Κουμπί εναλλαγής γλώσσας : Όταν τα γεγονότα λένε ότι ζούμε σε μια διασυνοριακή οικονομία όπου η χώρα στην οποία ζείτε δεν περιορίζει από πού μπορείτε να κάνετε αγορές, το να μην έχετε έναν πολύγλωσσο ιστότοπο δεν αποτελεί επιλογή εάν θέλετε να ευδοκιμήσετε .

Πώς μοιάζουν οι πολύγλωσσοι ιστότοποι;

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

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

Crabtree & Evelyn

Ας ξεκινήσουμε με την Crabtree & Evelyn, μια επιχείρηση αρωμάτων και αρωμάτων που ξεκίνησε στη Γερμανία, αλλά έχει κάνει την επιχείρησή της παγκοσμίως με μια εξαιρετική διάταξη και επιλογές γλώσσας.

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

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

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

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

Ψηφιακό Νομισματοκοπείο

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

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

Εδώ έχουμε ένα σαφές παράδειγμα οπτικής ιεραρχίας:

Από το λιγότερο έως το πιο σημαντικό: οι επιχειρηματικοί εταίροι σε πιο ανοιχτόχρωμες αποχρώσεις, «Κάντε το να συμβεί» με μικρή γραμματοσειρά, το κουμπί «let's talk» με μαύρο φόντο και λευκά γράμματα, «Evolutionary digital» με μεγάλη και έντονη γραμματοσειρά και «μάρκετινγκ» με την ίδια γραμματοσειρά με πριν αλλά τονισμένο με πράσινο.

Επιπλέον, οι επιταγές «Κάντε το να συμβεί» και «Ας μιλήσουμε» βοηθούν επίσης τον επισκέπτη στην εμπειρία περιήγησής του.

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

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

Γιόγκα

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

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

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

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

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

Ναυτικό ή Γκρι

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

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

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

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

Σχεδιάστε έναν υπέροχο ιστότοπο για το κοινό σας

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

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

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

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