Description

UI Design App SaveSmart

1. Prinsip Gestalt yang Diterapkan
   1. Similarity
       Prinsip kesamaan diterapkan pada elemen navigasi utama di bottom navbar, yaitu Home, Analytics, Wallet, dan Profile. Semua ikon       menggunakan gaya visual, ukuran, dan warna yang konsisten, sehingga membentuk kesan bahwa elemen-elemen ini merupakan           bagian dari kelompok yang sama. Hal ini membantu pengguna mengenali fungsi navigasi dengan cepat tanpa kebingungan.
   2. Proximity
       Pada halaman Home, informasi terkait pemasukan, pengeluaran, dan balance dikelompokkan dalam satu area yang berdekatan.             Penempatan ini menciptakan hubungan visual yang kuat, sehingga pengguna memahami bahwa elemen-elemen ini saling terkait.         Selain itu, pada halaman Analytics, grafik analitik dan opsi sort by ditempatkan berdekatan untuk menegaskan bahwa keduanya             adalah bagian dari fungsi analitik yang saling mendukung.
   3. Figure and Ground
       Prinsip ini diterapkan pada tampilan tombol atau elemen interaktif seperti sort by dan add transaction (+), di mana elemen tersebut       menonjol dari latar belakangnya melalui penggunaan kontras warna. Hal ini mempermudah pengguna untuk mengenali elemen            yang membutuhkan interaksi lebih cepat, karena figur utama jelas terpisah dari latar belakang.
2. Analisis Prinsip Desain yang Diterapkan
   1. Alignment
       Elemen-elemen dalam aplikasi SaveSmart dirancang dengan keselarasan yang konsisten. Contohnya, teks dan ikon pada bottom           navbar disejajarkan dengan baik sehingga menciptakan tampilan yang rapi. Hal ini mempermudah pengguna untuk memahami             hierarki informasi dalam antarmuka.
   2. White Space
       Penggunaan ruang kosong yang cukup antara elemen seperti card pada halaman Home dan grafik di halaman Analytics                         memberikan kesan desain yang lebih bersih dan tidak membingungkan. White space juga membantu pengguna memfokuskan             perhatian pada elemen penting.
   3. Consistency
       Desain aplikasi mempertahankan konsistensi dalam gaya ikon, warna, dan tata letak di seluruh halaman. Hal ini menciptakan                 pengalaman pengguna yang intuitif, karena mereka dapat mengenali pola desain yang sama di setiap bagian aplikasi.
   4. Visual Hierarchy
       Informasi pada halaman Home, seperti pemasukan, pengeluaran, dan balance, dirancang dengan ukuran teks yang berbeda untuk         menunjukkan prioritas. Elemen dengan ukuran lebih besar atau posisi lebih tinggi pada layar secara otomatis menjadi fokus utama       pengguna.