Apa yang dimaksud User Flow?

user flow

User Flow adalah istilah untuk mendeskripsikan serangkaian tugas yang harus dilakukan pengguna untuk menyelesaikan beberapa proses. Di TI dan di Web, seorang ahli mungkin menganalisis User flow untuk mencoba membuat situs web atau teknologi yang ramah pengguna, dan untuk memahami tujuan pengguna serta tujuan perusahaan atau pihak lain yang diberikan oleh sebuah proyek.

Source

What is User Flow? - Definition from Techopedia


1 Like

User Flow adalah salah satu jenis diagram yang digunakan dalam desain User Experience. Pada dasarnya, User Flow dikenal dengan tampilan diagram yang atau biasa disebut User Flow Diagram (UFD) yang termasuk Wireflow, mirip seperti flowchart, terdapat jalur alternatif, loop, dll. User Flow sangat penting untuk menggambarkan tujuan atau bentuk sederhana dari aplikasi yang akan dibuat.

Jenis
Ada beberapa jenis User Flow, yaitu:

  • Task Flow
    Task Flow adalah User Flow yang menggambarkan satu aktifitas yang dilakukan user, hanya ada satu jalan masuk/start dan satu jalan keluar/end.

  • Wireflow
    Wireflow adalah gbungan dari wireframe dan user flow, dimana wireframe tersebut akan menggantikan blok-blok pada user flow tetapi tetap dihubugakan oleh panah

  • UI Flow
    UI Flow adalah wireframe high videlity, sama halnya dengan Wireflow yang memiliki tujuan untuk memvisualisasikan cara pengguna berinteraksi dengan antarmuka secara sekilas, mungkin Wireflow yang bisa dipakai tetapi dibutuhkan interaksi didalamnya dapat disebut UI Flow.

Contoh

  • User Flow Sederhana

    • User start dari halaman Home
    • Dari Home, user pindah ke halaman kategori produk
    • Didalam halaman kategori user memilih suatu item lalu pindah ke halaman detail item
    • Didalam detail item, user dapat kembali ke halaman sebelumnya atau menambah ke keranjang dan pindah ke halaman barang
    • Di halaman list barang terdapat tombol untuk ke halaman checkout
    • Setelah checkout selesai, user akan melihat halaman berisi nota.
  • Task Flow
    f1

  • User Flow Diagram

  • Wireflow

  • UI Flow


Fungsi
User Flow dibuat agar produk yang akan dibuat dapat memenuhi kebutuhan dan keinginan user secara mudah. User Flow yang baik adalah yang punya nama dan sebuah deskripsi yang menunjukkan fungsi pada tiap halaman saat fase implementasi, sangat efektif ketika digunakan sebagai alat komunikasi antara desainer dan developer.

Keuntungan
Membuat user flow punya banyak keuntungan, yaitu:

  • Mudah dibuat - menggunakan user flow adalah jalan tercepat untuk menggambarkan satu atau lebih proses, menggunakan selembar kertas dan sebuah pena saja kita sudah bisa membuat user flow, bahkan menggunakan aplikasibawaan seperti paint dan notepad atau yang sejenis, kita bisa membuat user flow yang bisa membuat orang dengan mudah mengerti ide kita.
  • Lebih dari prototype - kalau prototype menggambarkan bentuk final, maka user flow adalah gambaran semua prosesnya, mulai dari user mendaftar sampai user menyelesaikan urusannya, dan tidak hanya satu proses, user flow dapat memuat semua proses yang mungkin dilakukan user dari awal sampai akhir proses dalam satu gambar
  • Lebih dari mockup – mockup adalah tampilan keseluruhan dari sebuah produk yang ada dalam satu foto, tetapi user flow memiliki itu dan juga bisa dilakukan interaksi terhadapnya, lebih seperti menggunakan aplikasi yang sudah ada padahal belum melewati tahap implementasi. Sehingga bisa dilakukan test oleh para ahli dengan lebih cepat dan pengalamannya lebih nyata.
  • Dibuat sebelum ada UI - sebelum membuat user interface, dibuatlah user flow sehingga UI yang akan dibuat akan bisa dibuat dengan efektif dan efisien dalam desain maupun waktu karena semua desain seperti tombol, form, dll. sudah diketahui seberapa banyak yang dibutuhkan.
  • Mudah dipahami ini adalah keuntungan yang sangat penting, karena ide belum tentu dimengerti semua anggota tim, sehingga user flow dengan blok dan arah yang simple dalam satu gambar tetapi mencakup semua proses adalah cara paling cepat dan mudah untuk memberikan pemahaman kepada anggota tim. User Flow dengan jenis wireframe dan UI flow membuat semuanya lebih menarik dan lebih mudah dipahami.

Cara Membuat User Flow

  1. Pengumpulan data
    Untuk membuat user flow yang baik, langkah pertama adalah harus memahami user yang akan menggunakan aplikasi yang akan dibuat, berikut adalah beberapa pertanyaan yang dapat membantu memahami user, dan jawaban dari pertanyaan-pertanyaan ini dapat membantu kita dalam menentukan key pathways, yaitu flow utama yang harus ada dalam aplikasi, juga bisa menentukan informasi apa saja yang dibutuhkan dari user agar aplikasi lebih menarik, yaitu:

    • Apa yang dibutuhkan user?
    • Apa masalah harus diselesaikan?
    • Apa fitur yang penting bagi user dan kenapa?
    • Apa yang harus diberikan agar user merasa nyaman dalam menggunakannya?
  2. Membuat user flow
    Membuat user flow dari data yang sudah dikumpulkan dengan mendahulukan flow utama terlebih dahulu, dengan cara:

    • Buat start dengan bentuk lingkaran untuk memulai dan mengakhiri aksi, seperti start, cari, end, dll.
    • Bentuk kotak untuk halaman seperti halaman utama, halaman eror, halaman detail, dll.
    • Bentuk diamon digunakan untuk percabangan, biasanya digunakan untuk jawaban ya dan tidak, seperti jika sudah membayar akan diarahkan ke halaman transaksi, jika belum maka diarahkan ke halaman nota
    • Dan semuanya disambung melalui arah atau anak panah sebagai tanda arah aliran yang berjalan.
  3. Berbagi
    User flow tersebut digunakan untuk mencari stakeholder, mendapat umpan balik untuk memperbaikinya. Setelah diperbaiki dan difinalisasi, maka user flow ini akan mengurangi resiko perbedaan pemahaman diantara tim dan memudahkan tim dalam mengerjakan aplikasinya.

Summary

https://uxmisfit.com/2020/08/17/what-is-a-user-flow-everything-you-need-to-know
https://xd.adobe.com/ideas/process/user-research/user-journey-vs-user-flow
https://careerfoundry.com/en/blog/ux-design/how-to-create-a-user-flow
https://www.lucidchart.com/blog/how-to-make-a-user-flow-diagram