Ποιες είναι οι προϋποθέσεις για το σωστό web design

WD1. Κεφαλίδα και υποσέλιδο

Η κεφαλίδα και το υποσέλιδο αποτελούν βασικά στοιχεία για κάθε σύγχρονο ιστότοπο. Προσπαθήστε να τις συμπεριλάβετε στις περισσότερες σελίδες σας, στην αρχική σας σελίδα, στις αναρτήσεις σας, ακόμα και στη σελίδα “Δεν βρέθηκαν αποτελέσματα”. Η κεφαλίδα σας θα πρέπει να περιέχει το brand σας με τη μορφή λογότυπου και ονόματος οργανισμού, πλοήγησης μενού και ίσως CTA ή / και γραμμής αναζήτησης. Στο άλλο άκρο, το υποσέλιδο είναι το σημείο όπου πολλοί χρήστες θα μετακινηθούν ενστικτωδώς για βασικές πληροφορίες. Στο υποσέλιδο σας, τοποθετήστε τα στοιχεία επικοινωνίας, μια φόρμα εγγραφής, συνδέσμους προς τις κοινές σελίδες σας, νομικές και πολιτικές απορρήτου, συνδέσμους προς μεταφρασμένες εκδόσεις του ιστότοπού σας και συνδέσμους social media.

2. Πλοήγηση στο μενού

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

3. Γραμμή αναζήτησης

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

4. Λογότυπο

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

5. Παλέτα χρωμάτων

Η επιλογή χρώματος διαδραματίζει σημαντικό ρόλο στη χρηστικότητα του ιστότοπού σας και στο UX. Αυτή η απόφαση τείνει να είναι πιο υποκειμενική από άλλες απαιτήσεις αυτής της λίστας. Όμως, όπως όλα τα άλλα που έχουμε συζητήσει, προσπαθήστε να περιορίσετε την επιλογή χρωμάτων σε 3-4 εμφανή χρώματα το πολύ. Η εκκίνηση μιας παλέτας χρωμάτων από το μηδέν μπορεί να είναι εκπληκτικά δύσκολη την πρώτη φορά. Φαίνεται να διακρίνουμε διαισθητικά ποια χρώματα λειτουργούν καλά μαζί και ποια όχι, αλλά σκοντάφτουμε όταν προσπαθούμε να επιλέξουμε από τους άπειρους διαθέσιμους συνδυασμούς. Δοκιμάστε μια παλέτα χρωμάτων που έχει αποδειχθεί ότι λειτουργεί σε άλλους ιστότοπους. Επωφεληθείτε από τους αγαπημένους σας ιστότοπους και δείτε τη λίστα των αγαπημένων μας χρωμάτων ιστότοπων για να ξεκινήσετε.

6. Κεφαλίδες

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

7. Εκκαθάριση ετικετών

Κάθε φορά που ένας χρήστης κάνει κάποια ενέργεια στον ιστότοπό σας, πρέπει να είναι προφανές ακριβώς τι κάνει και πού πηγαίνει. Όλα τα κουμπιά θα πρέπει να έχουν καθαρό κείμενο ή ένα εικονίδιο για να επισημαίνουν με ακρίβεια το σκοπό τους. Το ίδιο ισχύει και για συνδέσμους και γραφικά σε κείμενο. Για παράδειγμα, ένα κουμπί που συνδέεται με μια σελίδα τιμολόγησης θα πρέπει απλώς να αναγράφει “Τιμολόγηση” – οτιδήποτε άλλο πέρα ​​από αυτό (π.χ. “Δείτε τις τιμές μας”, “Ελέγξτε τη σελίδα τιμολόγησης για μια συμφωνία”) είναι περιττό. Μια γραμμή αναζήτησης / κουμπί χρειάζεται μόνο ένα εικονίδιο γυαλιού αναζήτησης (🔍), και ίσως επίσης τη λέξη “Αναζήτηση”, για να δηλώσει τον σκοπό της. Η δοκιμή χρηστών μπορεί να είναι μια σημαντική βοήθεια εδώ. Ενώ εσείς οι ίδιοι γνωρίζετε τι κάνουν όλα τα διαδραστικά στοιχεία σελίδας σας, το ίδιο δεν μπορεί να ειπωθεί για έναν νέο χρήστη. Η δοκιμή θα δώσει πολύτιμη εικόνα για το τι πιστεύουν οι χρήστες ότι σημαίνουν οι ετικέτες σας πέρα ​​από τη δική σας οπτική γωνία.

8. Οπτικά και Μέσα

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

9. Προσκλήσεις για δράση (CTA)

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

10. Κενό διάστημα

Μερικές φορές αφορά τα στοιχεία που δεν συμπεριλαμβάνετε. Αφού διαβάσετε αυτές τις οδηγίες και τις απαιτήσεις, μπορεί να αισθανθείτε τον πειρασμό να γεμίσετε τις σελίδες σας με όλα τα bit και bobs που απαιτούνται για ένα άψογο UX. Μην ξεχνάτε ότι οι θεατές σας χρειάζονται χώρο για να χωνέψουν όλες αυτές τις νέες πληροφορίες, οπότε δώστε στα στοιχεία σας χώρο να αναπνεύσουν. Aλλά, πόσο κενό πρέπει να έχετε; Αυτή είναι μια άλλη προσωπική κλήση και διαφέρει από ιστότοπο σε ιστότοπο. Έτσι, οι δοκιμές χρηστών είναι επίσης βολικές εδώ. Σε τι επικεντρώνονται οι άνθρωποι; Αισθάνονται συγκλονισμένοι με την πυκνότητα του περιεχομένου;

Σχεδιασμός που δίνει προτεραιότητα στους χρήστες

Πράγματι, ο σχεδιασμός ιστού είναι σε μεγάλο βαθμό υποκειμενικός – η εμφάνιση και η εμπειρία του ιστότοπού σας δεν θα ευχαριστήσει όλους. Ωστόσο, υπάρχουν επίσης δοκιμασμένες και αληθινές αρχές UX που, όταν εξεταστούν προσεκτικά και ενσωματωθούν, βοηθούν τους επισκέπτες να αισθάνονται περισσότερο σαν στο σπίτι τους. Σύμφωνα με το Amazon Web Services, το 88% των επισκεπτών του ιστότοπου είναι λιγότερο πιθανό να επιστρέψουν σε έναν ιστότοπο μετά από μια κακή εμπειρία. Έτσι, ως τελικό κομμάτι χρηστικότητας / UX, αρχίστε να νοιάζεστε περισσότερο!