Κέρδη:
- Δυνατότητα παραγωγής γρήγορων πρωτότυπων σκελετών, δειγματοληπτικού περιεχομένου και ιδεών μικροαλληλεπίδρασης με τεχνητή νοημοσύνη
- Δυνατότητα παραγωγής ρεαλιστικού κειμένου κράτησης θέσης και δεδομένων για το πρωτότυπο και δοκιμής του σχεδίου σε πραγματική χρήση
- Δυνατότητα διατήρησης συνέπειας και λογικής στοιχείων κατά τη μετακίνηση της εξόδου AI σε εργαλείο σχεδίασης (Figma κ.λπ.)
Ένα πρωτότυπο είναι μια πλοηγήσιμη απομίμηση ενός σχεδίου με δυνατότητα κλικ. Είναι μια προσομοίωση που ο χρήστης μπορεί να βιώσει όπως στο πραγματικό προϊόν. Ο σχεδιασμός υψηλής πιστότητας, από την άλλη πλευρά, είναι ο σχεδιασμός που έχει φτάσει πιο κοντά στο τελικό προϊόν με χρώμα, τυπογραφία, πραγματικό περιεχόμενο και μικροαλληλεπιδράσεις. Ο στόχος σε αυτό το στάδιο είναι να γίνει η ιδέα δοκιμαστή «σαν να ήταν αληθινή». Η τεχνητή νοημοσύνη είναι ισχυρή εδώ με τρεις τρόπους: την παραγωγή σκελετών και παραλλαγών γρήγορα, την παροχή ρεαλιστικού περιεχομένου και δεδομένων κράτησης θέσης και την πρόταση ιδεών μικροαλληλεπίδρασης. Αλλά η διατήρηση της συνέπειας και της λογικής των στοιχείων κατά τη μεταφορά της εξόδου στο εργαλείο σχεδιασμού —δηλαδή, η τοποθέτηση του συστήματος στο σύστημα χωρίς να το γεμίζεις—είναι ανθρώπινη δουλειά.
Σκοπός του πρωτοτύπου: να δοκιμάσει τη σωστή ερώτηση φτηνά
Η δημιουργία πρωτοτύπων έχει έναν σκοπό: να δοκιμάσει μια υπόθεση φθηνά, χωρίς να γράψει κώδικα. "Καταλαβαίνει ο χρήστης αυτή τη ροή;", "Αυτή η διάταξη επιταχύνει την εργασία του;" Γι' αυτό το πρωτότυπο δεν χρειάζεται να είναι τόσο τέλειο όσο το πραγματικό προϊόν. Απλώς πρέπει να είναι αρκετά πραγματικό για να απεικονίσει πειστικά την ερώτηση που θα δοκιμαστεί.
Η τεχνητή νοημοσύνη επιταχύνει αυτήν την αξιοπιστία. Υπάρχει όμως ένας κίνδυνος: η υψηλή ανάλυση αισθάνεται ότι «τελείωσε». Όταν οι ενδιαφερόμενοι βλέπουν ένα γυαλισμένο πρωτότυπο, μπορεί να το μπερδέψουν ως την τελική απόφαση. Ωστόσο, εξακολουθεί να είναι μια υπόθεση. Να λέτε πάντα ξεκάθαρα τι δοκιμάζει το πρωτότυπο και τι είναι ακόμα ανοιχτό.
Προσοχή: Το γυαλισμένο πρωτότυπο υπερβάλλει στην ωριμότητα. Εάν δεν το πλαισιώσετε ως "αυτό είναι ένα εργαλείο δοκιμής, όχι το τελικό σχέδιο. δοκιμάζουμε αυτήν την ερώτηση" όταν την δείξετε στον ενδιαφερόμενο, θα δημιουργηθεί η λανθασμένη προσδοκία.
Ρεαλιστικό περιεχόμενο: σώζοντας το πρωτότυπο από το ψέμα
Το μεγαλύτερο ψέμα ενός πρωτότυπου είναι τα τέλεια σύμβολα κράτησης θέσης όπως το "Lorem ipsum" και το "First Name Last Name". Στον πραγματικό κόσμο, τα ονόματα είναι μεγάλα, οι λίστες μερικές φορές είναι κενές, οι αριθμοί μερικές φορές αρνητικοί, οι ημερομηνίες μερικές φορές ξεπερασμένες. Όταν το πρωτότυπο είναι γεμάτο με ιδανικό περιεχόμενο, κρύβει πραγματικά προβλήματα.
Εδώ είναι πολύτιμη η τεχνητή νοημοσύνη: παράγει ρεαλιστικό περιεχόμενο placeholder και δεδομένα διαφορετικού μήκους, διαφορετικών καταστάσεων. Μπορείτε να φέρετε το πρωτότυπο πιο κοντά στην πραγματική χρήση με αιτήματα όπως "Δώστε μου 20 ρεαλιστικά ονόματα προϊόντων, μερικά από αυτά πολύ μεγάλα", "Γράψτε 5 διαφορετικά σενάρια κενών περιπτώσεων", "Δημιουργία δείγματος δεδομένων λογαριασμού συμπεριλαμβανομένου του αρνητικού υπολοίπου". Έτσι, το τεστ δοκιμάζει την πραγματικότητα, όχι το ιδανικό.
Τύπος περιεχομένου
ψεύτικο (παραπλανητικό)
Ρεαλιστική (με τεχνητή νοημοσύνη)
Όνομα
"Όνομα Επώνυμο"
Παραδείγματα με μικρά, μεγάλα, μεμονωμένα ονόματα, ειδικούς χαρακτήρες
Λίστα
πάντα γεμάτος
Παραλλαγές κενό, 1 στοιχείου, 100 στοιχείων
Αριθμός
πάντα θετικός
Μηδενικές, αρνητικές, πολύ μεγάλες τιμές
κείμενο
ιδανικό μήκος
Ξεχειλίζει τον τίτλο, πολύ σύντομη περιγραφή
ημερομηνία
σήμερα
Παρελθόν, μέλλον, "μόλις τώρα", "πριν από 3 χρόνια"
Μικροαλληλεπιδράσεις: μικρές αλλά καθοριστικές
Οι μικροαλληλεπιδράσεις είναι μικρές, μοναδικές στιγμές αλληλεπίδρασης, όπως η ανάδραση όταν πατάτε ένα κουμπί, ένα πεδίο που γίνεται πράσινο όταν γεμίζει, μια κίνηση φόρτωσης κ.λπ. Αυτά δημιουργούν την αίσθηση του χρήστη ότι "το σύστημα με άκουσε". Το AI είναι ένας καλός συνεργάτης ανταλλαγής ιδεών για τη δημιουργία ιδεών μικροαλληλεπίδρασης (πότε, ποια ανατροφοδότηση, ποια κατάσταση αλλάζει). Αλλά κάθε μικρο-αλληλεπίδραση πρέπει να σταθμίζεται ως προς την απόδοση, την προσβασιμότητα και την απόσπαση της προσοχής. φανταχτερό αλλά περιττό κινούμενο σχέδιο επιβραδύνει την εμπειρία.
τρεις μίνι θήκες
Περίπτωση 1 — Κατάρρευση παραγγελίας με πραγματικά δεδομένα. Μια ομάδα γέμισε το πρωτότυπο με 30 ρεαλιστικά (μερικά πολύ μεγάλα) ονόματα προϊόντων που δημιουργήθηκαν από την τεχνητή νοημοσύνη. Δύο διατάξεις καρτών ξεχείλισαν. Το πρόβλημα εντοπίστηκε και επιδιορθώθηκε πριν από τη δοκιμή. Μάθημα: Το ρεαλιστικό περιεχόμενο αποκαλύπτει νωρίς κρυφά σφάλματα.
Περίπτωση 2 — Το γυαλισμένο πρωτότυπο δημιούργησε ψευδείς προσδοκίες. Ένας σχεδιαστής ετοίμασε ένα πρωτότυπο υψηλής ανάλυσης για «δοκιμή ροής μόνο», αλλά το έδειξε στους ενδιαφερόμενους χωρίς να πλαισιώνεται. Ο ενδιαφερόμενος είπε "υπέροχα, ας το δημοσιεύσουμε"? λαμβάνοντας υπόψη ότι η προσβασιμότητα και το περιεχόμενο δεν υπήρχαν ακόμη. Μάθημα: αναφέρετε ξεκάθαρα τι δοκιμάζει το πρωτότυπο.
Περίπτωση 3 — Η συνοχή του στοιχείου έχει σπάσει. Το σκίτσο της οθόνης από το AI περιείχε διαφορετικό στυλ κουμπιού από το κουμπί στο σύστημα σχεδιασμού. Κατά τη μεταφορά αυτού στο Figma, ο σχεδιαστής ξέχασε να το συνδέσει με το στοιχείο του συστήματος. Υπάρχουν δύο διαφορετικά κουμπιά στο προϊόν. Μάθημα: όταν μετακινείτε την έξοδο στο εργαλείο, η σύνδεσή του με υπάρχοντα εξαρτήματα είναι απαραίτητη.
Αντιγράψιμα μηνύματα
Δημιουργήστε ρεαλιστικό περιεχόμενο κράτησης θέσης για αυτήν την οθόνη:- 20 ονόματα <<τύπου στοιχείου>>: μερικά πολύ σύντομα, μερικά πολύ μεγάλα, ένα με ειδικό χαρακτήρα.- 4 κενά σενάρια.- 3 ακραία παραδείγματα δεδομένων (μηδέν, αρνητικό, υπερμεγέθη). Σκοπός: δοκιμή του πρωτοτύπου με πραγματική, όχι ιδανική, χρήση. Πλαίσιο: <<οθόνη/προϊόν>>
Προτείνετε πρωτότυπο σκελετό για αυτήν τη ροή (λίστα οθόνης + κύρια στοιχεία σε κάθε οθόνη): Εργασία: "<<εργασία>>". Η ερώτηση που θέλω να δοκιμάσω είναι: "<<υπόθεση>>". Προτείνετε μόνο αρκετές οθόνες για να δοκιμάσετε αυτήν την ερώτηση. μην προσθέσετε περισσότερα.
Προτείνετε 4 ιδέες μικρο-αλληλεπίδρασης για αυτήν την αλληλεπίδραση (πάτημα κουμπιού, επαλήθευση πεδίου, φόρτωση, επιτυχία). Για καθένα: έναυσμα, σχόλια, πρόταση διάρκειας και σημείωση προσβασιμότητας (ευαισθησία κίνησης, ανακοίνωση προγράμματος ανάγνωσης οθόνης). Πλαίσιο: <<αλληλεπίδραση>>
Ελέγξτε αυτό το σκίτσο οθόνης για συμβατότητα με το σύστημα σχεδίασής μου: εάν το κουμπί, η τυπογραφία, η απόσταση και το χρώμα συμμορφώνονται με τους υπάρχοντες κανόνες στοιχείων μου ("<<σύνοψη>>"). Καταχωρίστε κάθε στοιχείο που δεν είναι συμβατό και σε ποιο στοιχείο συστήματος πρέπει να συνδεθεί. Πρόχειρο: <<κείμενο>>
Αδύναμη προτροπή / Ισχυρή προτροπή
Αδύναμο: "Δώστε δείγμα περιεχομένου για αυτό το πρωτότυπο."
Το αποτέλεσμα: ιδανικό μήκος, ομοιόμορφο, ψεύτικο περιεχόμενο που κρύβει πραγματικά προβλήματα.
Ισχυρό: "Δημιουργήστε 20 ονόματα προϊόντων, μερικά πολύ μεγάλα, ένα με ειδικό χαρακτήρα, προσθέστε 4 κενές θήκες και 3 παραδείγματα δεδομένων άκρων. στοχεύστε να δοκιμάσετε το πρωτότυπο με πραγματική χρήση."
Το αποτέλεσμα: Περιεχόμενο που ωθεί πραγματικά τη διάταξη, ανοίγοντας σφάλματα νωρίς.
Η διαφορά: μια ισχυρή προτροπή απαιτεί ποικιλία + περιτύλιγμα + σκοπό.
Συνήθη λάθη
- Δοκιμές με ιδανικό περιεχόμενο. Τα μεγάλα σύμβολα κράτησης θέσης κρύβουν πραγματικά προβλήματα.
- Λάθος το γυαλισμένο πρωτότυπο ως τελική απόφαση. Εάν δεν γίνει το καδράρισμα, δημιουργούνται ψευδείς προσδοκίες.
- Προσθήκη περιττής οθόνης. Το πρωτότυπο θα πρέπει να επαρκεί για να ελεγχθεί η υπόθεση. τα πολλά είναι χάσιμο χρόνου.
- Σπάζοντας τη λογική των συνιστωσών. Το να ξεχάσετε να συνδέσετε εξαρτήματα του συστήματος κατά τη μεταφορά τους στο όχημα θα προκαλέσει ασυνέπεια.
- Φανταστική αλλά περιττή μικρο-αλληλεπίδραση. Προσθήκη κινούμενων εικόνων χωρίς να λαμβάνεται υπόψη η απόδοση και η προσβασιμότητα.
Συνοπτικά
Η δημιουργία πρωτοτύπων είναι ένας τρόπος για να δοκιμάσετε φθηνά μια υπόθεση χωρίς να γράψετε κώδικα. Η υψηλή ανάλυση το κάνει πιστευτό, αλλά δημιουργεί και την ψευδαίσθηση του «τελειωμένου». Το AI εξουσιοδοτεί αυτό το στάδιο με γρήγορο σκελετό, ρεαλιστικό περιεχόμενο placeholder και ιδέες μικροαλληλεπίδρασης. Η πιο πολύτιμη συνεισφορά του είναι τα ποικίλα και ακραία δεδομένα που σας επιτρέπουν να δοκιμάσετε το πρωτότυπο με πραγματικό, όχι ιδανικό, πλαίσιο. Είναι ανθρώπινη ευθύνη να πλαισιώσει με σαφήνεια αυτό που δοκιμάζει το πρωτότυπο, διατηρώντας τη συνοχή των εξαρτημάτων και του στυλ κατά τη μεταφορά της εξόδου στο εργαλείο σχεδιασμού.
Εργασία εφαρμογής
- Γράψτε μια πρόταση υπόθεσης που θέλετε να ελέγξετε για ροή.
- Με τη δεύτερη προτροπή, δημιουργήστε έναν πρωτότυπο σκελετό επαρκή για να ελέγξετε αυτήν την υπόθεση.
- Με την πρώτη προτροπή, δημιουργήστε ρεαλιστικό περιεχόμενο σύμβολο κράτησης θέσης στην άκρη και συμπληρώστε το πρωτότυπο.
- Με την τρίτη προτροπή, δημιουργήστε 2-3 μικρές ιδέες αλληλεπίδρασης και αξιολογήστε τις σημειώσεις προσβασιμότητας.
- Με την τέταρτη προτροπή, ελέγξτε και διορθώστε το προσχέδιο για τη συνέπεια του συστήματος σχεδιασμού.
λίστα ελέγχου
- [ ] Έγραψα ξεκάθαρα την υπόθεση ότι το πρωτότυπο δοκιμάζει.
- [ ] Δοκίμασα με ρεαλιστικό και περιεκτικό περιεχόμενο.
- [ ] Πλαισίωσα το πρωτότυπο ως «εργαλείο δοκιμής» για τον ενδιαφερόμενο.
- [ ] Κράτησα τον αριθμό των οθονών αρκετό για να ελέγξω την υπόθεση.
- [ ] Ζύγισα τις μικροαλληλεπιδράσεις με την προσβασιμότητα και την απόδοση.
- [ ] Διατήρησα τη συνέπεια συνδέοντας την έξοδο σε στοιχεία του συστήματος.