1. Latar Belakang

Dalam era digital yang semakin kompetitif, aplikasi keuangan seperti SmartPay Purbalingga menghadapi tantangan besar dalam menarik dan mempertahankan pengguna sejak detik pertama mereka membuka aplikasi. Penelitian menunjukkan bahwa pengguna membutuhkan waktu kurang dari 8 detik untuk memutuskan apakah mereka akan melanjutkan penggunaan sebuah aplikasi atau berhenti (abandonisme).

First impression atau kesan pertama bukan sekadar tampilan visual semata, melainkan mencakup keseluruhan pengalaman awal pengguna, mulai dari animasi pembuka (splash screen), proses pengenalan fitur (onboarding), hingga transisi menuju layar utama aplikasi. Pada konteks SmartPay Purbalingga — sebuah aplikasi pembayaran digital yang dirancang untuk masyarakat Purbalingga — pengalaman onboarding yang baik menjadi krusial untuk membangun kepercayaan dan kenyamanan pengguna, terutama segmen pengguna yang belum familiar dengan teknologi fintech.

Berdasarkan kondisi tersebut, Week 11 pembelajaran di Perwira Learning Center berfokus pada implementasi splash screen dinamis dan alur onboarding yang efektif sebagai bagian dari optimalisasi antarmuka SmartPay Purbalingga.

2. Pengertian

2.1 Splash Screen

Splash Screen adalah layar pembuka yang ditampilkan sementara saat aplikasi sedang memuat (loading) sumber daya yang dibutuhkan. Splash screen biasanya menampilkan logo, nama brand, dan animasi singkat sebelum pengguna diarahkan ke layar utama atau layar login.

2.2 Onboarding

Onboarding adalah serangkaian layar atau langkah interaktif yang memperkenalkan fitur-fitur utama aplikasi kepada pengguna baru. Onboarding yang baik dirancang untuk menjawab tiga pertanyaan dasar pengguna:

1. Apa yang bisa dilakukan aplikasi ini?
2. Bagaimana cara menggunakannya?
3. Apa manfaatnya untuk saya?

2.3 Dinamis vs Statis

Splash screen dan onboarding dinamis berarti konten, animasi, dan alurnya dapat berubah berdasarkan kondisi tertentu, misalnya: menampilkan promo spesial untuk pengguna yang pertama kali login, atau melewati halaman onboarding bagi pengguna yang sudah pernah menggunakannya.

3. Pembahasan dan Konsep

3.1 Prinsip Desain Splash Screen yang Efektif

• Durasi optimal: 2–3 detik. Terlalu singkat membuat branding tidak tersampaikan; terlalu lama membuat pengguna frustrasi.
• Konsistensi branding: Warna, logo, dan tipografi harus sesuai dengan identitas SmartPay Purbalingga.
• Animasi yang bermakna: Gunakan animasi yang memiliki tujuan (misalnya, logo yang "mengembang" menyimbolkan pertumbuhan finansial).
• Produktif di background: Selama splash screen ditampilkan, aplikasi harus sudah melakukan proses loading data di background.

3.2 Arsitektur Onboarding SmartPay Purbalingga

Alur onboarding SmartPay Purbalingga dirancang dengan struktur 3 slide: 

3.3 Implementasi Teknis: Flutter

SmartPay Purbalingga dibangun menggunakan Flutter. Berikut adalah implementasi splash screen dinamis:

3.4 Implementasi Onboarding Screen

4. Dokumentasi Pembelajaran dan Pengerjaan

4.1 Tahapan Pengerjaan

1. Analisis kebutuhan: Mengidentifikasi target pengguna SmartPay Purbalingga, mayoritas adalah pengguna yang belum familiar dengan fintech, sehingga onboarding harus sederhana dan jelas.
2. Desain wireframe: Membuat sketsa alur dari splash → onboarding → login/register menggunakan Figma.
3. Implementasi splash screen: Menggunakan AnimationController Flutter untuk animasi scale dan fade.
4. Logika dinamis: Menggunakan SharedPreferences untuk menyimpan status "sudah onboarding" agar tidak ditampilkan lagi pada kunjungan berikutnya.
5. Testing: Menguji alur pada emulator dengan berbagai skenario (install baru, buka ulang).

4.2 Kendala dan Solusi

5. Kesimpulan

Daftar Pustaka