Ζωντανή δοκιμή πρωτοτύπων με το Adobe XD

Όταν πρόκειται για ρεαλιστική δοκιμήσχεδιαστικών πρωτοτύπων, το εικονικό περιβάλλον συχνά δεν είναι αρκετό. Η πραγματική ανατροφοδότηση από πραγματικές συσκευές μπορεί να είναι καθοριστική για την επιτυχία του έργου σου. Σε αυτό το tutorial, θα σου δείξω πώς να τραβήξεις άμεσα μια ζωντανήπροεπισκόπηση των πρωτοτύπων σου με το AdobeXD και την αντίστοιχη εφαρμογή στο smartphone ή το tablet σου. Έτσι μπορείς να δοκιμάσεις τα σχέδιά σου απευθείας στις συσκευές για τις οποίες τα σχεδίασες.

Κύριες διαπιστώσεις

• Μπορείς να προβάλλεις τα πρωτότυπα απευθείας μέσω USB ή από το cloud στη συσκευή σου.
• Η εφαρμογή Adobe XD είναι διαθέσιμη δωρεάν στο App Store και στο Google Play Store.
• Έτσι μπορείς να λάβεις ανατροφοδότηση και να δοκιμάσεις τις προσαρμογές σε πραγματικό χρόνο.

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

1. Πρόσβαση στο πρωτότυπο

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

2. Εγκατάσταση της εφαρμογής Adobe XD

Για τη ζωντανή προεπισκόπηση στο smartphone ή το tablet σου, χρειάζεσαι την εφαρμογή Adobe XD. Αυτή είναι διαθέσιμη τόσο στο Google Play Store όσο και στο App Store της Apple. Κατέβασέ την δωρεάν και μην μπερδεύεσαι όταν ακούς για iTunes - είναι το App Store! Βεβαιώσου ότι η εγκατάσταση έχει ολοκληρωθεί.

3. Σύνδεση μέσω USB

Αφού εγκαταστήσεις την εφαρμογή, σύνδεσε το smartphone ή το tablet σου με τον υπολογιστή σου μέσω USB καλωδίου. Μόλις δημιουργηθεί η σύνδεση, μπορείς να κάνεις αλλαγές στο Adobe XD, και αυτές θα εμφανίζονται χωρίς καθυστέρηση στη συσκευή σου. Αυτό είναι ιδιαίτερα ενδιαφέρον αν θέλεις να πραγματοποιήσεις ζωντανά σενάρια δοκιμών ή επιδείξεις. Εδώ μπορείς να συνεχίσεις να εργάζεσαι και να χρησιμοποιήσεις τη ζωντανή προεπισκόπηση από τα 66 δευτερόλεπτα.

4. Χρήση του cloud

Μια ευέλικτη εναλλακτική στη σύνδεση USB είναι η αποθήκευση του πρωτοτύπου σου στο Adobe Cloud. Για να το κάνεις αυτό, πήγαινε στο "Αποθήκευση ως". Το Adobe XD αποθηκεύει από προεπιλογή στο cloud, ώστε να μπορείς αργότερα να έχεις πρόσβαση από οποιαδήποτε συσκευή. Η διαδικασία μεταφόρτωσης μπορεί να διαρκέσει μερικά δευτερόλεπτα, αλλά μπορείς να παρακολουθήσεις την πρόοδο στην πάνω μπάρα και να δεις πόσο γρήγορα πλησιάζεις τη ζωντανή προεπισκόπηση από τα 130 δευτερόλεπτα.

5. Πρόσβαση στο πρωτότυπο στη συσκευή

Μόλις αποθηκευτεί το πρωτότυπό σου στο cloud, μπορείς να ανοίξεις την εφαρμογή Adobe XD στο smartphone σου για να έχεις ζωντανή πρόσβαση. Θα αποκτήσεις γρήγορα πρόσβαση στο ανεβασμένο πρωτότυπό σου. Κάνε κλικ σε αυτό για να φορτώσεις το πρωτότυπο και να δεις πώς φαίνεται στη συσκευή σου. Εδώ είναι η επίδειξη που θα βρεις στα 144 δευτερόλεπτα στο βίντεο.

6. Αλληλεπίδραση και ανατροφοδότηση

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

7. Πρόσβαση σε μενού

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

8. Ολοκλήρωση της δοκιμής

Χρησιμοποίησε τη ζωντανή προεπισκόπηση στη συσκευή σου για να δεις ακριβώς πώς οι χρήστες αντιδρούν στα σχέδιά σου. Όταν παρουσιάζεις το πρωτότυπό σου σε κάποιον, θα ενθουσιαστεί να μπορεί και αυτός να το χρησιμοποιήσει. Να θυμάσαι ότι η συσκευή θα πρέπει να είναι καθαρή πριν τη δώσεις. Έτσι μπορείς να διασφαλίσεις ότι το πρωτότυπό σου θα παρουσιαστεί με τον καλύτερο τρόπο. Πληροφορίες γι' αυτό μπορείς να βρεις στα 273 δευτερόλεπτα.

Σύνοψη – Ζωντανή δοκιμή πρωτοτύπων με το Adobe XD: Έτσι φέρνεις τα σχέδιά σου στη συσκευή σου

Σε αυτόν τον οδηγό έμαθες πόσο απλό είναι να δοκιμάζεις πρωτότυπα με το Adobe XD ζωντανά σε smartphones και tablets. Με μόνο λίγα βήματα μπορείς να παρουσιάσεις τα σχέδιά σου σε ένα ρεαλιστικό περιβάλλον και να συλλέξεις πολύτιμα σχόλια από τους χρήστες.