Yuk Langsung Gas Aja 🚀🚀

Kita akan coba merancang sebuah flow untuk fitur Log in/Sign up dengan menggunakan email. Kita akan mulai buat dari sketch sampai userflow

Untuk membuatnya ada beberapa langkah:

1. Mengetahui Kebutuhan fitur
2. Membuat langkah langkah yang harus dilakukan oleh user
3. Membuat Gambaran besar USER FLOW
4. Pembuatan SKETSA
5. Membuat WIREFRAME berdasarkan sketsa
6. Membuat UI Design

1. Mengetahui Kebutuhan untuk fitur ini

Untuk mempermudah memahami kebutuhan fitur, coba posisikan sebagai user, dan bayangkan apa saja yang bisa dilakukan oleh user. Contohnya seperti ini:

• Sebagai user, saya bisa melakukan Sign Up dengan menggunakan email
• Sebagai user, saya bisa melakukan Log in, Jika saya sudah memiliki akun sebelumya

2. Membuat langkah yang harus dilakukan user

Ini adalah proses perancangan skenario bagaimana user akan menggunakan fitur ini. Yang harus kita perhatikan adalah user harus melewati proses nya dengan nyaman.

Untuk fitur pendaftaran dengan menggunakan email langkah langkahnya bisa kita buat seperti berikut:

Langkah 1 — User membuka aplikasi

Langkah 2 — User akan melihat page Login

Langkah 3 — User melakukan Login bila sudah memiliki akun

Langkah 4 — Namun akan Sign Up jika belum memiliki akun di aplikasi tersebut, jika berhasil user akan login dengan akun untuk masuk ke aplikasi

3. Membuat Gambaran besar User Flow

Setelah membuat langkah langkah, kita bisa mengubah langkah langkah tersebut menjadi sebuah gambaran besar seperti dibawah ini