<h2>Ringkasan</h2>
<p>Form adalah salah satu bagian UI yang paling sering membuat pengguna berhenti. Error yang terlambat, label yang tidak jelas, dan state submit yang ambigu bisa membuat pengalaman terasa melelahkan.</p>
<p>Form yang baik memberi arahan sejak awal.</p>
<h2>Label dan Bantuan</h2>
<p>Setiap input perlu label yang jelas. Placeholder tidak boleh menjadi satu-satunya label karena hilang saat pengguna mengetik.</p>
<p>Gunakan helper text untuk menjelaskan format atau ekspektasi sebelum error terjadi.</p>
<h2>Validasi yang Tepat Waktu</h2>
<p>Validasi terlalu cepat bisa terasa mengganggu. Validasi terlalu lambat membuat pengguna baru tahu kesalahan setelah submit.</p>
<p>Pola yang sering nyaman:</p>
<ul>
<li>Validasi format setelah field disentuh.</li>
<li>Validasi wajib saat submit.</li>
<li>Error server ditampilkan dekat field yang relevan.</li>
</ul>
<h2>State Submit</h2>
<p>Saat form disubmit, tombol perlu memberi sinyal loading dan mencegah double submit. Setelah berhasil, beri feedback yang jelas.</p>
<pre><code class="language-tsx">&#x3C;button disabled={isSubmitting}>{isSubmitting ? 'Saving...' : 'Save'}&#x3C;/button>
</code></pre>
<h2>Penutup</h2>
<p>Form UX yang baik mengurangi tebakan. Label jelas, validasi tepat waktu, dan feedback submit membuat pengguna merasa lebih percaya diri.</p>


Prinsip desain dan implementasi form agar validasi, error, dan submit terasa jelas.