Τι είναι ο προσβάσιμος & αποκλειστικός σχεδιασμός;

Τι είναι ο προσβάσιμος & αποκλειστικός σχεδιασμός;
Rick Davis

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

Δείτε επίσης: Επαναστατικοποιήστε τη ροή εργασίας σας

Όραμα

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

Η Apple παρέχει:

  • VoiceOver λέει δυνατά στον χρήστη τι βρίσκεται στην περιοχή αφής.
  • Ζουμ επιτρέπει στο χρήστη να μεγεθύνει το περιεχόμενο στην οθόνη χρησιμοποιώντας χειρονομίες αφής.
  • Ντιρεκτίβα επιτρέπει στο χρήστη να εισάγει κείμενο χρησιμοποιώντας τη φωνή του/της
  • Αντιστροφή χρώματος/ Έξυπνη αντιστροφή επιτρέπει στους χρήστες να προβάλλουν περιεχόμενο σε σκούρο φόντο. Στη λειτουργία Smart invert το ίδιο το περιεχόμενο δεν αντιστρέφεται, ενώ το ίδιο το UI παραμένει σκούρο.

Ακρόαση

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

Η Apple παρέχει:

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

Κινητικότητα

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

Δείτε επίσης: Τι είναι ο μινιμαλιστικός σχεδιασμός; Πλήρης οδηγός & παραδείγματα

Η Apple παρέχει:

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

Σκέψη με όρους προσβασιμότητας

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

Απλότητα: Η ιδιότητα ή η κατάσταση του να είναι εύκολο να κατανοηθεί και να γίνει.

Αντιληπτότητα: Να αποκτήσετε επίγνωση ή συνείδηση (κάτι), να συνειδητοποιήσετε ή να κατανοήσετε.

Εξατομίκευση μέσω τυποποιημένων ελέγχων

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

Κείμενο

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

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

Αποφυγή αποκοπής

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

Διατήρηση της ιεραρχίας πληροφοριών

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

Βάρη γραμματοσειράς

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

Αντίθεση κειμένου

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

Προσαρμοσμένες γραμματοσειρές

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

Χρώμα

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

Χρώματα συστήματος

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

Τυφλότητα χρώματος

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

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

Αντίθεση

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

Η αύξηση της αντίθεσης των οπτικών στοιχείων, όπως τα κείμενα, τα glyphs και τα στοιχεία ελέγχου του UI, μπορεί να συμβάλει στη βελτίωση της αναγνωσιμότητας του σχεδιασμού σας. Μπορείτε να ελέγξετε αν ο σχεδιασμός σας πληροί τα ελάχιστα αποδεκτά επίπεδα αντίθεσης χρησιμοποιώντας ένα εργαλείο επικύρωσης που βασίζεται στις Οδηγίες Προσβασιμότητας Περιεχομένου Ιστού (WCAG).

Εργαλεία προσβασιμότητας

Δημιουργοί και επικυρωτές παλέτας χρωμάτων

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

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

Το ContrasteApp σας επιτρέπει να ελέγχετε το κείμενο για προσβασιμότητα με βάση τους κανόνες WCAG. Και είναι δωρεάν [:

Προσομοιωτής αχρωματοψίας

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

Βγείτε εκεί έξω

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




Rick Davis
Rick Davis
Ο Rick Davis είναι έμπειρος γραφίστας και εικαστικός με πάνω από 10 χρόνια εμπειρίας στον κλάδο. Έχει συνεργαστεί με διάφορους πελάτες, από μικρές νεοφυείς επιχειρήσεις έως μεγάλες εταιρείες, βοηθώντας τους να επιτύχουν τους σχεδιαστικούς τους στόχους και να ανυψώσουν το brand τους μέσω αποτελεσματικών και εντυπωσιακών γραφικών.Απόφοιτος της Σχολής Εικαστικών Τεχνών της Νέας Υόρκης, ο Rick είναι παθιασμένος με την εξερεύνηση νέων τάσεων και τεχνολογιών σχεδιασμού και συνεχώς υπερβαίνοντας τα όρια του δυνατού στον τομέα. Έχει βαθιά εξειδίκευση στο λογισμικό γραφιστικής και είναι πάντα πρόθυμος να μοιραστεί τις γνώσεις και τις γνώσεις του με άλλους.Εκτός από τη δουλειά του ως σχεδιαστής, ο Rick είναι επίσης αφοσιωμένος blogger και είναι αφοσιωμένος στην κάλυψη των τελευταίων τάσεων και εξελίξεων στον κόσμο του λογισμικού γραφιστικής. Πιστεύει ότι η ανταλλαγή πληροφοριών και ιδεών είναι το κλειδί για την ενίσχυση μιας ισχυρής και ζωντανής κοινότητας σχεδιασμού και είναι πάντα πρόθυμος να συνδεθεί με άλλους σχεδιαστές και δημιουργικούς στο διαδίκτυο.Είτε σχεδιάζει ένα νέο λογότυπο για έναν πελάτη, είτε πειραματίζεται με τα πιο πρόσφατα εργαλεία και τεχνικές στο στούντιό του είτε γράφει ενημερωτικές και συναρπαστικές αναρτήσεις ιστολογίου, ο Rick δεσμεύεται πάντα να προσφέρει την καλύτερη δυνατή δουλειά και να βοηθά άλλους να επιτύχουν τους σχεδιαστικούς τους στόχους.