Οι οθόνες αφής λειτουργούν διαφορετικά από τα πληκτρολόγια και τα ποντίκια
Στις πρώτες μέρες του σχεδιασμού ιστοσελίδων για κινητές συσκευές, οι περισσότεροι προγραμματιστές διάρθρωσαν την προσφορά προϊόντων τους. Έκδιδαν μια πλήρως λειτουργική έκδοση για επιτραπέζιους υπολογιστές και στη συνέχεια μια έκδοση "βελτιστοποιημένη για κινητά", η οποία απομάκρυνε πολλά από το branding και τις εικόνες για να καλύψει τις περιορισμένες δυνατότητες και την ταχύτητα του δικτύου των τηλεφώνων καραμελών και των ασύρματων δικτύων 3G.
Τα σύγχρονα smartphones, ωστόσο, μπορούν να καταστήσουν ιστοσελίδες εξίσου αποτελεσματικά με τους επιτραπέζιους υπολογιστές, μέσω δικτύων τόσο καλών είτε καλύτερων από τις χάρτες DSL χθες.
Ο σχεδιασμός, επομένως, συγκλίνει πίσω σε μια διεπαφή ενός χρήστη. Αλλά ο κίνδυνος για τους σχεδιαστές δεν είναι ότι ένα smartphone ή ένα tablet δεν μπορεί να καταστήσει έναν σύγχρονο ανταποκριτικό ιστότοπο. Αντίθετα, η μέθοδος της εισόδου του χρήστη σε μια οθόνη αφής απαιτεί σημαντικές αλλαγές στο σχεδιασμό της υποκείμενης τοποθεσίας. Οι ημέρες κατασκευής ενός ιστότοπου, υποθέτοντας ότι οι επισκέπτες έχουν ένα πληκτρολόγιο και ένα ποντίκι, έχουν τελειώσει.
Βασικοί κανόνες σχεδίασης οθόνης αφής
Ο σχεδιασμός για μια διεπαφή ιστού με οθόνη αφής απαιτεί την εξέλιξη της παραδοσιακής προσέγγισης πληκτρολογίου οθόνης-ποντικιού του παρελθόντος. Συγκεκριμένα, θα πρέπει να δέχεστε αλληλεπιδράσεις όπως χειρονομίες, βρύσες και είσοδο multitouch.
- Η κλήση δεν είναι ακριβής. Εάν ο πελάτης δεν έχει τα δάχτυλα ενός μικρού παιδιού, ακόμη και με τα πολύ ακριβή στοιχεία ελέγχου του λογισμικού, μπορεί να είναι δύσκολο να αγγίξει κανείς και να είναι ακριβής.
- Οι χειρονομίες είναι διαφορετικές από τις βρύσες. Για να μετακινηθείτε σε μια μακρά σελίδα σε μια οθόνη αφής, ο χρήστης σπρώχνει ένα δάκτυλο επάνω στο παράθυρο του προγράμματος περιήγησης. Αυτό μπορεί να μην φαίνεται σημαντικό μέχρι να συνειδητοποιήσετε ότι περιηγείστε με ένα ποντίκι, μετακινείτε το ποντίκι κάτω .
- Δύο (και περισσότερες) βρύσες. Ένας χρήστης μπορεί να χρησιμοποιήσει ταυτόχρονα πολλαπλές βρύσες ταυτόχρονα για να τον ελέγξει. Αυτές οι πρόσθετες βρύσες μπορούν να σημαίνουν κάτι συγκεκριμένο ανάλογα με το λειτουργικό σύστημα της συσκευής του χρήστη.
- Συσκευές υψηλής απόχρωσης. Οι οθόνες των περισσότερων δισκίων με οθόνη αφής είναι κατασκευασμένες από ανθεκτικό γυαλί. Αυτό το υλικό μπορεί να είναι πολύ δύσκολο να διαβάσει κανείς, με πολύ λάμψη, σε καταστάσεις έντονου φωτισμού. Επιπλέον, με όλα τα επαφή, παίρνουν δακτυλικά αποτυπώματα και μουτζούρες στην οθόνη που μπορεί να επηρεάσει την εμφάνιση των σελίδων σας.
- Πληκτρολόγιο οθόνης. Ενώ ορισμένοι χρήστες διαθέτουν ασύρματο πληκτρολόγιο, συνδέονται με τα tablet τους, οι περισσότεροι χρήστες tablet χρησιμοποιούν το πληκτρολόγιο οθόνης για την εισαγωγή δεδομένων. Η είσοδος OSK μπορεί να οδηγήσει σε κάποια ξεκαρδιστικά λάθη καθώς είναι ανήσυχη για χρήση για παρατεταμένες χρονικές περιόδους.
Λόγω αυτών των χαρακτηριστικών της συσκευής, οι σχεδιαστές ιστοσελίδων πρέπει να δώσουν έμφαση σε διάφορους βασικούς κανόνες σχεδίασης για χρήστες με οθόνη αφής:
- Μην τοποθετείτε πολύ κοντά τα στοιχεία που μπορείτε να κάνετε κλικ. Δεν υπάρχει κανένας σκληρός και γρήγορος κανόνας που να καθορίζει πόσο κοντά είναι πολύ κοντά, αλλά οι λίστες συνδέσμων, ειδικά σε μικρό μέγεθος γραμματοσειράς, μπορεί να είναι δύσκολο να πλοηγηθεί κάνοντας κλικ (πατώντας) με παχύ δάχτυλο. Μπορεί να είναι ενοχλητικό να πρέπει να κάνετε μεγέθυνση μόνο για να δοκιμάσετε και να κάνετε κλικ σε ένα σύνδεσμο. Αυτή η αρχή ισχύει για κουμπιά καθώς και για συνδέσμους.
- Οι ιεραρχίες μπορεί να είναι δύσκολο να παραμείνουν ανοικτές. Μια δημοφιλής μορφή δυναμικού μενού χρησιμοποιεί το JavaScript για να ανοίξει ένα δευτερεύον μενού όταν ο χρήστης κάνει κλικ και στη συνέχεια κινείται πάνω από το υπομενού. Αυτές οι καταστάσεις μπορεί να είναι πολύ δύσκολες ή αδύνατες για χρήση στις οθόνες αφής επειδή είτε δεν παραμένουν ανοικτές είτε δεν θα κλείσουν.
- Μετακινήστε συνδέσμους και περιοχές με δυνατότητα κλικ μακριά από το δεξί άκρο του παραθύρου. Οι περισσότεροι άνθρωποι έχουν δεξιόχειρες και τείνουν να μετακινηθούν σε αυτή την πλευρά της οθόνης. Εφόσον η κύλιση γίνεται με χειρονομία, μερικές φορές είναι δυνατό να ξεκινήσει η διόρθωση ενός συνδέσμου κατά λάθος. Οι χρήστες μπορούν να ενοχλούνται εάν θέλουν να μετακινηθούν στη σελίδα και να καταλήξουν να πατήσουν τυχαία μια σύνδεση. Μετακινώντας τους συνδέσμους σας μακριά από τη δεξιά πλευρά, μπορείτε να τους βοηθήσετε να αποφύγουν αυτή την αναστάτωση.
- Δεν υπάρχει ποντίκι. Και αυτό σημαίνει ότι δεν υπάρχει δείκτης ποντικιού . Δεν πρέπει να βασίζεστε στον δείκτη του ποντικιού που αλλάζει για να υποδείξετε ότι κάτι είναι clickable.
- Τα κράτη αιωρήσεως δεν υπάρχουν. Ως συμπέρασμα για τα παραπάνω, δεδομένου ότι δεν υπάρχει ποντίκι, δεν υπάρχει τίποτα που να αιωρείται με. Ένας σύνδεσμος είτε πατήθηκε είτε όχι σε μια οθόνη αφής, οπότε οι χρήστες δεν μπορούν να εξάγουν χρήσιμες πληροφορίες από αυτές τις καταστάσεις αιωρήσεων όπως αλλαγές χρώματος, συμβουλές εργαλείων ή αλλαγές στη γραμμή κατάστασης.
- Τα μαύρα φόντα ενισχύουν την αντανάκλαση. Ένας ιστότοπος με μαύρο φόντο μπορεί να είναι πολύ δύσκολο να διαβαστεί σε μια οθόνη αφής εξαιτίας της λάμψης. Το μαύρο κάνει τα δακτυλικά αποτυπώματα στις συσκευές να εμφανίζονται πιο καθαρά, προκαλώντας θόλωση της οθόνης. Και το μαύρο μπορεί να γυρίσει την οθόνη σε έναν καθρέφτη αντανακλώντας πίσω οι χρήστες αντιμετωπίζουν συχνά περισσότερο από το κείμενο στην οθόνη.
- Τα μακρά τμήματα κειμένου σε φόρμες είναι δύσκολο να γραφτούν. Ενώ είναι δυνατό να γράψετε ολόκληρα μυθιστορήματα σε ένα iPad ή ένα tablet Android ή Windows, οι περισσότεροι άνθρωποι δεν τους αρέσει να χρησιμοποιούν το πληκτρολόγιο οθόνης για μεγάλες εκτάσεις κειμένου. Όσο περισσότερο το σχέδιό σας μπορεί να κάνει την είσοδο δεδομένων όσο το δυνατόν συντομότερη και πιο εύκολη, τόσο το καλύτερο.
Η πιο σημαντική πτυχή του σχεδιασμού με τις οθόνες αφής στο μυαλό είναι να δοκιμάσετε τις σελίδες σας σε μια οθόνη αφής . Ενώ είναι διαθέσιμα πολλά emulators iPad και Android και πολλά tablet των Windows, δεν παρέχουν ακόμα την αίσθηση της οθόνης αφής. Δεν μπορείτε να πείτε ότι οι σύνδεσμοι είναι πολύ κοντά ή ότι τα κουμπιά είναι πολύ μικρά - ή ότι η αντανάκλαση καθιστά τη σελίδα πάρα πολύ δύσκολη για να το διαβάσετε - εκτός και αν βγείτε από ένα δισκίο και τα δοκιμάσετε πριν να κυκλοφορήσετε το νέο σας σχέδιο ιστοσελίδας.