Memahami User — Personas dan User Flows
Sebelum mendesain, kita harus memahami siapa yang akan menggunakan produk dan bagaimana mereka menggunakannya.
User Persona
Persona adalah representasi fiktif dari target user berdasarkan data nyata:
Contoh Persona:
Rina, 28 tahun — Junior Web Developer
- Baru belajar coding 1 tahun
- Menggunakan HP Android mid-range
- Koneksi internet kadang lambat
- Tujuan: belajar web development secara terstruktur
- Frustasi: tutorial yang terlalu teknis tanpa penjelasan konteks
Mengapa Persona Penting?
- Fokus desain — "Apakah Rina akan mengerti ini?" lebih konkret dari "apakah user akan mengerti?"
- Empati — membantu tim memahami kebutuhan user yang berbeda dari mereka
- Keputusan — saat ada disagreement, kembali ke "apa yang terbaik untuk persona kita?"
User Flow
User flow adalah diagram langkah-langkah yang dilalui user untuk menyelesaikan tugas:
Landing Page → Klik "Mulai Belajar" → Sign Up Form
→ Verifikasi Email → Pilih Learning Path → Lesson Pertama
Cara Membuat User Flow
- Tentukan goal — apa yang ingin user capai?
- Identifikasi entry point — dari mana user mulai?
- Map setiap langkah — termasuk decision points dan error paths
- Simplify — kurangi langkah, hapus yang tidak perlu
Journey Mapping
Journey map lebih detail dari user flow — mencakup emosi user di setiap tahap:
| Tahap | Aksi | Emosi | Pain Point |
|---|---|---|---|
| Discovery | Cari tutorial | Excited | Terlalu banyak pilihan |
| Sign Up | Isi form | Neutral | Form terlalu panjang |
| First Lesson | Mulai belajar | Engaged | Loading lambat |
| Stuck | Tidak mengerti | Frustrated | Tidak ada help |
Tips untuk Developer
- Baca persona saat mulai mengerjakan fitur — ini konteks penting
- Trace user flow sebelum coding — pastikan alur logis
- Edge cases = real cases — user dengan internet lambat, device tua, screen reader