Μια μητέρα που ετοιμάζεται να προετοιμάσει δείπνο στο σπίτι ανοίγει μια εφαρμογή μαγειρικής στο iPad ή στο SmartTV της. Χρησιμοποιώντας το άγγιγμα και τη φωνή αλληλεπιδρά με την εφαρμογή, λέγοντας στο βίντεο παύση , γρήγορη προώθηση , ή επανάληψη ένα συγκεκριμένο τμήμα. Εάν το επιλέξει, μπορεί να πατήσει στην οθόνη αντί να χρησιμοποιήσει τη φωνή της.
Η χρήση πολλαπλών τρόπων αλληλεπίδρασης είναι αυτό πολυτροπικός σχεδιασμός βασίζεται σε.
Πριν εξερευνήσουμε τον πολυτροπικό σχεδιασμό, ας ξεκινήσουμε με μια βασική κατανόηση δύο τύπων αλληλεπιδράσεων: από υπολογιστή σε άνθρωπο και από άνθρωπο σε υπολογιστή . Κάθε μία από αυτές τις αλληλεπιδράσεις περιλαμβάνει διάφορους τρόπους όπως φωνή, αφή και απτική ανατροφοδότηση .
Υπολογιστές-ανθρώπινοι τρόποι
Οι τρόποι υπολογιστή-ανθρώπου (ή από υπολογιστή σε άνθρωπο) βοηθούν τον υπολογιστή να κατανοήσει τι θέλει ο χρήστης. Οι πιο συνηθισμένοι τρόποι υπολογιστών-ανθρώπων βασίζονται σε ικανότητες όρασης, ακοής και αφής. Μερικά παραδείγματα είναι τα γραφικά υπολογιστών, η αναπαραγωγή ήχου, οι δονήσεις του τηλεφώνου και τα ταπτικά σχόλια smartwatch.
Ανθρώπινοι υπολογιστές
Έχουμε εφεύρει πολλούς τρόπους αλληλεπίδρασης με υπολογιστές. Μερικά παραδείγματα είναι πληκτρολόγια, ποντίκια, οθόνες αφής, trackpads και αναγνώριση ομιλίας. Σε αυτήν την περίπτωση, οι χρήστες βασίζονται σε διάφορους μηχανισμούς για επικοινωνία και εντολή υπολογιστών.
Πιο σύνθετα παραδείγματα είναι τα επιταχυνσιόμετρα, τα γυροσκόπια και τα μαγνητόμετρα που βοηθούν στην ανίχνευση κίνησης. Σκεφτείτε να παίξετε ένα παιχνίδι τένις σε μια κονσόλα και να χρησιμοποιήσετε το gamepad για να μιμηθείτε την κίνηση της ρακέτας. Αυτό προσφέρει πολλές περισσότερες ευκαιρίες για να δημιουργήσετε μια μοναδική και ελκυστική [πολυτροπική] εμπειρία χρήστη.
Γιατί πολυτροπικός σχεδιασμός
Η ιδέα πίσω από τον πολυτροπικό σχεδιασμό είναι ο συνδυασμός πολλαπλών τρόπων για τη βελτίωση της εμπειρίας χρήστη ενός προϊόντος. Καθώς ο καθένας χρησιμοποιεί προϊόντα με διαφορετικούς τρόπους και σε διαφορετικά περιβάλλοντα, στους χρήστες παρέχονται διάφοροι μηχανισμοί ανατροφοδότησης και έχουν πολλούς τρόπους αλληλεπίδρασης με τον υπολογιστή τους.
Σχεδιαστές διευκολύνει τη ζωή των χρηστών ενσωματώνοντας και αυτοματοποιώντας ενέργειες μέσω διαφορετικών τρόπων. Εάν υπήρχε μόνο ένας μηχανισμός τροποποίησης, θα επηρέαζε αρνητικά την εμπειρία του χρήστη και ο σχεδιασμός θα 'απέτυχε' στο μυαλό του χρήστη.
Ένα παράδειγμα είναι ένα σύστημα ψυχαγωγίας αυτοκινήτου. Τα περισσότερα από αυτά τα συστήματα επιτρέπουν στους χρήστες να αλληλεπιδρούν με τη φωνή και το άγγιγμα. Κατά την οδήγηση, η προφανής επιλογή είναι να χρησιμοποιήσουμε τη φωνή μας για πραγματοποίηση τηλεφωνικής κλήσης ή πλοήγησης, αλλά όταν σταθμεύετε, είναι πολύ πιο εύκολο να χρησιμοποιήσετε την οθόνη αφής ή τον τροχό κύλισης για να αλληλεπιδράσετε με το σύστημα.
Ακολουθούν μερικά ακόμη παραδείγματα που συνήθως βρίσκουμε στον πολυτροπικό σχεδιασμό:
- Μια γραφική διεπαφή χρήστη βασίζεται στο όραμά μας για αλληλεπίδραση, για παράδειγμα, με έναν ιστότοπο ή έναν ψηφιακό πίνακα διαφημίσεων.
- Ένα φωνητικό περιβάλλον χρήστη βασίζεται στις ακουστικές μας δυνατότητες αλληλεπίδρασης. Αυτό περιλαμβάνει οποιονδήποτε βοηθό φωνής, όπως Alexa, Google Assistant ή Siri.
- Οι απτικοί, οι χειρονομίες και η κίνηση βασίζονται στην αντίληψή μας για την αφή (αφής ικανότητες) για να προκαλέσουν μια αλληλεπίδραση. Η λήψη μηνύματος ή η ολίσθηση προς τα αριστερά για παράλειψη τραγουδιού είναι δύο παραδείγματα.
Ο πολυτροπικός σχεδιασμός είναι επίσης χρήσιμος κατά το σχεδιασμό για άτομα με συγκεκριμένους περιορισμούς και αναπηρίες.
Ένα απλό παράδειγμα πολλαπλών τρόπων σχεδίασης: Το SmartHome
Ο Ρόμπερτ πλησιάζει στο σπίτι μετά από μια κουραστική μέρα. Το σύστημα αυτοματισμού του σπιτιού του ενεργοποιείται μόλις φτάσει σε απόσταση ενός μιλίου από το γκαράζ του. Το σύστημα αναγνωρίζει ότι έχει φτάσει και ξεκινά μια σειρά αυτοματοποιημένων ενεργειών. Για παράδειγμα, ανάβει τα φώτα, ρυθμίζει τη θέρμανση και την ψύξη και απενεργοποιεί το σύστημα συναγερμού.
Στη συνέχεια, ο Robert θα μπορούσε είτε να χρησιμοποιήσει ένα τηλεχειριστήριο είτε να ζητήσει από τον βοηθό με δυνατότητα AI να μειώσει τη ζέστη όταν μπαίνει μέσα.
Μια πολύπλοκη εμπειρία πολυτροπικού σχεδιασμού: Υγεία
Τώρα είμαστε σε θέση να συλλάβουμε πιο πολύπλοκες εισόδους από χρήστες που χρησιμοποιούν έξυπνες συσκευές. Μπορούμε να μετρήσουμε τις εισόδους όπως τα επίπεδα άγχους, τον καρδιακό παλμό, τους κύκλους ύπνου, την πρόσληψη νερού και στο εγγύς μέλλον επίπεδα γλυκόζης.
Μόλις αποθηκευτούν αυτές οι είσοδοι, συσκευές και υπηρεσίες όπως Fitbit και Πρώτες βοήθειες από τον Ερυθρό Σταυρό Παρέχετε πολύτιμες προειδοποιήσεις για τη σωτηρία, με τη μορφή μιας δόνησης, ενός πατήματος «βρύσης» στον καρπό ή ενός ηχητικού συναγερμού.
Πρόκειται για μια πιο περίπλοκη χρήση του πολυτροπικού σχεδιασμού, επειδή η ισορροπία των εισόδων προς τις εξόδους πρέπει να υπολογιστεί σωστά. Ο σχεδιασμός δεν πρέπει να δίνει ψευδείς συναγερμούς, ενδεχομένως να προκαλεί πανικό στον χρήστη.
Είτε σχεδιάζετε απλές είτε πολύπλοκες πολυτροπικές εμπειρίες, ένας από τους καλύτερους τρόπους για να κατανοήσετε καλύτερα τον πολυτροπικό σχεδιασμό είναι να ξεκινήσετε να σχεδιάζετε έχοντας κατά νου. Ας δούμε πώς μπορούμε να το επιτύχουμε χρησιμοποιώντας Adobe XD .
Πρωτότυπο πολυτροπικής εμπειρίας στο Adobe XD
Το Adobe XD, ένα δημοφιλές εργαλείο σχεδίασης UX, πρόσθεσε πρόσφατα φωνητικές εντολές και αναπαραγωγή στο οπλοστάσιο των λειτουργιών του. Αξιοποιώντας τα, μπορούμε να προσθέσουμε τρόπους όπως η αναπαραγωγή ομιλίας και ήχου για να δημιουργήσουμε μια πολυτροπική εμπειρία χρήστη.
Για παράδειγμα, ας κάνουμε πρωτότυπο το ταξίδι για κινητά για μια εφαρμογή μαγειρικής. Ένας σεφ δείχνει πώς να μαγειρεύει μπριζόλα και οι άνθρωποι μπορούν να πουν στην εφαρμογή να θέσει σε παύση, να επαναλάβει ή να συνεχίσει να χρησιμοποιεί φωνή ή άγγιγμα.
Αρχικά πρωτοτύπου όλες οι οθόνες που απαιτούνται για την απεικόνιση της εμπειρίας:
οι αγοραστές είναι ιδιαίτερα ευαίσθητοι στις τιμές όταν
Κάντε κλικ για να δείτε εικόνα πλήρους μεγέθους. Στη συνέχεια, προσθέτουμε μια φωνητική εντολή που θα μιμείται έναν τρόπο φωνής. Στην πρωτότυπη λειτουργία, ξεκινάμε συνδέοντας την πρώτη και τη δεύτερη οθόνη. Στη συνέχεια επιλέγουμε φωνή υπό δώσει το έναυσμα για και γράψτε μια φράση κάτω εντολή για να ξεκινήσει αυτή η μετάβαση. Εάν θέλουμε να προσθέσουμε δύο ή περισσότερες φωνητικές εντολές, θα χρειαστεί να προσθέσουμε ένα σύνδεσμο για κάθε μία.
Κάντε κλικ για να δείτε εικόνα πλήρους μεγέθους. Για την επόμενη οθόνη, θέλουμε το σύστημα να απαντήσει στον χρήστη. Το κάνουμε αυτό δημιουργώντας ένα ώθηση χρόνου και προσθήκη αναπαραγωγή ομιλίας υπό δράση. Εφόσον θέλουμε να δημιουργήσουμε μια άμεση αντίδραση, ορίζουμε χρόνο σε 0 δευτερόλεπτα.
Κάντε κλικ για να δείτε εικόνα πλήρους μεγέθους. Μπορούμε επίσης να προσθέσουμε παραδοσιακούς κανόνες. Σε αυτό το παράδειγμα, θα προσθέσουμε μια σκανδάλη βρύσης στο δεύτερο στοιχείο της λίστας. Όταν ο χρήστης πατήσει αυτό το στοιχείο, η εφαρμογή θα προχωρήσει στην επόμενη οθόνη. Ο συνδυασμός τόσο των φωνητικών εντολών όσο και των εντολών αφής είναι ένα εξαιρετικό παράδειγμα παροχής μιας καλύτερης, πιο στοχαστικής εμπειρίας χρήστη χρησιμοποιώντας πολυτροπικό σχεδιασμό.
Κάντε κλικ για να δείτε εικόνα πλήρους μεγέθους. Στη συνέχεια, θέλουμε να δείξουμε πώς ο χρήστης μπορεί να θέσει σε παύση και να συνεχίσει την εμπειρία μέσα στην εφαρμογή. Δεδομένου ότι σχεδιάζουμε αυτήν την εφαρμογή έχοντας κατά νου το Amazon Echo, θέλουμε να προσθέσουμε μια φωνητική εντολή όπως 'Echo, pause'.
Κάντε κλικ για να δείτε εικόνα πλήρους μεγέθους. Για να συνεχίσουμε το βίντεο, θα εκτελέσουμε την ίδια ενέργεια προσθέτοντας τη φωνητική εντολή 'Echo, συνέχεια'.
Κάντε κλικ για να δείτε εικόνα πλήρους μεγέθους. Αυτό είναι ένα βασικό παράδειγμα πολυτροπικού σχεδιασμού που χρησιμοποιεί τη σκανδάλη φωνής. Πρόσθετες ενεργοποιήσεις περιλαμβάνουν το πάτημα, τη μεταφορά και τη χρήση του πληκτρολογίου ή ενός gamepad για τον έλεγχο του πρωτοτύπου.
Είναι εύκολο να πέσετε στην παγίδα της χρήσης σκανδάλης μόνο επειδή υπάρχουν. Για να σχεδιάσετε μια καλύτερη εμπειρία χρήστη με πολυτροπικό σχεδιασμό, σχεδιαστές θα θέλει να δοκιμάσει και να μάθει ποιες αλληλεπιδράσεις έχουν τη μεγαλύτερη σημασία και σε ποια ώρα.
Πολυτροπικά μοντέλα σχεδιασμού και ψυχικής συμπεριφοράς
Κατά το σχεδιασμό χρησιμοποιώντας τρόπους, είναι σημαντικό να θυμάστε ότι οι χρήστες έχουν ένα προκαθορισμένο σύνολο προσδοκιών ( διανοητικά μοντέλα ) για το πώς πρέπει να συμβεί μια αλληλεπίδραση. Για παράδειγμα, οι περισσότεροι χρήστες αναμένουν να μετακινηθεί μια οθόνη πάνω όταν κάνουν κύλιση κάτω σε trackpad ή με τροχό κύλισης του ποντικιού.
Σημειώστε ότι σε πολλές περιπτώσεις αυτά τα διανοητικά μοντέλα εξακολουθούν να διαμορφώνονται. Κλονισμός το τηλέφωνο είναι ένα παράδειγμα. Εξακολουθεί να είναι μια ασαφής αλληλεπίδραση καθώς ορισμένοι προμηθευτές το χρησιμοποιούν για «αναίρεση» πληκτρολόγησης, ενώ άλλοι το χρησιμοποιούν για να ανακατέψουν τραγούδια.
Είναι σημαντικό να γνωρίζετε αυτά τα διανοητικά μοντέλα όταν επιλέγετε ποιες λεπτομέρειες πρέπει να βάλετε στο σχεδιασμό του προϊόντος. Η χρήση οικείων μεθόδων μπορεί να βελτιώσει την εμπειρία του χρήστη. Οι τρόποι που εξακολουθούν να διαμορφώνονται θα μπορούσαν να προκαλέσουν σύγχυση στους χρήστες και να υποβαθμίσουν την εμπειρία.
Αναδυόμενες λειτουργίες: Σχεδιασμός συνομιλίας
Δύο τρόποι που κερδίζουν πολλή έλξη είναι chatbots και φωνητικές διεπαφές χρήστη . Μερικές φορές αναφέρονται ως συνομιλίες διεπαφών χρήστη, η κύρια εστίαση είναι αλληλεπιδράσεις κειμένου και ομιλίας.
Ένα chatbot μπορεί να κάνει χρήση μιας διεπαφής για τη λήψη εισόδων, όπως κείμενο, και είναι σε θέση να εμφανίζει γραφικά, συνδέσμους, χάρτες και συνομιλητικό διάλογο. Ορισμένα chatbots μπορούν να λαμβάνουν εντολές μέσω φωνής και, στη συνέχεια, να εμφανίζουν τα αποτελέσματα ως κείμενο ή χρησιμοποιώντας συνθετική φωνή.
Εμφανίζονται επίσης καθαρές φωνητικές αλληλεπιδράσεις. Σκεφτείτε την επέκταση του Siri ή της Alexa σε έξυπνες οικιακές συσκευές όπου οι χρήστες δεν πληκτρολογούν τίποτα, αλλά αντλούν πλήρεις αλληλεπιδράσεις μόνο με φωνή. Αυτό είναι σημαντικό για σχεδιαστές γιατί σχεδόν κάθε εμπειρία στο σχεδιασμό συνομιλιών είναι πολυτροπική.
Ένα εξαιρετικό παράδειγμα είναι Λίλι από Ίσως . Ένα bot που σας διδάσκει κινέζικα (και άλλες γλώσσες) και λειτουργεί σε διαφορετικά κανάλια. Οι συνομιλίες μπορούν να πραγματοποιηθούν στην εφαρμογή ή μιλώντας στο bot.
Περίληψη
Χρησιμοποιώντας φωνή, άγγιγμα, κείμενο και ταπτικό σχόλιο, ο πολυτροπικός σχεδιασμός συνδυάζει διαφορετικούς τρόπους για τη δημιουργία καλύτερων εμπειριών χρήστη. Οι αλληλεπιδράσεις μεταξύ υπολογιστή και ανθρώπου-υπολογιστή μπορούν να συνδυαστούν για να δημιουργήσουν μοναδικές εμπειρίες προϊόντων.
Ο πολυτροπικός σχεδιασμός παρουσιάζει επίσης νέες ευκαιρίες και προκλήσεις για σχεδιαστές . Εργαλεία όπως Adobe XD διευκολύνετε την πρωτοτυπία προϊόντων χρησιμοποιώντας διάφορες μεθόδους, αλλά υπάρχει τέχνη και επιστήμη για τη χρήση τους από κοινού.
Επιτυγχάνοντας αυτήν την τέλεια ισορροπία, σε συνδυασμό με την εμφάνιση νέων τρόπων, θα προκαλέσουν τους σχεδιαστές να αυξήσουν τη γραμμή βελτίωσης των εμπειριών των χρηστών.
• • •
Περαιτέρω ανάγνωση στο ApeeScape Design Blog:
- Σχεδιασμός με ακρίβεια - Μια αναθεώρηση Adobe XD
- Εξερευνώντας τους λόγους για την κριτική σκέψης στο σχεδιασμό
- Chatbot UX - Συμβουλές και Σκέψεις Σχεδιασμού
- Η συνομιλία συνομιλίας - όταν αποτυγχάνει ένα Chatbot
- Η σημασία του ανθρωποκεντρικού σχεδιασμού στο σχεδιασμό προϊόντων
Κατανόηση των βασικών
Τι είναι ο πολυτροπικός σχεδιασμός;
Ο πολυτροπικός σχεδιασμός χρησιμοποιεί πολλαπλούς τρόπους για τη βελτίωση της εμπειρίας χρήστη σε προϊόντα. Αυτό περιλαμβάνει αλληλεπιδράσεις από υπολογιστή σε άνθρωπο και από άνθρωπο σε υπολογιστή, όπως φωνή, κείμενο, αφή και ταπτική ανάδραση. Οι σχεδιαστές ενσωματώνουν αυτούς τους τύπους αλληλεπιδράσεων σε προϊόντα και τις συνδυάζουν για καλύτερη εμπειρία χρήστη.
Σε ποιες περιπτώσεις χρησιμοποιείται το Adobe XD;
Το Adobe XD είναι ένα εργαλείο σχεδίασης που μπορεί να χρησιμοποιηθεί σε διάφορα στάδια της διαδικασίας σχεδιασμού. Είναι πιο γνωστό για πρωτότυπα? Ωστόσο, μπορεί να χρησιμοποιηθεί για wireframing, mockups και ως σύστημα σχεδιασμού για επικοινωνία με προγραμματιστές.
Γιατί είναι σημαντική η πολυτροπικότητα;
Η πολυτροπικότητα, η αλληλεπίδραση μεταξύ υπολογιστών και ανθρώπων, είναι σημαντική επειδή βελτιώνει την εμπειρία του χρήστη εισάγοντας διάφορους μηχανισμούς αλληλεπίδρασης. Με πολλαπλούς τρόπους στο παιχνίδι, οι χρήστες έχουν περισσότερες επιλογές όταν αλληλεπιδρούν με προϊόντα, πράγμα που σημαίνει ότι υπάρχει λιγότερη πιθανότητα για 'αποτυχίες' του UX.
Είναι το Sketch καλύτερο από το Adobe XD;
Τόσο το Sketch όσο και το Adobe XD είναι εξαιρετικά εργαλεία σχεδίασης. Το σκίτσο δεν είναι καλύτερο, ούτε το Adobe XD. Το Adobe XD, που είναι νεότερο στη σκηνή, φτάνει γρήγορα στο Sketch. Η κύρια διαφορά είναι ότι το Sketch χρησιμοποιεί πρόσθετα για την επέκταση της λειτουργικότητας, ενώ η Adobe προσπαθεί να συμπεριλάβει τα πάντα εγγενώς στο XD.
Είναι το Adobe XD μέρος του Creative Cloud;
Το Adobe XD είναι μέρος της σουίτας Creative Cloud της Adobe. Το Create Cloud περιλαμβάνει άλλες εφαρμογές Adobe, καθώς και XD και επιτρέπει αποθήκευση στο cloud και αυτόματες ενημερώσεις.
