Yo Explorers! Apa kabar? Kali ini kita bakal bahas topik yang seru nih, yaitu User Flows! Jadi, kalian pasti sering banget menggunakan aplikasi atau website kan? Nah, pernah nggak kalian merasa kesulitan atau bingung saat menggunakannya? Mungkin itu terjadi karena kurangnya perencanaan dan pengembangan User Flows pada aplikasi atau website tersebut.

Jadi, dalam materi kali ini kita bakal membahas tentang konsep dasar dari User Flows, mulai dari apa itu User Flows, jenis-jenis User Flows, dan bagaimana cara menganalisis User Flows pada aplikasi atau website. Yuk, kita explore dunia User Flows bersama-sama

What is User Flow in UX Design?

Hai eksplorers! Udah pada tau gak, kalau dalam desain UX ada yang namanya alur pengguna atau user flow? Jadi, alur pengguna itu seperti jalur yang harus dilalui oleh pengguna untuk mencapai tujuan tertentu. Misalnya, kalian mau login ke suatu situs, maka kalian harus melewati beberapa tahap seperti memasukkan email dan password. Nah, perancang UX bisa memikirkan cara untuk membuat alur pengguna ini lebih efisien dan bikin pengalaman pengguna makin oke punya. Kita akan kasih contoh ya. Misalnya, kalian pengen login di suatu situs tapi ternyata akun kalian di-disable. Nah, kalian bisa bikin alur pengguna baru buat ngecek dulu apakah akunnya di-disable atau enggak. Kalo iya, bisa dipulihkan dulu baru bisa login lewat email. Kalo enggak, langsung aja login aja. Setiap langkah dan tahapan di dalam alur pengguna ini bakal ditunjukkan. Jadi, desainer UX bisa membandingkan alur pengguna yang dibuat sama halaman login yang ada sekarang dan cari titik-titik yang bisa diperbaiki. Seru kan?

Why Do You Need User Flow in UX Design?

Yo Explorers, sebelum kita masuk ke materi User Flow, kalian pernah nggak ngerasa aplikasi atau website yang kalian pake tuh susah banget dijelajahin? Nah, salah satu trik biar UX Design kalian sukses adalah dengan mempelajari User Flow. Kenapa? Ada beberapa alasan nih.

Pertama, User Flow bisa bantu kalian meningkatkan penjualan. Yup, tujuan akhir dari UX Design adalah biar bisa dapet lebih banyak uang dari aplikasi atau website yang kalian bikin. Dengan memahami apa yang dipikirkan pengguna, mengikuti langkah-langkah mereka, dan menciptakan desain yang membuat pengalaman pengguna jadi menyenangkan, pengguna jadi lebih cenderung mau bayar.

Kedua, User Flow bisa membantu kalian menemukan titik optimasi. Mendapatkan feedback dari pengguna adalah cara terbaik untuk menemukan area mana yang perlu dioptimalkan dalam produk atau website kalian. Tapi kadang susah buat dapetin saran dari pengguna, terutama kalo brand kalian masih baru. Nah, menggunakan User Flow bisa bantu kalian menemukan masalah yang ada di halaman, aplikasi, atau antarmuka yang sudah ada.

Ketiga, User Flow bisa membantu kalian menjelaskan pengalaman pengguna secara efektif ke tim. Kalo kalian pengen bikin produk atau website yang ramah pengguna, atau pengen meningkatkan pengalaman pengguna produk yang sudah ada, bukan hanya urusan satu orang. Menggunakan User Flow bisa bantu kalian nampilin cara pengguna menggunakan produk atau website kalian, jadi tiap anggota tim bisa memahami pengguna dan memberikan saran yang kreatif dan memungkinkan.

Keempat, User Flow bisa membantu kalian berkomunikasi dengan lancar. Kalo kalian punya ide tentang cara mendesain atau memperbarui produk atau halaman, kalian harus bisa menjelaskan kenapa kalian punya ide tersebut. Nah, UX design User Flow bakal membantu presentasi kalian. Kalo kalian udah punya desain, tapi butuh persetujuan dari bos atau manajer, User Flow bisa membantu mereka lebih mudah memahami ide kalian.

When to Use UX Design User Flow?

Yo Explorers! UX design user flow bisa dapetin banyak manfaat lho! Tapi, kapan sih harus dipake? Ada tiga tahap di mana kamu perlu memanfaatkan user flow dalam UX design nih.

Tahap satu - sebelum mulai merancang. Jadi, sebagai UX designer kamu harus paham banget sama user kamu. Harus ada analisis pelanggan dan riset dulu sebelum mulai merancang. Setelah itu, kamu akan tau gimana user akan berinteraksi sama website atau produk kamu. Berapa banyak halaman atau screen yang perlu dirancang dan gimana cara susunnya di pikiran kamu.

Tahap dua - setelah selesai merancang. Kalau udah selesai merancang, kamu harus presentasiin hasil kerja kamu ke temen kerja, boss, atau manajer. Cara terbaiknya adalah dengan menggunakan user flow dan menunjukkan gimana user bakal berinteraksi sama desain kamu. Gimana cara mereka dapetin yang mereka butuhkan dan gimana pengalaman mereka.

Tahap tiga - cari titik target yang bisa diperbaiki. Produk apapun, pasti butuh update terus-menerus untuk meningkatkan kualitas dan pengalaman pengguna. Tapi kadang-kadang sulit nih buat menemukan masalah sebenarnya sama user flow dan menemukan titik kreatif yang harus dioptimalkan.

What are the Different Types of User Flows?

Yo, Explorers! Ada empat jenis User Flow dalam desain UX yang bisa kita pilih sesuai dengan situasi yang kita hadapi, nih.

Task Flow

Pertama, ada Task Flow. Nah, Task Flow ini sebenernya kayak flowchart yang cuma punya satu jalur untuk menyelesaikan satu misi aja. Jadi, enggak bakal kelihatan cabang atau jalan lain. Biasanya, jenis ini cocok banget dipakai buat proyek yang penggunanya semua harus ngikutin satu jalan aja, gitu

Flowchart

Yo Explorers! Di sini ada sebuah flowchart, di mana pengguna akan melalui beberapa langkah tugas yang berbeda-beda tergantung pada kondisi tertentu. Jadi, ini seperti petunjuk jalan gitu deh buat pengguna untuk bisa menggunakan aplikasi atau website dengan lancar dan sesuai dengan kebutuhan mereka. Keren banget kan, Explorers! Yuk, kita eksplorasi dan pelajari lebih dalam lagi tentang flowchart dan penggunaan task flows di dalamnya!

Wireflow

Yo eksplorers, sekarang kita mau bahas tentang Wireflow nih. Beda sama Task Flow dan Flowchart, Wireflow ini agak lebih ribet. Biasanya baru dipake setelah lo bikin low-fidelity prototype atau wireframe dulu. Jadi, Wireflow terdiri dari gabungan antara wireframe sama flowchart gitu. Nah, Wireflow ini paling pas dipake kalo lo udah tau gimana sih user bakal make aplikasi kita, dan berapa banyak halaman atau screen yang harus didesain. Yuk, mari kita eksplor lebih dalam lagi!

How to Create a User Flow for UX Design?

Yo, Explorers! Buat kalian yang pengen jadi UX designer, bikin user flow design tuh gak sesulit yang kalian bayangkan, tapi tetap gak gampang banget juga loh.

Pertama-tama, kita harus nge-research dulu tentang siapa sih customer kita. Biar gak salah bikin user flow, kita mesti tahu banget tentang customer kita. Kita bisa pake tools yang ada untuk menganalisa masalah, asal-usul customer, tujuan mereka, mau ngapain aja, dan servis apa yang mereka inginkan.

Kedua, kita mesti bikin list tujuan dan goal yang pengen kita capai. Goal-nya harus jelas, biar kita bisa tentuin jenis user flow yang tepat. Terus, kita juga harus tahu goal-nya tuh apa sih, mau jualan atau improve conversion atau bikin customer seneng aja.

Ketiga, kita bikin list semua step yang mungkin. Biar gak pusing, bikin list dulu ya. Apalagi kalau user flow-nya complicated banget, pasti bantu banget nih bikin list dulu.

Keempat, pilih jenis user flow yang cocok. Ada 4 jenis user flow, masing-masing cocok buat situasi yang berbeda-beda. Jadi, pilih sesuai kebutuhan.

Kelima, mulai bikin user flow-nya! Kalo kamu pilih task flow atau flowchart, harus tentuin dulu ya bentuk-bentuk dari UX design user flow itu. Terus, pilih tools yang cocok buat bikin user flow, misalnya XMind atau Mockplus.

Terakhir, jangan lupa review dan update user flow-nya. Cek dulu apakah user flow-nya udah reasonable atau belum, kirim ke temen-temen sejawat buat minta masukan, dan update sampai dapetin hasil yang diinginkan.

UX Design User Flow Software

Yo, Explorers! Kalo lo lagi mau buat UX design user flow, pilih tools yang tepat ya biar gampang. Nah, kita udah test dan pilih 5 tools terbaik nih buat lo.

Axure

Ini nih brand terbesar di area prototyping, Axure pasti jadi pilihan kalo lo butuh bikin UX design user flow. Ada fitur kayak icons, connect mode, dan shapes yang bisa dipake buat bikin user flow. Tapi emang agak lama belajarnya kalo lo mau bikin prototype sebelum bikin wire-flow atau screen flow.

Figma

Hai, Explorers! Kalo lagi nyari tools buat bikin user flow, coba deh pake Figma. Tool yang terkenal banget di industri desain ini juga bisa jadi pilihan keren buat kamu yang mau bikin UX design dengan user flow yang ciamik. Kamu bisa tambahin shape standar atau bikin shape sendiri dengan alat pena dan pensil terus tambahin panah buat konek-konekin. Figma bisa bikin wire-flow dan screen flow setelah kamu bikin low-fidelity dan high-fidelity prototypes atau upload gambar langsung dari komputermu. Mantap, kan?

Mockplus

Yo, Explorers! Ada nih tools keren buat bikin user flow yang kita bahas tadi, namanya Mockplus. Dengan ini, kamu bisa bikin task flow sama flowchart dengan mudah banget. Ada juga komponen markup buat nambahin catatan loh. Mockplus juga bisa bikin prototype mulai dari yang low-fidelity sampai yang high-fidelity, dengan banyak pilihan template, UI kit, ikon, komponen, dan lain-lain. Setelah file prototipemu siap, kamu bisa screenshot dan simpen di komputer. Kalau butuh, kamu juga bisa share langsung dengan tim kamu pakai Mockplus. Keren kan? Yuk, kita coba!

XMind

Hey Explorers! Kalian pernah dengar XMind? Ini adalah tool mindmap profesional yang akan membantu kalian membuat task flow dan flowchart. Ada banyak template keren yang bisa langsung kalian pakai. Kalian juga bisa customize ukuran, warna, dan border shape-nya. Nah, supaya lebih mudah dipahami, kalian juga bisa menambahkan notes, label, dan stickers ke dalam task flow dan flowchart kalian. Keren kan!

JustMind

Hey, Explorers! Ada satu lagi nih alat buat bikin prototipe, namanya Justmind. Sama kayak Mockplus tapi cuma bisa dipakai di Windows dan Mac. Alat ini nyediain garis, bentuk, dan komponen khusus yang penting buat bikin user flow dan prototipe. Tapi ya, alat ini cuma buat bikin prototipe low-fidelity aja, jadi kalo gak ada high-fidelity prototype atau halaman produk yang udah ada, mungkin agak susah buat bikin screen-flow nya ya.