Φτιάξτε ένα λειτουργικό πρωτότυπο εφαρμογής με AI και δείξτε το σε ανθρώπους

Γιατί ένα λειτουργικό πρωτότυπο σας λέει περισσότερα από ένα mockup

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

Αλλάζει επίσης τις ερωτήσεις που μπορείτε να κάνετε. Με ένα mockup ρωτάτε «θα το χρησιμοποιούσατε;», και ο κόσμος απαντά ευγενικά. Με κάτι που λειτουργεί μπορείτε να δώσετε μια εργασία («προσθέστε τη βάρδια της επόμενης Τρίτης και δείτε τι αλλάζει στις εβδομαδιαίες ώρες σας») και να παρατηρήσετε πού διστάζει.

Αποφασίστε τι πρέπει να αποδείξει το πρωτότυπο

Πριν περιγράψετε οτιδήποτε, γράψτε τις μία ή δύο ερωτήσεις που πρέπει να απαντήσει η δοκιμή. Έτσι η εφαρμογή μένει μικρή και οι συνεδρίες εστιασμένες. Συνηθισμένες ερωτήσεις:

• Κατανόηση: καταλαβαίνει ο κόσμος σε λίγα δευτερόλεπτα σε τι χρησιμεύει η κύρια οθόνη;
• Η βασική εργασία: μπορεί να ολοκληρώσει χωρίς βοήθεια τη μία δουλειά για την οποία υπάρχει το προϊόν;
• Η δύσκολη στιγμή: τι γίνεται στο όριο για το οποίο δεν είστε σίγουροι: μια κενή λίστα, ένα λάθος που πρέπει να αναιρεθεί, ένα μεγάλο όνομα που αναδιπλώνεται;
• Διάθεση: αφού το χρησιμοποιήσει, θα άλλαζε το τωρινό του υπολογιστικό φύλλο, σημειωματάριο ή εφαρμογή με αυτό;

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

Πώς να το περιγράψετε στο Anticode

Περιγράψτε τον άνθρωπο, την εργασία και τις οθόνες σε λίγες προτάσεις και πείτε πώς πρέπει να μοιάζουν τα δείγματα δεδομένων. Για παράδειγμα: «Ένα πρωτότυπο εφαρμογής ανταλλαγής βαρδιών για την ομάδα ενός καφέ. Οθόνες: το πρόγραμμα της εβδομάδας, ένα αίτημα ανταλλαγής βάρδιας και μια λίστα με ανοιχτά αιτήματα ανταλλαγής. Χρησιμοποίησε οκτώ δείγματα εργαζομένων και μια ρεαλιστική εβδομάδα. Σημείωσε τα πάντα ως δεδομένα επίδειξης.» Ο Architect απαντά με ένα σύντομο πλάνο (όνομα, οθόνες, εμφάνιση, λειτουργίες) και μπορεί να κάνει έως τρεις ερωτήσεις όπου η απάντηση αλλάζει το αποτέλεσμα, καθεμία με προτεινόμενες απαντήσεις που μπορείτε να πατήσετε.

Όταν επιλέξετε Build it, το μοντέλο γράφει ολόκληρη την εφαρμογή ως ένα έγγραφο HTML και μπορείτε να βλέπετε τον κώδικα να γράφεται. Οι νέες εφαρμογές μπορούν επίσης να ανοίγουν σε headless browser σε πλάτη κινητού και laptop, να φωτογραφίζονται και να δοκιμάζονται με κλικ, με τα σφάλματα να επιστρέφουν για διόρθωση, όταν αυτή η υπηρεσία ελέγχου είναι διαθέσιμη.

Κάντε τα ψεύτικα μέρη ειλικρινή

Οι εφαρμογές του Anticode τρέχουν σε sandbox χωρίς δίκτυο, οπότε ό,τι κανονικά θα χρειαζόταν server προσομοιώνεται μέσα στη σελίδα: οι άλλοι χρήστες είναι δείγματα ανθρώπων, τα «σταλμένα» μηνύματα καταλήγουν σε μια τοπική λίστα και μια οθόνη σύνδεσης δέχεται οτιδήποτε. Η εφαρμογή τα σημειώνει ως δεδομένα επίδειξης όπου έχει σημασία. Κρατήστε αυτή τη σήμανση ορατή στη διάρκεια της δοκιμής. Δοκιμαστές που νομίζουν ότι χρησιμοποιούν ζωντανό σύστημα κάνουν διαφορετικές, πιο ριψοκίνδυνες επιλογές από δοκιμαστές που ξέρουν ότι είναι μοντέλο, και σε αυτό το στάδιο θέλετε το δεύτερο είδος σχολίων.

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

Συνεδρίες δοκιμών και αλλαγές στην εφαρμογή

1. Δημοσιεύστε το πρωτότυπο στη διεύθυνσή του στο anticode.dev και στείλτε τον σύνδεσμο στους δοκιμαστές. Δεν χρειάζεται εγκατάσταση.
2. Για όσους εμπλέκονται στο έργο, στείλτε αντί γι' αυτό έναν σύνδεσμο αξιολόγησης πελάτη: μπορούν να ανοίξουν την τρέχουσα προεπισκόπηση χωρίς λογαριασμό και να αφήσουν σχόλια δεμένα σε μια ενότητα. Οι σύνδεσμοι λήγουν μετά από 14 ημέρες από προεπιλογή και μπορείτε να τους ανακαλέσετε.
3. Μετά από κάθε γύρο, ζητήστε αλλαγές με απλά λόγια («βάλε το κουμπί ανταλλαγής πάνω σε κάθε κάρτα βάρδιας»). Οι πρόσφατες αποθηκεύσεις κρατιούνται στο ιστορικό εκδόσεων (έως έναν αριθμό που ορίζει το πακέτο σας), οπότε μπορείτε να δείξετε τον πρώτο και τον τρίτο γύρο δίπλα δίπλα ή να γυρίσετε πίσω.

Τι δεν μπορεί να δοκιμάσει ένα πρωτότυπο ενός browser

Να είστε ξεκάθαροι με τον εαυτό σας για το όριο. Ένα πρωτότυπο σε sandbox τρέχει σε μία συσκευή κάθε φορά, οπότε δεν μπορεί να δοκιμάσει:

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

Όταν η ιδέα αντέξει τη δοκιμή, η εξαγωγή σε Next.js είναι το βήμα προς ένα πραγματικό προϊόν. Καλύπτει εφαρμογές και σας δίνει ένα τυπικό έργο App Router σε TypeScript με Postgres μέσω Prisma, σύνδεση με email, ρόλους πελάτη και προσωπικού και περιοχή διαχείρισης. Είναι σημείο εκκίνησης που θα επεκτείνει ένας προγραμματιστής, όχι μια ολοκληρωμένη εφαρμογή για πολλούς χρήστες, και μπορείτε να το στείλετε σε ένα αποθετήριο GitHub της επιλογής σας. Ο οδηγός εξαγωγής σε Next.js εξηγεί τι περιέχει. Αν χρειάζεστε λειτουργίες πολλών χρηστών για παραγωγή χωρίς να γράψετε κώδικα, ένα εργαλείο no-code με backend μπορεί να σας ταιριάζει καλύτερα και από τα δύο.

Συχνές ερωτήσεις

Είναι εργαλείο για πρωτότυπα εφαρμογών με AI ή εργαλείο σχεδίασης;

Φτιάχνει λειτουργικό κώδικα, όχι πλαίσια σε καμβά. Παίρνετε μια πραγματική εφαρμογή στον browser, κάτι που ταιριάζει σε δοκιμές χρηστικότητας· αν χρειάζεστε αρχεία σχεδίασης ακριβείας pixel για μια ομάδα σχεδιαστών, χρησιμοποιήστε παράλληλα ένα εργαλείο σχεδίασης.

Μπορούν οι δοκιμαστές να το χρησιμοποιήσουν στο κινητό τους;

Ναι. Η δημοσιευμένη εφαρμογή είναι μια ιστοσελίδα που λειτουργεί σε browser κινητού, και ό,τι αποθηκεύει μένει σε εκείνο το κινητό.

Μπορώ να δω τι έβαλαν οι δοκιμαστές;

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

Γίνεται το πρωτότυπο η πραγματική εφαρμογή;

Μπορεί να γίνει το σημείο εκκίνησης. Η εξαγωγή σε Next.js το μετατρέπει σε έργο με βάση δεδομένων και σύνδεση χρηστών, πάνω στο οποίο μπορεί να χτίσει ένας προγραμματιστής.