Panduan · Pembangunan Aplikasi

Modul 4: Kemas Kini UI/UX tanpa Merosakkan Fungsi

Daripada keputusan manusia kepada arahan AI yang jelas, boleh diuji dan boleh diaudit.

Audit dan perbaiki pengalaman pengguna, reka bentuk responsif, kebolehcapaian serta keadaan antara muka secara berperingkat.

Hasil pembelajaran

Antara muka yang lebih jelas dan konsisten dengan bukti bahawa fungsi utama masih berjalan.

Gunakan contoh rekaan atau data yang telah dinyahkenal pasti. Jangan tampal kata laluan, kunci API, dokumen sulit atau data peribadi sensitif ke perkhidmatan AI awam.

Aliran kerja

  1. Audit tugas pengguna dan masalah kebolehgunaan.
  2. Tetapkan hierarki, komponen dan token reka bentuk.
  3. Perbaiki satu aliran pada satu masa.
  4. Uji desktop, mudah alih, papan kekunci dan keadaan ralat.

Master Prompt Template

Bertindak sebagai pereka produk dan jurutera UI/UX yang memahami aplikasi web Python.

Konteks aplikasi:
[TAMPAL SPESIFIKASI, TANGKAP LAYAR ATAU SENARAI HALAMAN]

Tugas:
1. Audit setiap aliran utama berdasarkan kejelasan, beban kognitif, konsistensi, responsif dan kebolehcapaian.
2. Senaraikan isu dengan tahap Kritikal/Tinggi/Sederhana/Rendah serta bukti lokasi.
3. Cadangkan hierarki maklumat, navigasi, komponen dan token reka bentuk yang konsisten.
4. Sertakan keadaan loading, kosong, berjaya, ralat dan disabled.
5. Pastikan borang mempunyai label, mesej pengesahan dan fokus papan kekunci yang jelas.
6. Sediakan pelan perubahan kecil yang mengekalkan route, data dan fungsi sedia ada.
7. Laksanakan perubahan yang diluluskan dan tambah ujian regresi bagi aliran kritikal.

Kekangan:
- Jangan ubah logik perniagaan tanpa keperluan.
- Jangan menambah animasi yang mengganggu atau komponen tanpa tujuan.
- Gunakan semula sistem reka bentuk sedia ada jika wujud.
- Laporkan paparan yang diuji dan sebarang batasan.

Latihan praktikal

Pilih satu aliran seperti pendaftaran atau penciptaan rekod. Bandingkan sebelum dan selepas menggunakan lima tugas pengguna serta saiz skrin berbeza.

Senarai semak tamat modul

  • Hierarki dan tindakan utama jelas.
  • Keadaan kosong dan ralat disediakan.
  • Papan kekunci dan fokus diuji.
  • Ujian regresi fungsi utama lulus.