Laluan builder anda
5 / 6 chapterChapter ini
Step 1 daripada 3Tindakan seterusnya
Guna main action
Ujinya seperti user anda
Cuba main action sendiri, dari mula hingga habis. Untuk alat browser-local, tambah, sunting, padam, simpan, kemudian refresh halaman.
Perlukan bantuan?
Halaman yang nampak cantik bukan bukti bahawa action-nya berfungsi. Klik benda yang user anda akan klik.
Untuk step ini
Buat tepat apa yang user anda akan buat, dari mula hingga habis, tanpa menyentuh code.
- Guna main action dari brief anda.
- Klik setiap butang dan pautan sekali.
- Untuk alat browser-local: tambah, sunting, padam, simpan, kemudian refresh.
Ujian refresh
Kalau alat anda menyimpan data, refresh halaman selepas menyimpan. Data yang hilang selepas refresh sebenarnya tidak pernah disimpan, ia hanya dipaparkan.
Halaman yang nampak cantik bukan bukti bahawa action-nya berfungsi. Klik benda yang user anda akan klik.
Untuk step ini
Dalam Chrome atau Edge tekan F12 untuk buka developer tools, kemudian
Ctrl+Shift+M (Mac Cmd+Shift+M) untuk hidupkan device toolbar dan pilih satu
telefon. Kalau itu terasa rumit, seret sahaja tetingkap browser sehingga ia
lebih sempit daripada tapak tangan anda.
| Perhatikan | Lulus |
|---|---|
| Skrol ke tepi | Tiada |
| Teks | Boleh dibaca tanpa zum |
| Butang | Boleh ditekan dengan ibu jari, tidak bertindih |
| Main action | Masih berfungsi pada lebar ini |
Kalau ada yang rosak, minta coach beri pembetulan terkecil untuk satu kawalan itu. Jangan reka semula halaman.
Untuk step ini
Banding apa yang anda ada dengan project-brief.md dan design.md. Betulkan
apa-apa yang menghalang main action, kemudian rekod semakan dalam
build-status.md: apa yang anda uji, pada lebar mana, dan apa yang lulus.
| Tahap | Bukti |
|---|---|
| Minimum | Screenshot main action yang berfungsi |
| Baik | Rakaman skrin pendek keseluruhan aliran |
| Kuat | Pautan hidup yang orang lain boleh buka |
Ketiga-tiganya dikira. Simpan idea feature baharu untuk build seterusnya. Step ini menutup apa yang anda janjikan, bukan memanjangkannya.
Sebelum anda teruskan
Kesilapan biasa
- Menguji dengan membaca code dan bukan menggunakan halaman.
- Langkau ujian refresh pada alat yang menyimpan data.
- Anggap halaman yang hanya elok pada desktop sebagai siap.
- Betulkan susun atur yang rosak dengan meminta reka bentuk semula.
- Tambah satu lagi feature dan bukan merekod bukti.
Buat satu step pada satu masa. Tanda step hanya untuk paparan halaman ini, jadi tiada apa disimpan apabila anda keluar.