⚪️ 💣 👩🏽‍🤝‍👩🏻 Alur pengguna: cara membuat aplikasi dan situs populer 🤮 🤰🏾 🎅🏾

Halo semuanya!

Saya Maxim Skvortsov, desainer UX / UI dari Omega-R, sebuah perusahaan internasional untuk pengembangan dan integrasi solusi TI. Saya merancang dan memvisualisasikan antarmuka aplikasi seluler dan web.

Berdasarkan pengalaman saya di bidang teknologi informasi dan keahlian perusahaan, saya ingin berbagi visi dan pendekatan saya dengan penggunaan salah satu alat desain desain - aliran pengguna. Mengapa ini digunakan dan mengapa itu asisten yang berharga bagi seorang desainer? Seperti apakah aliran pengguna dan bagaimana membuatnya?

gambar

Apa itu aliran pengguna?

Situasi: Anda telah menemukan aplikasi baru yang berjanji untuk melakukan apa yang Anda inginkan, dan Anda dengan penuh semangat menekan tombol unduh. Setelah beberapa saat, aplikasi dimulai dan Anda siap untuk memulai. Tetapi pertama-tama Anda harus mendaftarkan akun, kemudian memberikan izin aplikasi untuk mengakses lokasi Anda dan mengirimkan pemberitahuan push, setelah itu Anda perlu menelusuri seluruh tutorial, perjanjian tentang penggunaan data pribadi, dll. Kebenaran pahit adalah bahwa pengguna dalam interaksi ini lebih cenderung untuk menutup dan menghapus instalan aplikasi, tidak peduli seberapa fungsionalnya. Inilah sebabnya mengapa sangat penting untuk mengoptimalkan jalur pengguna dalam aplikasi dengan aliran pengguna.

Alur pengguna adalah representasi visual dari urutan tindakan.yang dilakukan pengguna untuk mencapai tujuannya . Ini dapat mencakup fungsi tertentu atau seluruh produk.

Untuk membuat urutan, perlu melakukan penelitian dan menjawab tiga pertanyaan dasar :

Siapa pengguna itu?
Apa tujuannya?
Langkah apa yang harus dia ambil untuk mencapai ini?

Ini adalah pertanyaan utama yang terkadang sulit untuk memberikan jawaban yang jelas, sehingga pertanyaan pendukung dapat membantu:

Untuk apa pengguna menggunakan aplikasi ini?
Apa yang memotivasi pengguna untuk mencapai tujuan ini?
Bagaimana aplikasi ini membantu Anda mencapai tujuan Anda?
Apa yang bisa mencegah pengguna menggunakan aplikasi?
Kualitas produk atau layanan apa yang paling penting bagi pelanggan dan pengguna? Apa pertanyaan, keraguan, dan keraguan?
Kualitas aplikasi apa yang paling penting bagi pengguna?
Informasi apa yang dibutuhkan pengguna untuk menyelesaikan suatu tindakan?
Jenis pemicu emosional apa yang mendorong mereka untuk bertindak?

Dalam proses desain, banyak pertanyaan harus selalu muncul. Pencarian jawaban untuk mereka memberikan kesempatan untuk mempertimbangkan setiap hal kecil dari semua pihak. Hanya dalam hal ini hasilnya dapat menjadi produk yang benar-benar nyaman.

Alur pengguna adalah cerita tentang pengguna.

Alur pengguna memungkinkan Anda untuk melihat interaksi pengguna dan aplikasi melalui mata pengguna.

Jika situs lengkap menyediakan ruang yang cukup untuk kreativitas, maka pengembangan aplikasi seluler selalu memaksa kita untuk mencari keseimbangan antara fungsionalitas dan kegunaan. Di satu sisi, pengguna harus dengan mudah mengakses fungsi paling penting dari layar utama aplikasi tanpa banyak langkah tambahan, dengan mudah mengklik tombol besar. Di sisi lain, ketika kita berbicara tentang aplikasi, ini bukan hanya tentang tombol.

Misalkan Anda membuat aplikasi untuk pemutar musik. Di satu sisi, Anda ingin pengguna dapat memutar lagu favorit mereka dengan satu sentuhan. Di sisi lain, mereka membutuhkan cara untuk menentukan trek favorit, mencari musik baru (mungkin di beberapa tempat), mengontrol volume dan menyesuaikan equalizer, mengurutkan musik, mengacak daftar, membaca biografi artis, melakukan pembelian dan memiliki semua fungsi pemain lainnya. Pengguna ingin berbagi rekomendasi dan daftar putar di jejaring sosial dan melihat apa yang didengarkan teman-teman mereka.

Jika pengguna menjelajahi toko online sambil mendengarkan daftar putar dan memutuskan untuk melewati trek saat ini, ia tidak perlu menutup toko dan kembali melalui beberapa langkah menu - akses ke tombol lompatan ini harus di layar yang sama.

Membuat aplikasi yang paling fungsional tidak begitu sulit, tetapi menggabungkannya dengan cara yang paling menarik dan ramah pengguna adalah tugas yang jauh lebih sulit. Jika perusahaan pengembang tidak mengatasinya dan tidak membuat aplikasi secara intuitif, maka itu akan tetap tidak diklaim dalam cerita. Itu selalu lebih mudah bagi pengguna untuk mengunduh aplikasi yang lebih dimengerti daripada menghabiskan waktu membaca manual dan tutorial atau berkeliaran tanpa henti mencari makna.

Peran desainer

Bayangkan Anda sedang mengerjakan suatu produk dalam satu tim, di mana ada Manajer Proyek, Pengembang Backend dan Web. Misalkan ada semacam tugas teknis dari pelanggan, yang ditulis dengan cukup detail dan nyenyak. Tetap hanya untuk mengambil dan membuat suatu produk.

Apa yang harus dilakukan seorang desainer? Menilai dari hasil yang diharapkan, gambar semua layar yang diperlukan sehingga produk akhir nyaman dan indah, dan berikan kepada pengembang.

Secara umum, ya. Tetapi ada bagian bawah laut dari gunung es. Banyak hal tersembunyi di sana yang hanya sedikit dipikirkan orang. Kita semua menyukai antarmuka yang nyaman dan intuitif, kita suka ketika semuanya bekerja secara logis dan hasil dari setiap interaksi dapat diprediksi. Dan agar semua ini terjadi, Anda harus hati-hati mengerjakan setiap detail.

Hanya untuk ini Anda memerlukan aliran pengguna - ini akan membantu menentukan cara bagi pengguna untuk mencapai tujuan, menghitung skenario positif dan negatif pada jalur yang dipilih untuk mencapai tujuan pengguna potensial kami. Itu memungkinkan untuk memahami apakah semua proses dalam produk memiliki kesimpulan logis dan dibangun secara efisien, sehingga pengguna menghabiskan waktu minimum untuk mencapai tujuan.

Penting: semakin besar masalah dan semakin banyak fungsi, semakin banyak skenario yang harus Anda selesaikan.

Dengan demikian, aliran pengguna membantu menghilangkan kesalahan umum saat membuat daftar fungsi yang diperlukan dan hanya merancang antarmuka berdasarkan pada mereka. Pendekatan semacam itu tentu saja mungkin. Tetapi ini dapat menyebabkan skenario interaksi dengan antarmuka yang menyebabkan pengguna harus melalui terlalu banyak langkah untuk melakukan operasi sederhana.

Nilai untuk tim produk

Alur pengguna membantu di tingkat atas untuk mengoordinasikan skenario dengan pelanggan untuk produk atau fungsionalitas. Terutama ketika pelanggan tidak memiliki persyaratan spesifik dan terperinci (ketika mereka sendiri tidak mengerti dengan baik apa yang mereka inginkan). Dalam hal ini, aliran pengguna dapat memberikan arahan kepada pelanggan, dan mereka akan memberi tahu Anda di tempat mana mereka ingin mengubah logika dengan memberikan umpan balik mereka - baik dalam bentuk komentar atau dengan secara mandiri menyesuaikan skema saat ini. Terlepas dari kenyataan bahwa menciptakan aliran pengguna tampaknya seperti proses yang rumit dan memakan waktu, membantu menghilangkan banyak kesalahan selama pengembangan produk. Dengan bantuannya, seperti yang mereka katakan, "perlahan-lahan memanfaatkan, tetapi cepat naik."

Untuk PM, berdasarkan aliran pengguna, nyaman untuk memulai tugas untuk pengembang - cukup jelas dan transparan perubahan apa yang perlu dilakukan pada logika saat ini atau fungsi baru apa yang akan ditambahkan.

Penguji dapat menyiapkan kasus penggunaan (tes) dan daftar periksa, karena mereka menunjukkan skrip yang mudah digunakan dalam format yang mudah.

Alur pengguna sangat berguna bagi tim, terutama ketika komposisi tim cukup besar - Anda tidak perlu menjelaskan logika kerja secara terpisah. Dengan demikian, aliran pengguna melibatkan pelanggan dalam proses desain, memotivasi tim, mengarahkan semua proses kerja dalam satu arah, karena setiap anggota tim melihat gambar secara keseluruhan.

Nilai pelanggan

Seorang pengguna hampir selalu orang yang membeli atau menggunakan produk atau layanan atau berpotensi siap untuk melakukannya. Dari seberapa nyaman proses ini dibangun, loyalitas pengguna bergantung. Tidak peduli bagaimana dia membeli produk atau layanan - di kantor, melalui panggilan, dengan spesialis mengunjungi rumah, melalui situs, melalui aplikasi - cara untuk memperoleh dan menggunakan harus sesederhana mungkin.

Adapun situs dan aplikasi seluler, aliran pengguna adalah cara pengguna akan menavigasi konten (teks, gambar, audio, video). Alur pengguna termasuk memprioritaskan persyaratan konten, hambatan untuk navigasi, dan pencarian rute tercepat dan paling tidak menyakitkan untuk tindakan target. Intinya, aliran pengguna terhubung langsung ke corong konversi, dan perusahaan IT yang menggunakan aliran pengguna secara otomatis mengembangkan corong konversi yang efektif atau mengoptimalkan corong yang ada.

Hasil dari bantuan yang diberikan kepadanya dalam mencapai tujuan yang terkandung dalam desain berkat aliran pengguna adalah pengguna yang bahagia dan tertarik. Pengguna yang senang dan tertarik berarti lebih banyak waktu yang dihabiskan dalam aplikasi atau di situs, tingkat bouncing yang lebih rendah, tingkat konversi yang meningkat dan pengalaman pengguna yang lebih baik.

Dengan demikian, aliran pengguna secara langsung mempengaruhi keberhasilan situs atau aplikasi seluler dan keuntungan pelanggan. Pengguna menjadi pusat desain, dan ini sepenuhnya bertepatan dengan prinsip fokus pelanggan pada bisnis.

Seperti apa bentuknya?

Saya belum pernah melihat standar yang jelas sesuai dengan desain aliran pengguna. Representasi aliran pengguna dapat berbeda dan tergantung pada seberapa teliti semuanya perlu dikerjakan. Adalah penting untuk mencapai tujuan Anda sebagai perancang - sehingga pelanggan dan tim produk memahami bagaimana pengguna akan mendapatkan akses ke fungsi tertentu, di mana mereka akan berada dan bagaimana mereka akan bekerja.

Alur pengguna dapat direpresentasikan sebagai kombinasi dari:

alur tugas
aliran kawat (lo-fi)
aliran layar (hi-fi)

Mari kita lihat masing-masing dan lihat bagaimana mereka bisa melihatnya. Sebagai contoh, kami mengambil toko peralatan rumah tangga online. Tetapkan pengguna, sasarannya, dan langkah-langkahnya untuk mencapai sasaran itu.

Biarkan pengguna kami menjadi ibu muda yang tujuannya adalah membeli pengolah makanan multifungsi. Satu skenario dalam urutan langkah mungkin terlihat seperti ini:

buka situs web toko;
ketik pencarian "food processor";
Bandingkan beberapa produk dari hasil pencarian
letakkan produk yang Anda sukai di keranjang;
melakukan pembelian;
membayar;
tutup situs.

Alur tugas

Alur tugas adalah representasi sederhana dari apa yang dilakukan pengguna pada setiap langkah untuk mencapai tujuan atau tugas. Ini pada dasarnya adalah diagram alur klasik yang mendefinisikan urutan ini.

gambar

Skema ini tidak mencerminkan konvensi dan masalah lain yang perlu ditangani. Dan apa yang akan terjadi jika tidak ada yang ditemukan oleh hasil pencarian? Dan apa yang akan terjadi jika pembayaran tidak berhasil? Di sini, hanya langkah-langkah umum yang disajikan yang dapat melibatkan banyak tindakan: misalnya, pencarian dapat diperluas dengan banyak filter, jalur pembayaran tergantung pada pilihan alat pembayaran, dll.

Untuk membuat diagram, Anda dapat menggunakan daftar elemen yang diperlukan dan memadai dari diagram blok klasik yang ditunjukkan pada gambar, atau menggunakan standar BPMN - Ini ditujukan untuk spesialis teknis dan pengguna bisnis.

gambar

Aliran kawat (lo-fi)

Aliran kawat adalah kombinasi dari diagram alur dan gambar rangka. Wireframe adalah sketsa rendah detail dari desain layar, yang penekanannya bukan pada komponen visual, tetapi pada lokasi elemen, struktur, dan konten layar.

Dalam wire wire, alih-alih elemen flowchart, tata letak layar skematik disajikan, yang digunakan pengguna untuk berinteraksi dalam mencapai tujuan. Tidak perlu fokus pada detail visual dan menggambar setiap tombol dan ikon. Paling sering, penekanannya adalah pada elemen navigasi dalam desain setiap halaman.

Aliran kawat sangat berguna saat membuat layar ponsel: ukuran layar ponsel yang relatif kecil mudah digunakan untuk menggantikan elemen diagram alur yang lebih abstrak. Kawat mengalir nyaman untuk pembentukan dan penyempurnaan spesifikasi teknis, tetapi hampir tidak cocok untuk tahap pengujian.

Contoh skema seperti itu:

gambar

Aliran layar (hi-fi)

Di sini kita berbicara tentang layar rumit yang dapat dimengerti oleh pengguna dan pengembang. Biasanya, penekanan ditempatkan pada elemen navigasi dan beberapa nuansa perilaku. Ini dapat digunakan sebagai dokumen peraturan untuk menyetujui desain tata letak.

Aliran layar pada dasarnya dapat disebut prototipe jika Anda menambahkan interaktivitas padanya. Fiturnya adalah akurasi tinggi atau pencocokan piksel sempurna: memperhitungkan ukuran fisik layar dan menyajikan semua detail visual dan tipografi produk. Elemen aliran layar sebenarnya adalah tata letak layar dari aplikasi yang sudah selesai.

Pelanggan aplikasi mungkin terkejut dengan kecepatan pengembangan ketika Anda menunjukkan kepadanya aliran layar, dan mungkin berpikir bahwa pengembangannya hampir selesai. Sebagai aturan, kami memberi tahu pelanggan sebelumnya bahwa tidak ada kode di belakang aliran layar, tetapi kehadiran aliran layar memberi pelanggan jaminan bahwa UX dan UI yang disiapkan dengan baik akan diikuti oleh kode yang sama-sama sempurna.

Contoh aliran layar:

gambar

Di bawah ini adalah contoh bagaimana hibrida dari diagram alur klasik, gambar skematik, dan tata letak akhir mungkin terlihat seperti dalam agregat.

gambar

Seperti yang Anda tahu, yang paling memakan waktu adalah yang paling rumit - aliran layar. Sepertinya aplikasi yang berfungsi dan siap untuk prototyping interaktif, pengujian, iterasi baru, persetujuan dan transfer ke pengembang. Ada banyak alat otomatisasi untuk desain tim aliran pengguna, termasuk Overflow, Miro, Flowmapp, dan lainnya.

Dengan demikian, aliran pengguna, yang mencakup seluruh produk, mensistematisasikan dan menyusun proses pembuatannya, secara maksimal mengarahkan tim produk pada kebutuhan pengguna dan pemahaman bersama mereka, memungkinkan Anda untuk membuat produk yang sangat jelas dan intuitif dengan menganalisis skenario pengguna. Semua ini tidak hanya secara signifikan mempercepat kecepatan pengembangan, tetapi juga memperdalam interaksi dengan pelanggan. Alur pengguna membuat perusahaan TI selalu memikirkan persyaratan bisnis pelanggan untuk membuat aplikasi yang lebih efisien dan sukses daripada yang dimungkinkan dalam anggaran dan waktu yang dialokasikan tanpa menggunakan aliran pengguna.

Alur pengguna: cara membuat aplikasi dan situs populer