Cara Membuat Diagram Alir Pengguna

Diagram alur pengguna sangat diperlukan dalam menguasai pengalaman pengguna. Mereka memungkinkan Anda untuk memahami bagaimana pengguna berinteraksi dengan aplikasi atau situs web Anda, langkah-langkah yang mereka ambil untuk menyelesaikan tugas atau mencapai tujuan di situs web Anda. Ini akan membantu Anda menciptakan pengalaman pengguna yang unggul bagi pengguna dan memenuhi kebutuhan mereka secara lebih efisien.

Dalam panduan ini, kita akan melihat peran penting yang dimainkan diagram alur pengguna dalam desain UX, cara membuat diagram alur pengguna, dan praktik terbaik yang harus Anda ingat. Kami juga memberi Anda beberapa templat praktis yang dapat Anda gunakan selama proses mendesain alur pengguna Anda.

Apa itu Diagram Alir Pengguna

Aliran pengguna dapat diinterpretasikan dalam banyak cara. Ini dapat dianggap sebagai ikhtisar yang menjelaskan di mana pengguna dapat menavigasi produk Anda. Ini juga bisa berarti kualitas dan pengalaman aktual dari jalur yang diambil pengguna untuk menyelesaikan tugas.

Atau itu bisa berarti urutan langkah-langkah aktual yang diambil pengguna untuk menyelesaikan tugas. Bagan alur dapat berguna dalam memvisualisasikan rute yang diambil pengguna saat mereka menggunakan solusi Anda (yaitu situs web atau aplikasi).

Alat-alat tersebut yang membantu secara visual menelusuri langkah-langkah interaksi antara tindakan pengguna dan antarmuka program disebut diagram alur pengguna atau peta alur pengguna .

Mereka membantu menentukan jalur logis yang harus diambil pengguna saat berinteraksi dengan sistem, dan menggambarkan hubungan antara fungsionalitas sistem, tindakan pengguna potensial, dan konsekuensi terkait.

Diagram alur pengguna dapat memiliki tampilan yang berbeda berdasarkan tahap proses desain yang Anda jalani. Jika Anda memiliki wireframes untuk aplikasi atau situs web Anda yang sudah dibuat, Anda dapat menggunakannya untuk membuat diagram alur Anda. Diagram alur wireframe seperti itu disebut Wireflows.

Diagram alur pengguna juga disebut sebagai alur interaksi, alur aktivitas, alur antarmuka pengguna, alur navigasi, atau diagram alur tugas .

Simbol diagram alur pengguna adalah sebagai berikut:

Lihat sumber ini untuk memahami lebih banyak simbol diagram alur yang mungkin berguna saat membuat diagram alur pengguna.

Pentingnya Diagram Alir Pengguna

• Diagram alur pengguna berguna saat Anda ingin memahami desain Anda berdasarkan tujuan pengguna Anda.
• Mereka dapat digunakan untuk mengomunikasikan alur pengguna yang diinginkan saat mereka menavigasi melalui halaman situs web Anda atau melalui tindakan di aplikasi Anda
• Insinyur, desainer, dan arsitek dapat menggunakannya untuk memahami kompleksitas, ruang lingkup, dan jalur desain sistem serta mengidentifikasi kesenjangan, ketergantungan, dan kekurangan di dalamnya.

Cara Membuat Diagram Alir Pengguna

Tanpa basa-basi lagi, mari kita bahas cara membuat diagram alir pengguna.

Langkah 1: Pahami Perjalanan Pelanggan

Alur pengguna didasarkan pada apa yang dilakukan pengguna – oleh karena itu memahami siapa mereka, motivasi, kebutuhan, dan perilaku mereka sangat penting untuk membuat diagram alur pengguna yang efektif.

Ini mungkin tampak seperti langkah tambahan, tetapi melakukan riset pengguna yang tepat dan mendesain persona pengguna akan membantu Anda membuat alur pengguna yang lebih lancar.

Kami telah membahas cara membuat persona pengguna di posting sebelumnya, lihat untuk mempelajari cara membuat persona pembeli dalam beberapa langkah sederhana. Atau jika Anda sudah terbiasa dengan prosesnya, berikut adalah template untuk memulai.

Setelah Anda membuat profil pelanggan, Anda selangkah lebih dekat untuk memahami perjalanan pengguna Anda.

Anda dapat menggunakan peta perjalanan pelanggan di sini untuk menganalisis dengan tepat apa yang dilakukan, dirasakan, dan diharapkan pelanggan saat mereka berinteraksi dengan bisnis Anda (yaitu mengunjungi situs web Anda), berbagai titik kontak, dan titik nyeri.

Kami juga telah membahas proses pembuatan peta perjalanan pelanggan dalam 6 langkah sederhana. Periksalah.

Langkah selanjutnya dalam membuat alur pengguna akan lebih mudah setelah Anda mengetahui perjalanan pengguna Anda.

Langkah 2: Identifikasi Sasaran Anda dan Sasaran Pengguna Anda

Langkah selanjutnya adalah mendapatkan ide tentang tujuan bisnis Anda dan juga pengguna Anda.

Anda mungkin sudah mengetahui tujuan bisnis Anda; misalnya untuk meningkatkan konversi di situs web Anda, untuk meningkatkan penjualan produk Anda, dll. Biasanya ini adalah hasil akhir dari tindakan yang Anda inginkan agar dilakukan pengguna.

Di sisi lain, tujuan pengguna Anda mencakup keinginan dan kebutuhan yang ingin mereka penuhi. Dan pengguna yang berbeda juga mungkin memiliki tujuan yang berbeda. Di sinilah persona pengguna dan peta perjalanan pelanggan yang Anda buat sebelumnya akan membantu Anda mengetahui apa itu.

Langkah 3: Identifikasi Dari Mana Pengguna Anda Berasal

Jika Anda mendesain situs web, Anda mungkin ingin tahu dari mana pelanggan Anda berasal atau dengan kata lain apa titik masuknya. Ini biasanya termasuk,

• Lalu lintas langsung
• Pencarian organik
• Media sosial
• Iklan berbayar
• Surel
• Situs rujukan
• Pers atau item berita

Anda dapat menggunakan analitik Google untuk mendapatkan persentase untuk titik masuk ini. Mereka juga dapat menunjukkan perilaku pengguna yang berbeda.

Misalnya, pengunjung langsung akan menelusuri nama merek Anda, sedangkan pengunjung penelusuran organik pertama-tama akan meng-Google produk yang mereka inginkan sebelum menemukan Anda sebagai penjual yang cocok.

Dan penting untuk memetakan aliran pengguna yang berbeda ini berdasarkan titik masuk yang berbeda. Ini adalah kunci untuk mengembangkan pengalaman yang lebih baik bagi pengguna.

Langkah 4: Identifikasi Informasi yang Dibutuhkan Pengunjung

Untuk merancang aliran pengguna sebaik mungkin, Anda harus masuk ke posisi pelanggan Anda.

Ini berarti memahami apa kebutuhan dan motivasi mereka dengan hati. Jadi, Anda perlu mengetahui masalah apa yang mereka miliki, keraguan, keragu-raguan mereka, pertanyaan apa yang mereka miliki tentang produk, dan jawaban apa yang mereka cari.

Karena Anda telah membuat persona pembeli dan peta perjalanan, langkah ini lebih mudah untuk diselesaikan.

Langkah 5: Visualisasikan Alur Pengguna Anda

Sekarang Anda mengetahui pengguna yang Anda buat untuk alur pengguna, apa tujuan mereka dan dari mana mereka berasal. Langkah selanjutnya adalah membuat alur pengguna.

Pikirkan apa yang dilakukan pengguna Anda sebelum dan sesudah mereka mengunjungi halaman tertentu di situs web Anda. Apa yang mereka lihat, tindakan apa yang mereka ambil untuk mencapai tujuan mereka. Ini akan membantu Anda mengidentifikasi halaman yang perlu Anda buat, informasi/konten apa yang perlu Anda sediakan dan bagaimana halaman tersebut harus terhubung satu sama lain.

Perhatikan awal dan akhir setiap tugas. Ini dapat berubah berdasarkan tujuan pengguna yang berbeda.

Setelah Anda menyaring informasi yang diperlukan, visualisasikan dengan diagram alur pengguna.

Langkah 6: Prototipe Aliran Anda

Anda dapat menggunakan prototipe fidelitas rendah (bingkai gambar atau mockup UI) untuk menguji alur pengguna yang diuraikan pada langkah sebelumnya. Prototipe membantu menambahkan lebih banyak detail ke alur dan membantu Anda memahami alur antara tindakan pengguna dan konten.

Ini juga akan membantu Anda memvalidasi bahwa produk Anda dirancang sesuai dengan tujuan Anda dan pengguna Anda.

Langkah 7: Tinjau, Perbaiki, dan Uji

Anda dapat membagikan diagram alur pengguna Anda dengan pemangku kepentingan dan mendiskusikan di mana penyesuaian perlu dilakukan.

Dan setelah prototipe fidelitas tinggi siap, Anda juga dapat mengujinya dengan pengguna sebenarnya.

Dengan cara ini Anda dapat mengumpulkan data pada setiap langkah alur pengguna dan memahami cara pengguna menavigasi produk Anda. Anda kemudian dapat mengidentifikasi area untuk perbaikan dan menerapkan solusi sebelum rilis produk akhir.

Praktik Terbaik yang Perlu Diingat

Tetap berpegang pada praktik terbaik di bawah ini untuk memastikan bahwa diagram alur pengguna yang Anda buat benar-benar efektif dalam membantu Anda.

• Selalu beri nama diagram alur pengguna Anda yang menjelaskan tujuannya. Ini akan membantu siapa saja yang merujuknya untuk memahami dasarnya.
• Tetap pada satu arah saat menggambar diagram alur. Karena bagan memetakan sebuah cerita, akan membantu untuk membaca dan memahaminya dengan lebih baik ketika peta mengalir ke satu arah.
• Batasi jumlah poin keputusan untuk membuatnya bebas dari kekacauan/tidak terlalu rumit.
• Pastikan cakupan diagram alur pengguna mencakup satu tugas atau satu tujuan pengguna Anda. Jika alur pengguna hanya mencakup setengah dari tugas atau memetakan langkah-langkah untuk mencakup lebih dari satu tujuan pengguna, itu tidak akan memenuhi tujuannya.
• Pastikan untuk hanya menambahkan informasi yang diperlukan dan menghindari detail lain yang tidak membantu Anda menjelaskan alur dan tindakan pengguna.
• Gunakan alat diagram alur digital seperti Creately, untuk mempercepat proses. Plus itu akan memungkinkan Anda untuk mendapatkan masukan dari orang lain dan menyimpan pekerjaan Anda di satu tempat dan di cloud, yang akan memungkinkan Anda untuk merujuknya dan mengerjakannya dari mana saja. Selain itu, ini akan membantu Anda menghemat ruang dengan area kanvasnya yang tak terbatas; jika tidak, mungkin diperlukan beberapa dinding ruang konferensi Anda!

Template Diagram Alur Pengguna

Siap Membuat Diagram Alir Pengguna Sendiri?

Alur pengguna adalah alat yang ampuh dalam toolkit desainer. Mereka memudahkan desainer untuk melihat gambaran besarnya – halaman apa yang perlu mereka buat dan bagaimana mereka harus terhubung. Kami telah cukup banyak membahas semua yang perlu Anda ketahui untuk membuat diagram alur pengguna – termasuk template yang dapat Anda gunakan untuk segera memulai.

Sekarang kami ingin mengetahui pendapat Anda tentang diagram alur pengguna? Ketik di bagian komentar di bawah.