Πώς να δημιουργήσετε μια προσιτή σχεδίαση μιας ιστοσελίδας

Οθόνη φορητού υπολογιστή

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

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

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

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

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

Περιεχόμενο και πηγές

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

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

Οι γραμματοσειρές που χρησιμοποιείτε κατά προτίμηση πρέπει να είναι μεγάλο και ευανάγνωστο. Ο τύπος Sans serif και έντονα Διευκολύνουν την ανάγνωση για άτομα που ενδέχεται να υποφέρουν από δυσλεξία. Άλλες προτεινόμενες γραμματοσειρές είναι: Arial, Times New Roman, Helvetica, Tahoma, Calibri και Verdana.

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

Γραμματοσειρά Sans Serif Bold

Η χρήση γραμματοσειρών Sans Serif Bold επιτρέπει καλύτερη οπτικοποίηση του κειμένου.

Εναλλακτικό κείμενο

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

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

Παχύφυτα σε ροζ κατσαρόλα

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

Προσαρμοστικότητα

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

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

Κινητή οθόνη

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

Συνοχή στο σχεδιασμό

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

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

Ιστοσελίδα Starbucks

Η γραμμή μενού στη σελίδα Starbucks είναι η ίδια σε όλες τις ενότητες.

Πλοήγηση πληκτρολογίου

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


Γίνε ο πρώτος που θα σχολιάσει

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.