Οι Αρχές Σχεδιασμού Αλληλεπίδρασης του Don Norman

Όταν ξεκίνησα να μαθαίνω για το σχεδιασμό του προϊόντος, ένα από τα πιο επιρροή βιβλία που διάβασα ήταν Το Σχέδιο των Καθημερινών Πράξεων του Don Norman. Σε αυτό το κλασικό έργο, ο Don Norman ρίχνει φως στο σχεδιασμό αντικειμένων κάθε μέρα όπως πόρτες, σόμπες, θερμοστάτες και πολλά άλλα. Στη συνέχεια εφαρμόζει αυτές τις καθολικές αρχές σχεδιασμού στο σχεδιασμό προϊόντων τεχνολογίας. Ο Ντον Νόρμαν είναι ένας από τους κορυφαίους στοχαστές στον σχεδιασμό που βασίζεται στον άνθρωπο και οι αρχές που γράφει απαιτούνται ανάγνωση για κάθε σχεδιαστή προϊόντων. Παρατηρώ ακόμα αυτές τις αρχές καθημερινά στο έργο μου που σχεδιάζει το Notejoy. Έτσι ήθελα να περπατήσω μέσα από τις έξι αρχές του Don Norman για το σχεδιασμό αλληλεπιδράσεων και τον τρόπο με τον οποίο παραμένουν σχετικοί με το σχεδιασμό ψηφιακών προϊόντων σήμερα.

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

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

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

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

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

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

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

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

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

Η Apple έκλεψε τον κόσμο το 2011 όταν εισήγαγε φυσική κύλιση στο Mac OS X Lion. Αυτό ανακάλεσε το γνωστό μοτίβο της κύλισης μιας σελίδας κρατώντας τα δάχτυλά σας στο trackpad και σύροντάς τα προς τα κάτω. Αντίθετα, αυτό αντιστράφηκε έτσι ώστε να σύρετε το δάχτυλό σας επάνω στο trackpad για να μετακινηθείτε προς τα κάτω. Αυτή η αναστροφή χαρτογραφήθηκε περισσότερο με τον τρόπο που χρησιμοποιήσαμε iPhones και iPads. Η διαμάχη εδώ είναι πραγματικά για μια χαρτογράφηση. Ήταν η νέα χαρτογράφηση υπερβολικά χαλαρή επειδή άλλαξε τη συμβατική χαρτογράφηση που είχε χρησιμοποιηθεί σε Mac και Windows για δεκαετίες; Ή ήταν πιο φυσικό γιατί χαρτογραφήθηκε για το πώς θα πιέζετε ένα κομμάτι χαρτιού για να το μετακινήσετε προς τα κάτω και θα ταιριάζει επίσης με τη νέα συμπεριφορά που δημιουργήθηκε στα κινητά τηλέφωνα. Δεν υπάρχει εύκολη απάντηση εδώ, αν και θα έλεγα ότι εγώ ο ίδιος απενεργοποιήσω τη φυσική κύλιση στο Mac μου γιατί, όπως πολλοί άλλοι, προτιμούν τη σύμβαση που δημιουργήθηκε πριν από δεκαετίες.

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

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

Ένας από τους καλύτερους τρόπους για να αυξήσετε τη συνοχή μεταξύ των εφαρμογών είναι να χρησιμοποιήσετε επαρκώς τις Οδηγίες Σχεδίασης Υλικών της Google και τις Οδηγίες Ανθρώπινης Αλληλεπίδρασης της iOS κατά το σχεδιασμό κινητών εφαρμογών.

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

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

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

Όπως μπορείτε να δείτε, και οι έξι από τις αρχές του Don Norman για το σχεδιασμό αλληλεπίδρασης παραμένουν τόσο σημαντικές σήμερα όσο και όταν έγραψαν αρχικά το κλασικό έργο του, The Design of Everyday Things.

Ο Sachin Rekhi είναι ο ιδρυτής και διευθύνων σύμβουλος της Notejoy, μιας συλλογικής εφαρμογής σημειώσεων για όλη την ομάδα σας. Σας βοηθά να αποκτήσετε το πιο σημαντικό έργο σας από το θόρυβο του email & Slack και σε ένα γρήγορο και εστιασμένο χώρο εργασίας. Έχει επίσης γράψει πάνω από 125+ άρθρα σχετικά με τη διαχείριση προϊόντων και την επιχειρηματικότητα. Εγγραφείτε σε νέα δοκίμια στο sachinrekhi.com.