Cara Membuat Alur Pengguna untuk E-niaga

Bayangkan Anda sedang membangun situs web baru untuk toko online Anda. Anda masuk ke pembuat halaman seperti WordPress dan mulai menambahkan bagian ke halaman, memutuskan bahwa bilah navigasi harus dipusatkan atau klip Tentang Anda harus didahulukan.

Atau mungkin Anda sudah memiliki situs web, dan Anda telah memutuskan bahwa itu bisa terlihat lebih baik, jadi Anda mulai memindahkan gambar, teks, dan CTA.

Terlepas dari itu, kesalahan telah dibuat: dalam kedua kasus, tidak ada strategi atau aliran pengguna yang ada. Desain dipilih dengan santai, berceceran seperti lukisan Jackson Pollock yang asli.

Dan penggemar Pollock atau bukan, lukisannya tidak pernah harus mengarahkan petunjuk dari satu tahap corong ke tahap berikutnya.

Di era baru belanja online, memiliki situs web e-niaga sangat penting – sebuah aplikasi, yang berpotensi bermanfaat.

Tetapi memiliki situs web yang indah tidak cukup dengan cara yang sama menarik banyak lalu lintas adalah pemborosan kecuali jika dikonversi (yaitu, membeli produk Anda). Anda memerlukan situs web yang dirancang untuk memandu prospek Anda ke jalur konversi.

Situs web yang dirancang dengan baik tidak dimulai dengan memilih font dan animasi favorit Anda. Ini dimulai dengan memetakan alur pengguna Anda.

Apa Itu Diagram Alir Pengguna?

Diagram alur pengguna – juga disebut diagram alur pengguna, diagram alur tugas, dan diagram alur antarmuka pengguna – menampilkan jalur yang diambil pengguna melalui situs web atau aplikasi Anda untuk mencapai tujuan atau tugas. Dengan mengilustrasikan langkah-langkah yang diambil pengguna untuk mengalir dari satu halaman ke halaman berikutnya hingga mereka menyelesaikan tugasnya (seperti membeli produk), Anda memperoleh pemahaman tentang cara mendorong penyelesaian tugas.

Contoh diagram alur pengguna dari UX Collective.

Peran Aliran Pengguna dalam Desain UX

Desain pengalaman pengguna (desain UX) adalah tentang membuat desain yang berpusat pada pengguna. Dengan menempatkan pengguna Anda, alias pelanggan potensial, di tengah pilihan desain Anda, Anda meningkatkan pengalaman mereka dan meningkatkan peluang mereka menavigasi ke akhir penjualan.

Alur pengguna mengungkapkan bagaimana pengguna berinteraksi dengan desain produk Anda, dengan mempertimbangkan tindakan pengguna dan fungsionalitas produk yang diperlukan untuk membuat konversi.

Buat diagram alur pengguna sebelum memulai proses desain untuk menginformasikan kebutuhan situs web Anda. Ahli strategi, desainer, dan pengembang web menggunakan aliran UX untuk menemukan kekurangan produk dan memahami ruang lingkup proyek, termasuk jumlah halaman, komponen untuk masing-masing, dan arsitektur informasi semuanya.

Anda juga dapat membuat alur pengguna pasca pengembangan situs web untuk menemukan area untuk penyederhanaan dan peningkatan.

Contoh diagram alur pengguna dari Creately.

Alur Pengguna Tingkat Tinggi vs Detil

Alur pengguna tingkat tinggi cepat dan singkat, dibuat untuk memberikan gambaran singkat tentang ide atau proses.

Alur pengguna yang terperinci, atau aliran tugas, lebih berguna, merinci semua langkah dan keputusan yang terlibat dalam menyelesaikan tugas. Diagram alir terperinci adalah apa yang ingin Anda buat untuk menginformasikan desain dan konten untuk situs web e-niaga Anda.

Beberapa membedakan alur pengguna dari alur tugas di mana alur pengguna menekankan bahwa tugas dapat diselesaikan secara berbeda oleh pengguna berdasarkan persona dan titik masuk.

Alur Pengguna vs Perjalanan Pengguna

Alur pengguna berbeda dari peta perjalanan pengguna yang menguraikan pengalaman pengguna secara menyeluruh dengan suatu produk. Di mana aliran murni berbasis tindakan, perjalanan pengguna memperhitungkan faktor-faktor seperti emosi pengguna.

Peta perjalanan pengguna dan peta perjalanan pelanggan terkadang digunakan secara bergantian, tetapi ini hanya berfungsi jika pengguna dan pelanggan adalah orang yang sama, yang tidak selalu demikian. Misalnya, pemberi kerja (pelanggan) dapat membeli alat online untuk digunakan karyawan mereka (pengguna).

Cara Membuat Diagram Alur Pengguna

1. Tentukan Tujuan Diagram

Apa yang disertakan dalam diagram alur pengguna Anda akan bergantung pada tujuan dan tugas yang Anda lacak. Batasi jumlah tujuan atau tugas per diagram; memetakan hanya satu per satu adalah yang terbaik. Melihat lebih dari satu dapat memperumit dan memadati diagram, membuatnya kurang efektif.

Berikan judul yang jelas kepada pengguna berdasarkan tujuannya untuk referensi di masa mendatang.

2. Pahami Pengguna Biasa Anda

Pemahaman tentang pengguna Anda akan membantu menginformasikan navigasi alur tugas yang berfungsi paling baik dan konten yang akan disertakan di setiap halaman.

Lakukan riset pengguna untuk mengumpulkan pengguna Anda:

• Sasaran
• Motivasi
• Fitur yang diinginkan
• Tingkat pengalaman/pengetahuan
• Hambatan

Faktor-faktor ini dapat berubah untuk segmen dan tahapan audiens yang berbeda di sepanjang perjalanan pembelian, tetapi Anda akan menggunakannya untuk menentukan apa yang terjadi di setiap halaman web, cara mendesain setiap halaman, dan ke mana harus ditautkan.

Sasaran pengguna dan bisnis harus selaras sehingga Anda dapat merancang alur situs web e-niaga yang memenuhi keduanya.

Mempelajari alur kompetisi Anda juga dapat memberikan wawasan.

3. Buat Kunci Alur Tugas

Tidak ada aturan keras untuk seperti apa diagram alur tugas Anda selama Anda konsisten dan memberikan kunci untuk warna dan bentuk yang digunakan sehingga orang lain dapat memahaminya.

Simbol aliran pengguna yang umum meliputi:

Bentuk lain yang kadang-kadang digunakan termasuk segitiga, jajaran genjang miring dan bentuk putus-putus (bukan garis besar padat). Anda bisa mendapatkan sespesifik yang Anda inginkan, mengganti bentuk untuk item tambahan seperti tugas sistem, elemen input, atau pilihan/klik.

Warna apa pun yang digunakan harus berkontribusi pada makna dan keterbacaan diagram alur pengguna Anda. Pertimbangkan bagaimana warna dapat membantu mengelompokkan item, mengidentifikasi elemen, dan mengungkapkan pola.

Jenis Diagram Alir Pengguna Lainnya

Karena diagram alur pengguna unik untuk situs web Anda, tidak semua mengikuti praktik umum menggunakan bentuk dan warna.

Gaya lain dari aliran pengguna dimodelkan setelah diagram keadaan yang digunakan dalam ilmu komputer. Diagram status bervariasi dalam tampilannya, tetapi Anda dapat menuliskannya sebagai rangkaian pecahan dengan panah yang memandu alur proses e-niaga. Pecahan mencakup apa yang dilihat pengguna di atas garis pecahan dan apa yang dilakukan pengguna di bawahnya, seperti:

Ada juga alur pengguna yang dimodelkan setelah peta situs. Selain tindakan yang diambil, mereka menyajikan setiap halaman web yang terlibat dalam alur pengguna dengan daftar semua bagian dan subbagian di halaman tersebut. Kemudian, panah atau garis menunjukkan bagian halaman dan CTA mana yang mengarahkan pengguna ke langkah berikutnya dalam alur.

Contoh alur pengguna dari Salinthip Kaewkerd di Behance.

4. Buat Garis Besar Diagram Alir Pengguna Anda

Dengan format yang Anda tentukan, Anda dapat mulai memetakan alur tugas Anda. Mulailah dengan titik masuk yang dipilih untuk diagram khusus Anda, dan buat daftar semua langkah antara titik masuk dan penyelesaian tugas.

Titik masuk dapat berupa sumber apa pun yang mengarahkan pengguna ke situs web Anda, termasuk iklan, media sosial, hasil penelusuran organik, tautan eksternal, kampanye email, dan banyak lagi. Aplikasi cenderung memiliki titik masuk yang lebih sedikit daripada situs web.

Langkah-langkah berikut (bagian dari diagram alir antarmuka pengguna) akan bergantung pada tugas yang Anda pilih untuk dipetakan. Mereka mungkin menyertakan item seperti formulir masuk dan pendaftaran, penelusuran produk, proses checkout, atau orientasi. Pertimbangkan bagaimana pengguna sampai ke setiap halaman, semua tindakan yang mungkin mereka lakukan di halaman itu dan ke mana mereka pergi dari halaman itu untuk maju menuju tujuan mereka.

Langkah terakhir dalam alur pengguna Anda seharusnya bukan tindakan pengguna yang menyelesaikan tugas, tetapi fungsionalitas yang mengonfirmasi penyelesaian untuk pengguna.

Jika Anda meningkatkan versi situs web e-niaga saat ini, Anda dapat menggunakan laporan Alur Perilaku Google Analytics untuk wawasan tentang dari mana pengguna Anda berasal, bagaimana mereka menavigasi situs web Anda, dan dari mana mereka keluar.

Saat Anda memetakan alur pengguna, Anda akan melihat bahwa ada beberapa jalur yang dapat diambil pengguna untuk menyelesaikan satu tugas. Cabang atau node akan putus pada titik-titik ini untuk melanjutkan pemetaan jalur utama.

Saat membuat diagram alur, Anda dapat meningkatkan keterbacaan dengan membatasi jumlah arah pergerakannya. Jika Anda berakhir dengan panah yang menunjuk ke segala arah, diagram Anda mulai terlihat lebih seperti labirin. Ada banyak alat aliran pengguna yang tersedia untuk membuat diagram fungsional.

5. Kurangi Arus Anda

Setelah Anda membuat diagram alur pengguna Anda, saatnya untuk mencabut gunting Anda. Langkah ini melibatkan tiga pengeditan signifikan:

1. Menghapus informasi yang tidak penting untuk memvisualisasikan alur
2. Memindahkan detail di luar navigasi pengguna murni ke peta perjalanan
3. Mengidentifikasi langkah-langkah yang berlebihan atau tidak perlu

Langkah terakhir ini kurang untuk memvisualisasikan alur navigasi dan lebih banyak lagi untuk pengguna yang pengalamannya Anda tingkatkan. Semakin banyak keputusan dan tindakan yang harus diambil pengguna untuk menyelesaikan tugas, semakin kecil kemungkinan mereka melakukannya. Sederhanakan alur pengguna Anda sebanyak mungkin untuk meningkatkan peluang konversi.

6. Label Dengan Niat

Beri label semua elemen diagram alur pengguna Anda dengan jelas. Harus jelas apa yang dimaksud dengan setiap bentuk, halaman, bagian, atau tindakan. Hindari penggunaan singkatan jika mengurangi makna. Setelah selesai, mintalah beberapa rekan kerja meninjau alur pengguna Anda untuk melihat apakah mereka dapat menafsirkannya.

Optimalkan Arus Pengguna Anda Dengan Data

Saat membuat situs web baru atau menguji desain atau konten baru, pertimbangkan untuk memeriksa alur pengguna di kehidupan nyata dan membandingkannya dengan harapan Anda seperti yang digambarkan dalam diagram alur Anda. Jika perbedaan muncul, Anda dapat menggunakannya untuk memperbaiki diagram alur Anda atau mengedit antarmuka pengguna itu sendiri untuk memandu pengguna seperti yang Anda rencanakan. Beberapa metode penelitian UX menguji alur pengguna, termasuk pengujian kegunaan, analisis tugas, dan pengujian pohon.

Anda juga dapat menggunakan data dari Google Analytics atau penelitian untuk melihat di mana Anda dapat mengoptimalkan aliran pengguna Anda untuk meningkatkan penjualan. Saat membangun situs web e-niaga, aliran pengguna terikat ke dalam saluran penjualan e-niaga. Itu wajar bagi pengguna untuk menurunkan lebih jauh ke bawah corong mereka pergi (karenanya bentuk corong), tetapi titik drop-off yang drastis menunjukkan area untuk perbaikan.

Dan seringkali, peningkatan berarti mengoptimalkan alur pengguna Anda, baik dengan membuat navigasi lebih alami, mengedit desain, atau menambahkan salinan terarah.

Aliran drop-off juga dapat dihasilkan dari pilihan bisnis: peningkatan rasio pentalan setelah pembeli potensial melihat biaya pengiriman menunjukkan bahwa tarif pengiriman yang tinggi kemungkinan menjadi masalah.

Analisis langkah-langkah seputar rasio pentalan, dan buat hipotesis apa masalahnya (dan solusinya). Uji A/B solusi Anda hingga drop-off berkurang dan lebih banyak pengguna mengalir ke langkah berikutnya.

Membedakan Alur Situs Web E-niaga Anda

Diagram alur e-niaga cenderung mengikuti pola yang serupa: temukan halaman secara eksternal, masuk ke halaman, lihat produk, tambahkan produk ke keranjang, checkout, terima konfirmasi.

Meskipun ini semua adalah langkah-langkah yang terlibat dalam e-niaga secara alami, ada baiknya mempertimbangkan proposisi nilai dan audiens unik Anda saat merancang alur pengguna.

Bisakah Anda menawarkan lebih banyak? Dapatkah pengguna Anda mendapat manfaat dari fitur tambahan?

Beberapa toko e-niaga mencampuradukkan perjalanan pengguna dan alur tugas dengan menyertakan kuis personalisasi atau fitur uji coba. Artis Virtual Sephora, misalnya, memungkinkan pengguna untuk mensimulasikan seperti apa riasan mereka sebelum membeli dari rumah.

Tempat lain untuk membedakan dalam e-niaga yang sering dilupakan saat merancang alur pengguna adalah pasca pembelian. Mengonfirmasi pembelian pelanggan bukanlah akhir dari perjalanan pelanggan. Sekarang mereka harus melacak paket mereka, dengan cemas menunggu kedatangannya, dengan bersemangat membuka kotaknya dan berpotensi mengembalikannya. Sebaiknya pertimbangkan bagaimana Anda dapat meningkatkan pengalaman pengguna dengan pengiriman, halaman terima kasih, dan peningkatan penjualan.

Saat membuat alur untuk situs web dan aplikasi e-niaga, perhatikan semua tahapan corong e-niaga:

• Pertimbangan
• Evaluasi
• Pembelian
• Pasca pembelian

Dorong Penjualan Dengan Aliran UX yang Efisien

Pengalaman pengguna lebih dari sekadar desain cantik yang dinikmati pengguna. Ini merancang arsitektur informasi dan konten yang memandu prospek melalui perjalanan e-niaga menuju konversi.

Ini tentang membangun situs web atau aplikasi yang dapat dinavigasi pengguna dengan mudah, berpindah dari satu tahap ke tahap berikutnya, menemukan produk yang mereka cari, dan mengklik CTA yang tepat saat saatnya tiba.

Menjejalkan terlalu banyak langkah antara titik masuk dan titik penjualan berarti meminta mereka melakukan lebih banyak pekerjaan; terlalu sedikit langkah mungkin tidak cukup untuk menyelesaikan keragu-raguan mereka, yang berarti meminta mereka untuk mengambil risiko yang lebih besar. Tidak ada yang suka bekerja atau mengambil risiko saat membeli secara online.

Memetakan aliran pengguna yang efisien untuk setiap tugas di situs web Anda adalah cara yang efektif untuk menemukan titik gesekan konsumen, sehingga Anda dapat merancang produk digital yang memberikan pengalaman pengguna yang lebih baik dan, akibatnya, mendorong penjualan.