Bina prototaip aplikasi yang berfungsi dengan AI dan uji bersama pengguna

Mengapa prototaip yang berfungsi memberitahu lebih banyak daripada mockup

Skrin statik menguji sama ada orang suka rupanya. Ia jarang menguji sama ada orang boleh menggunakannya, kerana penguji perlu membayangkan apa yang berlaku selepas setiap ketikan, dan orang yang mengendalikan sesi akhirnya menceritakan produk itu. Prototaip aplikasi boleh klik yang benar-benar bertindak balas menghapuskan penceritaan itu. Penguji menaip ke dalam medan sebenar, melihat jumlah sebenar berubah, dan mendapat keadaan kosong sebenar apabila memadam item terakhir. Kekeliruan mereka berpunca daripada reka bentuk anda, bukan daripada kekurangan prototaip.

Ia juga mengubah soalan yang boleh anda tanya. Dengan mockup anda bertanya "adakah anda akan menggunakan ini?", yang dijawab orang dengan sopan. Dengan sesuatu yang berfungsi, anda boleh memberi tugasan ("tambah syif Selasa depan dan lihat kesannya pada jam kerja mingguan anda") dan memerhati di mana mereka teragak-agak.

Tentukan apa yang perlu dibuktikan oleh prototaip

Sebelum menerangkan apa-apa, tulis satu atau dua soalan yang perlu dijawab oleh ujian. Ini memastikan binaan kecil dan sesi ujian fokus. Contoh biasa:

• Kefahaman: adakah orang tahu tujuan skrin utama dalam beberapa saat?
• Tugas teras: bolehkah mereka menyelesaikan satu tugas utama produk itu tanpa bantuan?
• Saat yang janggal: apa yang berlaku pada keadaan tepi yang anda kurang pasti: senarai kosong, kesilapan yang perlu dibatalkan, nama panjang yang terbalut?
• Kesediaan: selepas menggunakannya, adakah mereka akan menggantikan hamparan, buku nota atau aplikasi semasa mereka?

Apa-apa yang tidak membantu menjawab soalan itu boleh ditinggalkan atau dipalsukan. Halaman tetapan yang tidak akan dibuka sesiapa dalam sesi dua puluh minit ialah usaha yang sia-sia, walau semudah mana pun ia dijana.

Cara menerangkannya kepada Anticode

Terangkan pengguna, tugas dan skrin dalam beberapa ayat, dan nyatakan rupa data sampel yang dikehendaki. Contohnya: "Prototaip aplikasi tukar syif untuk pasukan kafe. Skrin: jadual minggu ini, permintaan menukar syif, dan senarai permintaan tukar yang terbuka. Gunakan lapan kakitangan sampel dan minggu yang realistik. Tandakan semuanya sebagai data demo." Architect membalas dengan rancangan ringkas (nama, skrin, rupa, ciri) dan mungkin bertanya sehingga tiga soalan apabila jawapannya mengubah binaan, setiap satu dengan jawapan cadangan yang boleh anda ketik.

Apabila anda memilih Build it, model menulis keseluruhan aplikasi sebagai satu dokumen HTML, dan anda boleh melihat kod itu muncul secara langsung. Binaan aplikasi baharu juga boleh dibuka dalam pelayar tanpa kepala pada lebar telefon dan komputer riba, ditangkap layar dan diklik, dengan ralat disalurkan semula untuk dibaiki, apabila perkhidmatan semakan itu tersedia.

Jadikan bahagian palsu jujur

Aplikasi Anticode berjalan dalam kotak pasir tanpa rangkaian, jadi apa-apa yang biasanya memerlukan pelayan disimulasikan dalam halaman: pengguna lain ialah orang sampel, mesej yang "dihantar" masuk ke senarai tempatan, dan skrin log masuk menerima apa sahaja. Aplikasi melabelkan semua ini sebagai data demo di tempat yang penting. Pastikan label itu kelihatan semasa ujian. Penguji yang menyangka mereka menggunakan sistem sebenar membuat pilihan yang berbeza dan lebih berisiko berbanding penguji yang tahu ia sebuah model, dan pada peringkat ini anda mahukan maklum balas jenis kedua.

Yang kekal ialah apa-apa yang disimpan aplikasi dalam pelayar penguji sendiri. Jika seseorang menambah tiga item, menutup tab dan kembali esok, item itu masih ada pada peranti tersebut. Itu cukup untuk kajian diari selama seminggu, asalkan setiap penguji menggunakan satu telefon atau komputer riba sahaja.

Menjalankan sesi dan mengubah binaan

1. Terbitkan prototaip ke alamat anticode.dev dan hantar pautan kepada penguji. Tiada apa-apa perlu dipasang.
2. Untuk pihak berkepentingan, hantar pautan semakan pelanggan: mereka boleh membuka pratonton semasa tanpa akaun dan meninggalkan komen yang dikaitkan dengan sesuatu bahagian. Pautan tamat tempoh selepas 14 hari secara lalai dan anda boleh membatalkannya.
3. Selepas setiap pusingan, minta perubahan dalam bahasa biasa ("alihkan butang tukar ke setiap kad syif"). Simpanan terbaharu disimpan dalam sejarah versi (sehingga bilangan yang ditetapkan oleh pelan anda), jadi anda boleh menunjukkan pusingan pertama dan ketiga bersebelahan atau kembali ke versi lama.

Apa yang tidak boleh diuji oleh prototaip satu pelayar

Fahami sempadannya dengan jelas. Prototaip dalam kotak pasir berjalan pada satu peranti pada satu masa, jadi ia tidak boleh menguji:

• Apa-apa antara orang: pemberitahuan sebenar, senarai dikongsi, dua penguji melihat perubahan masing-masing.
• Log masuk, kebenaran atau pemulihan akaun yang sebenar.
• Data luar secara langsung, pembayaran, atau ciri AI dalam aplikasi (ia hanya boleh ditiru dengan respons sampel tetap).
• Prestasi dengan jumlah data sebenar atau rangkaian yang perlahan.

Apabila idea itu lulus ujian, eksport Next.js ialah langkah ke arah produk sebenar. Ia meliputi binaan aplikasi dan memberi anda projek App Router standard dalam TypeScript dengan Postgres melalui Prisma, log masuk e-mel, peranan pelanggan dan kakitangan serta kawasan pentadbir. Ia titik permulaan yang akan diperluaskan oleh pembangun, bukan aplikasi berbilang pengguna yang siap, dan anda boleh menolaknya ke repositori GitHub pilihan anda. Panduan mengeksport ke Next.js menerangkan kandungannya. Jika anda memerlukan ciri berbilang pengguna untuk produksi tanpa menulis kod, alat tanpa kod yang mempunyai backend mungkin lebih sesuai berbanding kedua-duanya.

Soalan lazim

Adakah ini penjana prototaip aplikasi AI atau alat reka bentuk?

Ia membina kod yang berfungsi, bukan bingkai pada kanvas. Anda mendapat aplikasi sebenar dalam pelayar, yang sesuai untuk ujian kebolehgunaan; jika anda memerlukan fail reka bentuk tahap piksel untuk pasukan reka bentuk, gunakan alat reka bentuk bersamanya.

Bolehkah penguji menggunakannya pada telefon mereka?

Boleh. Aplikasi yang diterbitkan ialah halaman web yang berfungsi dalam pelayar telefon, dan apa-apa yang disimpannya kekal pada telefon itu.

Bolehkah saya melihat apa yang dimasukkan oleh penguji?

Bukan apa yang mereka simpan dalam aplikasi, yang kekal pada peranti mereka. Jika anda menambah borang maklum balas atau hubungan, penyerahan itu sampai kepada anda melalui e-mel dan dalam papan pemuka.

Adakah prototaip itu menjadi aplikasi sebenar?

Ia boleh menjadi titik permulaan. Eksport Next.js menukarnya menjadi projek dengan pangkalan data dan log masuk yang boleh dibangunkan lagi oleh pembangun.