Φωνητικός έλεγχος στο Adobe XD: Έτσι τον εφαρμόζεις με επιτυχία

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

Σημαντικές παρατηρήσεις

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

Οδηγός βήμα προς βήμα

Δημιούργησε το Artboard σου

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

Πρόσθεσε κείμενο

Τώρα είναι η ώρα να επικοινωνήσεις σχετικά. Χρησιμοποίησε το εργαλείο κειμένου για να προσθέσεις ένα πεδίο κειμένου, στο οποίο θα τοποθετήσεις την ερώτηση "Τι μπορώ να κάνω για σένα;". Μορφοποίησε το κείμενο με τρόπο που να το τονίζει. Ένα μέγεθος γραμματοσειράς 90 σημείων είναι ιδανικό για να φαίνεται εντυπωσιακό χωρίς να φαντάζει φορτωμένο.

Οπτικές ενδείξεις για τον φωνητικό έλεγχο

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

Πρόσθεσε το δεύτερο πεδίο κειμένου

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

Δημιουργία animations

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

Συγχρονίστε τα animations

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

Χρησιμοποίησε φωνητικές εντολές στη λειτουργία Prototype

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

Δοκίμασε το Πρωτότυπο

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

Σύνοψη – Αποτελεσματική χρήση φωνητικού ελέγχου στο Adobe XD

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