Alur pengguna: Apa itu dan mengapa hal itu penting dalam desain UX13 min read

UX yang hebat tidak dimulai dengan piksel. Hal ini dimulai dengan memahami apa yang pengguna coba lakukan, di mana mereka memasuki suatu produk, keputusan apa yang perlu mereka ambil, dan jalur apa yang membawa mereka menuju hasil yang sukses.

Jalan itu disebut a aliran pengguna.

Alur pengguna adalah peta visual dari langkah-langkah yang diambil seseorang melalui aplikasi, situs web, atau tugas tertentu. Ini dapat menunjukkan pengalaman produk lengkap, seperti masuk ke aplikasi SaaS, atau alur yang lebih kecil, seperti mendaftar, memesan demo, berlangganan buletin, atau menyelesaikan pembayaran.

Untuk desainer, tim produk, dan pendiri UX, alur pengguna adalah salah satu cara paling sederhana untuk merancang antarmuka yang lebih baik sebelum beralih ke layar mendetail. Mereka membantu Anda melihat di mana pengguna mungkin merasa bingung, di mana suatu alur memiliki terlalu banyak langkah, dan layar mana yang sebenarnya perlu Anda desain.

Dalam panduan ini, kami akan menjelaskan apa itu alur pengguna, cara membacanya, kapan membuatnya, dan bagaimana alur tersebut mendukung desain UX yang lebih baik.

Coba rancang alur pengguna dengan AI

Jelaskan alur pengguna yang ingin Anda desain, lalu biarkan Anima mengubahnya menjadi UX, layar, dan kode.

Apa itu alur pengguna?

SEBUAH aliran pengguna adalah diagram yang menunjukkan jalur yang diambil pengguna untuk menyelesaikan tujuan di dalam suatu produk. Dalam desain UX, produk tersebut biasanya berupa aplikasi, situs web, aplikasi web, atau layanan digital.

Alur pengguna dimulai dengan titik masuk, seperti beranda, laman landas, hasil penelusuran, tautan email, layar masuk, atau keranjang belanja. Itu diakhiri dengan interaksi akhir, seperti membuat akun, menyelesaikan pembelian, mengirimkan formulir, menerbitkan proyek, atau mencapai halaman konfirmasi.

Alur pengguna dapat mewakili:

• Perjalanan produk lengkap, seperti menemukan, mendaftar, dan menggunakan aplikasi baru
• Satu tugas, seperti menyetel ulang kata sandi atau meningkatkan versi paket
• Alur fitur, seperti membuat proyek, mengundang rekan satu tim, atau mengekspor desain
• Alur antarmuka pengguna, menunjukkan bagaimana layar terhubung di dalam produk

Tujuannya sederhana: memperjelas jalur pengguna sebelum Anda mendesain antarmuka secara detail.

Contoh struktur alur pengguna dasar

Alur pengguna vs alur antarmuka pengguna

Persyaratannya aliran pengguna dan aliran antarmuka pengguna berhubungan erat.

Alur pengguna berfokus pada jalur pengguna menuju suatu tujuan. Ini menjawab pertanyaan seperti:

• Di mana pengguna memulai?
• Tindakan apa yang ingin mereka selesaikan?
• Keputusan apa yang mereka ambil selama ini?
• Apa yang terjadi jika mereka berhasil, gagal, atau mengambil jalan berbeda?

Alur antarmuka pengguna berfokus lebih spesifik pada bagaimana layar, status, tombol, formulir, dan elemen antarmuka terhubung. Ini menjawab pertanyaan seperti:

• Layar mana yang muncul setelah ini?
• Apa yang terjadi jika pengguna mengklik tombol ini?
• Kemana arah keadaan kesalahan ini?
• Apa yang dilihat pengguna setelah mengirimkan formulir?

Dalam praktiknya, tim UX sering menggunakan keduanya secara bersamaan. Alur pengguna menentukan jalurnya. Alur antarmuka pengguna membuat jalur tersebut menjadi nyata di dalam produk UI.

Cara membaca alur pengguna

Alur pengguna menjabarkan langkah-langkah yang diambil pengguna dari titik masuk hingga interaksi akhir. Setiap langkah biasanya diwakili oleh sebuah bentuk, disebut juga node. Node-node tersebut dihubungkan oleh panah yang menunjukkan arah pergerakan.

Kebanyakan diagram alur pengguna menggunakan bahasa visual sederhana:

• Lingkaran atau oval: Titik awal atau akhir
• Persegi panjang: Layar, halaman, atau tindakan
• berlian: Titik keputusan, seperti ya/tidak, berhasil/gagal, atau memilih jalan
• Panah: Arah pergerakan antar langkah

Komponen alur pengguna dijelaskan

Misalnya, alur pendaftaran pengguna yang sederhana mungkin terlihat seperti ini:

1. Pengguna mendarat di beranda
2. Pengguna mengklik “Mulai gratis”
3. Pengguna memasukkan email dan kata sandi
4. Sistem memeriksa apakah email tersebut valid
5. Pengguna mengonfirmasi akun
6. Pengguna mencapai layar orientasi
7. Pengguna menyelesaikan pengaturan
8. Pengguna mendarat di dasbor

Contoh alur pengguna seperti ini membantu tim memahami pengalaman sebelum merancang setiap layar.

Contoh alur pengguna

Alur pengguna menjadi lebih mudah dipahami saat Anda menghubungkannya dengan tugas produk nyata. Berikut adalah beberapa contoh alur pengguna umum yang dibuat tim UX selama perencanaan produk.

Alur pendaftaran pengguna

Alur pengguna pendaftaran memetakan bagaimana pengunjung baru menjadi pengguna terdaftar.

1. Kunjungi halaman arahan
2. Klik daftar CTA
3. Pilih metode pendaftaran
4. Masukkan detail akun
5. Verifikasi email
6. Selesaikan orientasi
7. Jangkau dasbor produk

Alur ini membantu tim mengurangi gesekan pada pengalaman pertama. Jika pendaftaran memiliki terlalu banyak langkah, kolom formulir tidak jelas, atau status verifikasi membingungkan, pengguna mungkin berhenti sebelum mereka melihat produk.

Alur pengguna checkout

Alur pengguna checkout memetakan bagaimana pengguna berpindah dari minat produk ke pembelian.

1. Lihat halaman produk atau harga
2. Tambahkan item atau pilih paket
3. Tinjau detail keranjang atau paket
4. Masukkan informasi pembayaran
5. Konfirmasikan pembelian
6. Capai halaman sukses atau tanda terima

Alur ini sangat penting terutama untuk produk e-niaga, SaaS, dan langganan karena setiap langkah tambahan dapat memengaruhi konversi.

Alur pengguna login dan reset kata sandi

Alur login memetakan cara pengguna kembali mengakses akun mereka, termasuk kasus edge.

1. Buka halaman masuk
2. Masukkan kredensial
3. Sistem memvalidasi masukan
4. Pengguna berhasil masuk atau melihat kesalahan
5. Jika diperlukan, pengguna memulai pengaturan ulang kata sandi
6. Pengguna mengonfirmasi email
7. Pengguna menetapkan kata sandi baru
8. Pengguna kembali ke produk

Contoh alur pengguna untuk proses login (alur tugas)

Alur orientasi pengguna

Alur orientasi pengguna memetakan bagaimana pengguna baru mencapai momen produk pertama mereka yang sukses.

1. Buat akun
2. Jawab pertanyaan pengaturan
3. Pilih template atau titik awal
4. Selesaikan tindakan pertama
5. Lihat status sukses
6. Lanjutkan ke dalam produk

Untuk produk AI, alat desain, dan aplikasi produktivitas, alur orientasi sangat penting karena pengguna perlu memahami apa yang harus dilakukan selanjutnya dengan cepat.

Kapan membuat alur pengguna

Buat alur pengguna di awal proses desain, idealnya setelah riset pengguna awal dan sebelum desain UI dengan fidelitas tinggi.

Pada tahap ini, alur pengguna membantu Anda:

• Putuskan layar mana yang perlu ada
• Hapus langkah-langkah yang tidak perlu
• Identifikasi poin keputusan yang membingungkan
• Sejajarkan tim di sekitar struktur produk
• Rencana prototipe lebih cepat
• Hindari mendesain layar yang dipoles untuk jalur yang rusak

Alur pengguna juga berguna di kemudian hari dalam siklus hidup produk. Jika antarmuka yang ada berkinerja buruk, alur pengguna dapat membantu Anda mendiagnosis di mana orang-orang berhenti, mengulang, atau gagal menyelesaikan tugas-tugas utama.

Dengan kata lain, arus pengguna tidak hanya untuk produk baru. Mereka juga berguna untuk menyempurnakan produk yang sudah ada.

Peran alur pengguna dalam desain UX

Alur pengguna adalah bagian inti dari desain UX karena menghubungkan tujuan pengguna dengan struktur produk. Sebelum Anda mengkhawatirkan tentang spasi, tipografi, hierarki visual, atau komponen, Anda perlu mengetahui apa yang ingin dicapai pengguna dan bagaimana produk membantu mereka mencapainya.

Alur pengguna membantu tim UX melakukan tiga hal penting.

1. Buat antarmuka yang lebih intuitif

Alur pengguna yang jelas membuat antarmuka akhir lebih mudah dipahami.

Saat Anda memetakan aliran sebelum mendesain, Anda dapat melihat gesekan sejak dini. Mungkin pengguna harus membuat keputusan sebelum mereka memiliki informasi yang cukup. Mungkin suatu formulir muncul terlalu cepat. Mungkin langkah konfirmasinya hilang. Mungkin ada tiga layar yang satu saja sudah cukup.

Jika alurnya membingungkan, antarmukanya mungkin juga akan membingungkan.

2. Evaluasi antarmuka yang ada

Alur pengguna adalah cara terbaik untuk mengoptimalkan produk yang ada yang mungkin tidak berkonversi atau dipertahankan seperti yang diharapkan. Jika pengguna tidak mengonversi, mengaktifkan, atau menyelesaikan tugas penting, petakan alur saat ini.

Anda mungkin menemukan bahwa pengguna diarahkan ke layar yang salah, dimintai terlalu banyak informasi, atau dipaksa melalui jalur yang tidak sesuai dengan maksud mereka.

3. Sampaikan strategi Anda kepada anggota tim dan pemangku kepentingan

Alur pengguna sangat bagus untuk kolaborasi. Mereka memberi para desainer, pengembang, PM, pengambil keputusan, dan pemangku kepentingan peta pengalaman bersama.

Desainer dapat menggunakan alur untuk merencanakan layar. Pengembang dapat menggunakannya untuk memahami status dan kasus edge. PM dapat menggunakannya untuk memperjelas persyaratan. Pemangku kepentingan dapat menggunakannya untuk meninjau logika pengalaman sebelum tim berinvestasi dalam desain atau implementasi terperinci.

Alur pengguna juga dapat membantu pengembang memahami keseluruhannya struktur di belakang prototipe akhir Anda, yang membuat serah terima lebih efisien.

Perjalanan pengguna vs alur pengguna

Perjalanan pengguna dan alur pengguna sering kali membingungkan, namun keduanya bukanlah hal yang sama.

SEBUAH perjalanan pengguna menceritakan kisah yang lebih luas tentang hubungan pengguna dengan suatu produk. Biasanya mencakup tujuan, emosi, motivasi, titik kesulitan, dan titik kontak pengguna sebelum, selama, dan setelah penggunaan produk.

SEBUAH aliran pengguna berfokus pada jalur yang diambil pengguna di dalam produk untuk menyelesaikan tujuan tertentu.

Perbedaan utama

Keduanya berguna. Perjalanan ini membantu Anda memahami konteks pengguna. Alurnya membantu Anda merancang jalur sebenarnya melalui antarmuka.

Cara membuat alur pengguna

Anda dapat membuat alur pengguna dengan papan tulis, alat desain, alat diagram, atau alat desain AI. Formatnya kurang penting dibandingkan kejelasan jalannya.

1. Tentukan tujuan pengguna

Mulailah dengan tindakan yang ingin diselesaikan pengguna.

• Buat akun
• Beli suatu produk
• Pesan demo
• Publikasikan situs web
• Undang rekan satu tim
• Ekspor desain ke kode

Alur pengguna harus dibangun berdasarkan tujuan tertentu, bukan area produk yang tidak jelas.

2. Pilih titik masuk

Putuskan di mana pengguna memulai. Contohnya mencakup beranda, halaman harga, hasil pencarian, kampanye email, dasbor aplikasi, notifikasi, atau tautan bersama.

Titik masuk yang berbeda dapat menciptakan aliran yang berbeda. Pengguna kembali dan pengunjung pertama kali mungkin tidak memerlukan jalur yang sama.

3. Petakan jalan bahagia

Jalan bahagia adalah jalan sukses yang paling sederhana dari awal sampai akhir.

1. Pengguna membuka halaman harga
2. Pengguna memilih paket
3. Pengguna membuat akun
4. Pengguna memasukkan rincian pembayaran
5. Pengguna mengonfirmasi pembelian
6. Pengguna mendarat di halaman sukses

Ini memberi Anda pengalaman dasar.

4. Tambahkan keputusan dan kasus tepi

Pengguna sebenarnya tidak selalu mengikuti jalur yang sempurna. Tambahkan poin keputusan seperti:

• Apakah pengguna sudah memiliki akun?
• Apakah formulirnya valid?
• Apakah pembayaran berhasil?
• Apakah pengguna memilih penagihan bulanan atau tahunan?
• Apakah pengguna memiliki izin untuk melanjutkan?
• Apa yang terjadi jika pengguna membatalkan?

Cabang-cabang inilah yang mengubah jalur sederhana menjadi alur pengguna desain UX yang nyata.

5. Sederhanakan alurnya

Setelah aliran dipetakan, carilah gesekan.

• Bisakah kita menghapus satu langkah?
• Bisakah kita menggabungkan layar?
• Apakah kita meminta informasi terlalu dini?
• Apakah tindakan selanjutnya sudah jelas?
• Apakah ada jalan buntu?
• Apakah status kesalahan jelas?
• Apakah pengguna selalu tahu apa yang terjadi?

Alur pengguna terbaik terasa jelas karena kompleksitasnya telah diselesaikan di balik layar.

Singkatnya, alur pengguna

Alur pengguna adalah peta struktural untuk desain produk. Mereka menunjukkan bagaimana pengguna berpindah melalui aplikasi, situs web, atau tugas dari titik masuk hingga interaksi akhir.

Alur pengguna yang kuat:

• Dimulai dengan tujuan pengguna yang jelas
• Menunjukkan titik masuk pengguna
• Memetakan langkah, layar, dan keputusan di jalur tersebut
• Termasuk kasus tepi yang penting
• Membantu tim mengidentifikasi gesekan sebelum desain UI mendetail
• Memudahkan serah terima bagi desainer, pengembang, PM, dan pemangku kepentingan

Untuk tim UX, alur pengguna adalah salah satu alat paling praktis untuk mengubah riset pengguna menjadi struktur antarmuka. Mereka membantu Anda mendesain dengan niat alih-alih menebak-nebak layar demi layar.

FAQ: Arus pengguna

Apa itu alur pengguna?

Alur pengguna adalah diagram yang menunjukkan jalur yang diambil pengguna melalui aplikasi, situs web, atau tugas produk. Mereka biasanya dimulai pada titik masuk, seperti halaman beranda atau layar login, dan berakhir ketika pengguna menyelesaikan tujuan, seperti mendaftar, membeli, atau mengirimkan formulir.

Apa alur pengguna dalam desain UX?

Dalam desain UX, alur pengguna memetakan langkah, layar, keputusan, dan tindakan yang diambil pengguna untuk menyelesaikan suatu tujuan. Tim UX menggunakan alur pengguna untuk merencanakan struktur produk, mengurangi gesekan, dan merancang antarmuka yang lebih jelas sebelum membuat layar dengan ketelitian tinggi.

Apa perbedaan antara alur pengguna dan perjalanan pengguna?

Perjalanan pengguna menunjukkan pengalaman yang lebih luas, termasuk motivasi pengguna, emosi, titik kesulitan, dan titik kontak. Alur pengguna berfokus pada jalur spesifik yang diambil pengguna di dalam produk untuk menyelesaikan tugas.

Apa yang dimaksud dengan alur antarmuka pengguna?

Alur antarmuka pengguna menunjukkan bagaimana layar, status UI, tombol, formulir, dan interaksi terhubung di dalam produk. Hal ini terkait erat dengan alur pengguna, namun berfokus lebih spesifik pada jalur tingkat antarmuka.

Kapan sebaiknya Anda membuat alur pengguna?

Buat alur pengguna setelah riset pengguna awal dan sebelum desain UI mendetail. Anda juga dapat membuat alur pengguna nanti untuk mengaudit produk yang sudah ada, mendiagnosis penurunan produk, atau meningkatkan konversi.

Apa saja contoh alur pengguna?

Contoh alur pengguna yang umum mencakup alur pendaftaran, alur checkout, alur orientasi, alur login, alur pengaturan ulang kata sandi, alur pemesanan, alur peningkatan, dan alur undangan rekan satu tim.

Mengapa alur pengguna penting?

Alur pengguna membantu tim memahami bagaimana pengguna menelusuri suatu produk sebelum berinvestasi dalam desain atau pengembangan terperinci. Mereka mengungkapkan adanya gesekan, langkah-langkah yang hilang, keputusan yang membingungkan, dan kerumitan yang tidak perlu di awal proses.

Bagaimana Anda membuat pengguna mengalir?

Mulailah dengan tujuan pengguna, pilih titik masuk, petakan jalur yang menyenangkan, tambahkan keputusan dan kasus tepi, lalu sederhanakan jalurnya. Gunakan lingkaran atau oval untuk titik awal dan akhir, persegi panjang untuk layar atau tindakan, berlian untuk keputusan, dan panah untuk menunjukkan arah.

Coba Anima Playground untuk alur pengguna dan desain UX

Anima Playground memungkinkan Anda beralih dari ide produk ke alur, desain, dan kode kerja UX di browser. Jelaskan pengalaman yang ingin Anda bangun, sempurnakan dengan AI, dan ubah hasilnya menjadi produk interaktif nyata.

Mulai mendesain dengan Anima Playground.