Aliran pengguna: Apakah itu dan mengapa ia penting dalam reka bentuk UX13 min read

UX yang hebat tidak bermula dengan piksel. Ia bermula dengan memahami perkara yang pengguna cuba lakukan, di mana mereka memasuki produk, keputusan yang perlu mereka buat dan jalan yang membawa mereka kepada hasil yang berjaya.

Jalan itu dipanggil a aliran pengguna.

Aliran pengguna ialah peta visual tentang langkah yang diambil oleh seseorang melalui apl, tapak web atau tugasan tertentu. Ia boleh menunjukkan pengalaman produk penuh, seperti masuk ke dalam apl SaaS, atau aliran yang lebih kecil, seperti mendaftar, menempah demo, melanggan surat berita atau melengkapkan pembayaran.

Untuk pereka bentuk, pasukan produk dan pengasas UX, aliran pengguna ialah salah satu cara paling mudah untuk mereka bentuk antara muka yang lebih baik sebelum memberi komitmen kepada skrin terperinci. Mereka membantu anda melihat di mana pengguna mungkin keliru, di mana aliran mempunyai terlalu banyak langkah, dan skrin yang anda perlu reka bentuk.

Dalam panduan ini, kami akan menerangkan aliran pengguna, cara membacanya, masa untuk menciptanya dan cara mereka menyokong reka bentuk UX yang lebih baik.

Cuba reka bentuk aliran pengguna dengan AI

Terangkan aliran pengguna yang anda ingin reka bentuk, kemudian biarkan Anima mengubahnya menjadi UX, skrin dan kod.

Apakah aliran pengguna?

A aliran pengguna ialah gambar rajah yang menunjukkan laluan yang diambil oleh pengguna untuk melengkapkan matlamat di dalam produk. Dalam reka bentuk UX, produk itu biasanya merupakan apl, tapak web, apl web atau perkhidmatan digital.

Aliran pengguna bermula dengan titik masuk, seperti halaman utama, halaman pendaratan, hasil carian, pautan e-mel, skrin log masuk atau troli beli-belah. Ia berakhir dengan interaksi terakhir, seperti membuat akaun, melengkapkan pembelian, menyerahkan borang, menerbitkan projek atau mencapai halaman pengesahan.

Aliran pengguna boleh mewakili:

• Perjalanan produk penuh, seperti menemui, mendaftar dan menggunakan apl baharu
• Satu tugas, seperti menetapkan semula kata laluan atau menaik taraf pelan
• Aliran ciri, seperti membuat projek, menjemput rakan sepasukan atau mengeksport reka bentuk
• Aliran antara muka pengguna, menunjukkan cara skrin bersambung di dalam produk

Matlamatnya mudah: jelaskan laluan pengguna sebelum anda mereka bentuk antara muka secara terperinci.

Contoh struktur aliran pengguna asas

Aliran pengguna vs aliran antara muka pengguna

Syarat-syarat aliran pengguna dan aliran antara muka pengguna berkait rapat.

Aliran pengguna memfokuskan pada laluan pengguna ke arah matlamat. Ia menjawab soalan seperti:

• Di manakah pengguna bermula?
• Apakah tindakan yang mereka cuba selesaikan?
• Apakah keputusan yang mereka buat sepanjang perjalanan?
• Apa yang berlaku jika mereka berjaya, gagal, atau mengambil laluan yang berbeza?

Aliran antara muka pengguna memberi tumpuan lebih khusus pada cara skrin, keadaan, butang, borang dan elemen antara muka bersambung. Ia menjawab soalan seperti:

• Skrin mana yang datang selepas ini?
• Apakah yang berlaku apabila pengguna mengklik butang ini?
• Ke manakah keadaan ralat ini membawa?
• Apakah yang pengguna lihat selepas menyerahkan borang?

Dalam amalan, pasukan UX sering menggunakan kedua-duanya bersama-sama. Aliran pengguna mentakrifkan laluan. Aliran antara muka pengguna menjadikan laluan itu konkrit di dalam produk UI.

Cara membaca aliran pengguna

Aliran pengguna membentangkan langkah yang diambil pengguna dari titik masuk ke interaksi akhir. Setiap langkah biasanya diwakili oleh bentuk, juga dipanggil nod. Nod disambungkan dengan anak panah yang menunjukkan arah pergerakan.

Kebanyakan rajah aliran pengguna menggunakan bahasa visual yang mudah:

• Bulatan atau bujur: Titik mula atau tamat
• segi empat tepat: Skrin, halaman atau tindakan
• berlian: Titik keputusan, seperti ya/tidak, kejayaan/gagal, atau pilih jalan
• anak panah: Arah pergerakan antara langkah

Komponen aliran pengguna dijelaskan

Sebagai contoh, aliran pengguna pendaftaran mudah mungkin kelihatan seperti ini:

1. Pengguna mendarat di halaman utama
2. Pengguna mengklik “Mulakan percuma”
3. Pengguna memasukkan e-mel dan kata laluan
4. Sistem menyemak sama ada e-mel itu sah
5. Pengguna mengesahkan akaun
6. Pengguna mencapai skrin onboarding
7. Pengguna melengkapkan persediaan
8. Pengguna mendarat di papan pemuka

Contoh aliran pengguna jenis ini membantu pasukan memahami pengalaman sebelum mereka bentuk setiap skrin.

Contoh aliran pengguna

Aliran pengguna menjadi lebih mudah difahami apabila anda menyambungkannya kepada tugasan produk sebenar. Berikut ialah beberapa contoh aliran pengguna biasa yang dibuat oleh pasukan UX semasa perancangan produk.

Aliran pengguna pendaftaran

Aliran pengguna pendaftaran memetakan cara pelawat baharu menjadi pengguna berdaftar.

1. Lawati halaman pendaratan
2. Klik CTA pendaftaran
3. Pilih kaedah pendaftaran
4. Masukkan butiran akaun
5. Sahkan e-mel
6. Penyertaan lengkap
7. Capai papan pemuka produk

Aliran ini membantu pasukan mengurangkan geseran dalam pengalaman pertama. Jika pendaftaran mempunyai terlalu banyak langkah, medan borang yang tidak jelas atau keadaan pengesahan yang mengelirukan, pengguna boleh berhenti sebelum mereka melihat produk tersebut.

Aliran pengguna checkout

Aliran pengguna pembayaran memetakan cara pengguna beralih daripada minat produk kepada pembelian.

1. Lihat halaman produk atau harga
2. Tambah item atau pilih pelan
3. Semak butiran troli atau pelan
4. Masukkan maklumat pembayaran
5. Sahkan pembelian
6. Capai halaman kejayaan atau resit

Aliran ini amat penting untuk produk e-dagang, SaaS dan langganan kerana setiap langkah tambahan boleh menjejaskan penukaran.

Log masuk dan tetapan semula kata laluan aliran pengguna

Aliran log masuk memetakan cara pengguna kembali mengakses akaun mereka, termasuk kes tepi.

1. Buka halaman log masuk
2. Masukkan kelayakan
3. Sistem mengesahkan input
4. Pengguna berjaya log masuk atau melihat ralat
5. Jika perlu, pengguna memulakan tetapan semula kata laluan
6. Pengguna mengesahkan e-mel
7. Pengguna menetapkan kata laluan baharu
8. Pengguna kembali ke produk

Contoh aliran pengguna untuk proses log masuk (aliran tugas)

Aliran pengguna onboarding

Aliran pengguna terarah memetakan cara pengguna baharu mencapai detik produk pertama mereka yang berjaya.

1. Buat akaun
2. Jawab soalan persediaan
3. Pilih templat atau titik permulaan
4. Selesaikan tindakan pertama
5. Lihat keadaan kejayaan
6. Teruskan ke dalam produk

Untuk produk AI, alat reka bentuk dan apl produktiviti, aliran onboarding adalah penting kerana pengguna perlu memahami perkara yang perlu dilakukan seterusnya dengan cepat.

Bila hendak membuat aliran pengguna

Cipta aliran pengguna pada awal proses reka bentuk, sebaik-baiknya selepas penyelidikan awal pengguna dan sebelum reka bentuk UI kesetiaan tinggi.

Pada peringkat ini, aliran pengguna membantu anda:

• Tentukan skrin yang perlu wujud
• Keluarkan langkah yang tidak perlu
• Kenal pasti titik keputusan yang mengelirukan
• Selaraskan pasukan di sekeliling struktur produk
• Rancang prototaip lebih pantas
• Elakkan mereka bentuk skrin yang digilap untuk laluan yang rosak

Aliran pengguna juga berguna kemudian dalam kitaran hayat produk. Jika antara muka sedia ada kurang berprestasi, aliran pengguna boleh membantu anda mendiagnosis tempat orang berhenti, bergelung atau gagal menyelesaikan tugas utama.

Dengan kata lain, aliran pengguna bukan sahaja untuk produk baharu. Mereka juga berguna untuk menambah baik produk sedia ada.

Peranan aliran pengguna dalam reka bentuk UX

Aliran pengguna ialah bahagian teras reka bentuk UX kerana ia menghubungkan matlamat pengguna kepada struktur produk. Sebelum anda bimbang tentang jarak, tipografi, hierarki visual atau komponen, anda perlu tahu perkara yang pengguna cuba capai dan cara produk membantu mereka sampai ke sana.

Aliran pengguna membantu pasukan UX melakukan tiga perkara penting.

1. Cipta antara muka yang lebih intuitif

Aliran pengguna yang jelas menjadikan antara muka akhir lebih mudah difahami.

Apabila anda memetakan aliran sebelum mereka bentuk, anda boleh melihat geseran lebih awal. Mungkin pengguna perlu membuat keputusan sebelum mereka mempunyai maklumat yang mencukupi. Mungkin borang muncul terlalu cepat. Mungkin langkah pengesahan tiada. Mungkin terdapat tiga skrin di mana satu akan mencukupi.

Jika aliran mengelirukan, antara muka mungkin akan mengelirukan juga.

2. Menilai antara muka sedia ada

Aliran pengguna ialah cara terbaik untuk mengoptimumkan produk sedia ada yang mungkin tidak menukar atau mengekalkan seperti yang diharapkan. Jika pengguna tidak menukar, mengaktifkan atau menyelesaikan tugas penting, petakan aliran semasa.

Anda mungkin mendapati bahawa pengguna dihantar ke skrin yang salah, meminta terlalu banyak maklumat atau dipaksa melalui laluan yang tidak sepadan dengan niat mereka.

3. Sampaikan strategi anda kepada ahli pasukan dan pihak berkepentingan

Aliran pengguna bagus untuk kerjasama. Mereka memberi pereka bentuk, pembangun, PM, pembuat keputusan dan pihak berkepentingan peta pengalaman yang dikongsi.

Pereka bentuk boleh menggunakan aliran untuk merancang skrin. Pembangun boleh menggunakannya untuk memahami keadaan dan kes tepi. PM boleh menggunakannya untuk menjelaskan keperluan. Pihak berkepentingan boleh menggunakannya untuk menyemak logik pengalaman sebelum pasukan melabur dalam reka bentuk atau pelaksanaan terperinci.

Aliran pengguna juga boleh membantu pembangun memahami keseluruhannya struktur di belakang prototaip akhir anda, yang menjadikan lepas tangan lebih cekap.

Perjalanan pengguna vs aliran pengguna

Perjalanan pengguna dan aliran pengguna sering keliru, tetapi ia bukan perkara yang sama.

A perjalanan pengguna menceritakan kisah yang lebih luas tentang hubungan pengguna dengan produk. Ia biasanya termasuk matlamat pengguna, emosi, motivasi, titik kesakitan dan titik sentuh sebelum, semasa dan selepas penggunaan produk.

A aliran pengguna menumpukan pada laluan yang diambil pengguna dalam produk untuk melengkapkan matlamat tertentu.

Perbezaan utama

Kedua-duanya berguna. Perjalanan membantu anda memahami konteks pengguna. Aliran ini membantu anda mereka bentuk laluan sebenar melalui antara muka.

Cara membuat aliran pengguna

Anda boleh membuat aliran pengguna dengan papan putih, alat reka bentuk, alat gambar rajah atau alat reka bentuk AI. Format kurang penting daripada kejelasan laluan.

1. Tentukan matlamat pengguna

Mulakan dengan tindakan yang ingin diselesaikan oleh pengguna.

• Buat akaun
• Beli produk
• Tempah demo
• Terbitkan laman web
• Jemput rakan sepasukan
• Eksport reka bentuk kepada kod

Aliran pengguna harus dibina berdasarkan matlamat tertentu, bukan kawasan produk yang tidak jelas.

2. Pilih titik masuk

Tentukan di mana pengguna bermula. Contohnya termasuk halaman utama, halaman harga, hasil carian, kempen e-mel, papan pemuka apl, pemberitahuan atau pautan kongsi.

Titik masuk yang berbeza boleh mencipta aliran yang berbeza. Pengguna kembali dan pelawat kali pertama mungkin tidak memerlukan laluan yang sama.

3. Petakan jalan bahagia

Jalan bahagia adalah laluan paling mudah berjaya dari awal hingga akhir.

1. Pengguna membuka halaman harga
2. Pengguna memilih pelan
3. Pengguna mencipta akaun
4. Pengguna memasukkan butiran pembayaran
5. Pengguna mengesahkan pembelian
6. Pengguna mendarat di halaman kejayaan

Ini memberi anda pengalaman asas.

4. Tambah keputusan dan kes tepi

Pengguna sebenar tidak selalu mengikut jalan yang sempurna. Tambah mata keputusan seperti:

• Adakah pengguna sudah mempunyai akaun?
• Adakah borang itu sah?
• Adakah pembayaran berjaya?
• Adakah pengguna memilih pengebilan bulanan atau tahunan?
• Adakah pengguna mempunyai kebenaran untuk meneruskan?
• Apakah yang berlaku jika pengguna membatalkan?

Cawangan-cawangan inilah yang menjadikan laluan mudah kepada aliran pengguna reka bentuk UX sebenar.

5. Permudahkan aliran

Setelah aliran dipetakan, cari geseran.

• Bolehkah kita mengeluarkan satu langkah?
• Bolehkah kita menggabungkan skrin?
• Adakah kita meminta maklumat terlalu awal?
• Adakah tindakan seterusnya jelas?
• Adakah jalan buntu?
• Adakah keadaan ralat jelas?
• Adakah pengguna sentiasa tahu apa yang berlaku?

Aliran pengguna terbaik terasa jelas kerana kerumitan telah diselesaikan di belakang tabir.

Pengguna mengalir secara ringkas

Aliran pengguna ialah peta struktur untuk reka bentuk produk. Mereka menunjukkan cara pengguna bergerak melalui apl, tapak web atau tugasan dari titik masuk ke interaksi akhir.

Aliran pengguna yang kuat:

• Bermula dengan matlamat pengguna yang jelas
• Menunjukkan titik masuk pengguna
• Petakan langkah, skrin dan keputusan dalam laluan
• Termasuk kes tepi penting
• Membantu pasukan mengenal pasti geseran sebelum reka bentuk UI terperinci
• Menjadikan penyerahan lebih mudah untuk pereka bentuk, pembangun, PM dan pihak berkepentingan

Untuk pasukan UX, aliran pengguna ialah salah satu alat paling praktikal untuk menukar penyelidikan pengguna kepada struktur antara muka. Mereka membantu anda mereka bentuk dengan niat dan bukannya meneka skrin demi skrin.

FAQ: Aliran pengguna

Apakah aliran pengguna?

Aliran pengguna ialah gambar rajah yang menunjukkan laluan pengguna melalui apl, tapak web atau tugasan produk. Mereka biasanya bermula pada titik masuk, seperti halaman utama atau skrin log masuk, dan berakhir apabila pengguna melengkapkan matlamat, seperti mendaftar, membeli atau menyerahkan borang.

Apakah aliran pengguna dalam reka bentuk UX?

Dalam reka bentuk UX, aliran pengguna memetakan langkah, skrin, keputusan dan tindakan yang diambil pengguna untuk melengkapkan matlamat. Pasukan UX menggunakan aliran pengguna untuk merancang struktur produk, mengurangkan geseran dan mereka bentuk antara muka yang lebih jelas sebelum mencipta skrin ketepatan tinggi.

Apakah perbezaan antara aliran pengguna dan perjalanan pengguna?

Perjalanan pengguna menunjukkan pengalaman yang lebih luas, termasuk motivasi pengguna, emosi, titik kesakitan dan titik sentuh. Aliran pengguna memfokuskan pada laluan khusus yang diambil pengguna dalam produk untuk menyelesaikan tugas.

Apakah aliran antara muka pengguna?

Aliran antara muka pengguna menunjukkan cara skrin, UI menyatakan, butang, borang dan interaksi bersambung di dalam produk. Ia berkait rapat dengan aliran pengguna, tetapi ia memberi tumpuan lebih khusus pada laluan peringkat antara muka.

Bilakah anda perlu membuat aliran pengguna?

Buat aliran pengguna selepas penyelidikan awal pengguna dan sebelum reka bentuk UI terperinci. Anda juga boleh membuat aliran pengguna kemudian untuk mengaudit produk sedia ada, mendiagnosis drop-off atau meningkatkan penukaran.

Apakah contoh aliran pengguna?

Contoh aliran pengguna biasa termasuk aliran pendaftaran, aliran daftar keluar, aliran onboarding, aliran log masuk, aliran tetapan semula kata laluan, aliran tempahan, aliran naik taraf dan aliran menjemput rakan sepasukan.

Mengapa aliran pengguna penting?

Aliran pengguna membantu pasukan memahami cara pengguna bergerak melalui produk sebelum melabur dalam reka bentuk atau pembangunan terperinci. Mereka mendedahkan geseran, langkah yang hilang, keputusan yang mengelirukan, dan kerumitan yang tidak perlu pada awal proses.

Bagaimanakah anda membuat aliran pengguna?

Mulakan dengan matlamat pengguna, pilih titik masuk, petakan laluan gembira, tambah keputusan dan kes tepi, kemudian mudahkan laluan. Gunakan bulatan atau bujur untuk titik mula dan akhir, segi empat tepat untuk skrin atau tindakan, berlian untuk keputusan dan anak panah untuk menunjukkan arah.

Cuba Anima Playground untuk aliran pengguna dan reka bentuk UX

Anima Playground membolehkan anda beralih daripada idea produk kepada aliran, reka bentuk dan kod kerja UX dalam penyemak imbas. Terangkan pengalaman yang ingin anda bina, perhalusi dengan AI, dan ubah hasilnya menjadi produk interaktif sebenar.

Mula mereka bentuk dengan Anima Playground.