Perancangan Fitur Menu Cash Flow Aplikasi Krealogi by Du Anyam — UX Case Study

Disclaimer

Proyek ini merupakan bagian dari program pelatihan Skilvul Kampus Merdeka UI/UX Design Mastery serta bekerja sama dengan pihak Krealogi sebagao mitra Challenge Partner . Saya bersama tim tidak dipekerjakan atau terikat oleh kontrak profesional oleh Skilvul.

Latar Belakang Krealogi

Krealogi merupakan sebuah bagaian dari revolusi digital untuk UMKM Indonesia. Aplikasi Krealogi dibuat dengan tampilan yang ramah pengguna, sehigga dapat digunakan oleh pelaku usaha dari berbagai kalangan. Fitur yang dibuat juga bertujuan untuk menjawab permasalahan yang dihadapi pelaku usaha. Selain itu, Krealogi juga merupakan sebuah wadah untuk mengembangkan kemampuan dan keterampilan para pengusaha UMKM.

Sebagai bagian dari revolusi digital UMKM Indonesia, aplikasi Krealogi menghadirkan kemudahan dalam pencatatan dan perencanaan strategis UMKM. Fitur-fitur unggulan seperti Catat Pesanan, Rencana Produksi, Catat Biaya hingga Laporan Usaha akan membantu proses-proses tersebut. Di Krealogi juga terdapat berbagai kelas pelatihan dan modul digital untuk mengembangkan kemampuan berbisnis para penggunanya.

Berkolaborasi dengan skilvul Krealogi ini menambahkan fitur baru untuk memudahkan user untuk membuat catatan rangkuman usaha dengan lebih mudah dan praktis. Oleh karena itu, Krealogi membutuhkan solusi digital yang memberikan layanan kepada user. Sebagai desainer UI/UX, prototipe aplikasi seluler dapat membantu user untuk lebih mengenal fitur yang baru dirancang ini.

Objektif

Goals dari project ini yaitu membuat user dapat mengolah cash flow sesuai dengan kebutuhan usahanya dan memantau performa usahanya melalui aplikasi Krealogi.

Peran dalam Tim

Dalam mengerjakan project ini, saya berkolaborasi dengan 3 anggota tim, yaitu Pitri Sri Rahayu, Fahrial Pakusadewa, dan M. Ramadhian Arifianto. Dalam tim ini, tanggung jawab kami adalah bersama-sama mengerjakan project ini dari awal hingga akhir melalui beberapa langkah.

Peran saya dalam tim adalah sebagai UI Designer yang mempunyai tanggung jawab sebagai berikut :

1. Menentukan design menu catatan keuangan dari aplikasi yang akan dibuat.
2. Memilih dan menciptakan elemen atau fitur yang mengisi kekurangan aplikasi krealogi dengan berdiskusi bersama tim.
3. Mengerjakan tiap langkah dari Design Process yang kami tentukan.

Design Process

Identifikasi Masalah

Sebelum mengerjakan project ini hal yang pertama kami lakukan yaitu mengidentifikasi masalah. Berdasarkan hasil user research yang telah kami lakukan, kami menemukan beberapa masalah yang sebagai berikut :

1. Pengguna kesulitan dalam membuat catatan rangkuman usaha secara manual karena memerlukan tenaga dan waktu yang lebih dalam pembuatannya.
2. Pengguna memerlukan media yang dapat membantu mereka dalam membuat catatan rangkuman usaha dengan lebih mudah dan praktis.

Brainstorming Solution

Setelah itu kami melakukan pemrioritaskan terhadap permasalahan tersebut. Kami membagi skala prioritas tersebut menjadi 4 skala, yaitu sebagai berikut :

User Flow

Sebelum ke tahap prototyping, pembuatan userflow, wireframe, dan UI design harus dipersiapkan dan dirancang terlebih dahulu. Hasil task flow tersebut hasil diskusi dari bersama tim. Dalam task flow ini kami memecah menjadi 4 task flow yaitu :

1. Membuat catatan keuangan :

• Dalam membuat catatan keuangan ini sangat penting karena di dalam usaha harus ada catatan keuangan masuk dan keuangan pengeluaran agar agar dapat mengetahui grafik keuntungan dan kerugian dalam usahanya.

2. Mencetak laporan keuangan :

• Mencetak laporan keuangan dalam usaha itu sangat penting dikarenakan dapat mengetahui posisi keuangan alokasinya kemana aja dapat mengevaluasi keuangan sebelum-sebelumnya .

3. Mencatat jumlah data penjualan barang :

• Jika kita mencatat jumlah data penjualan arang yang kita jual itu kita dapat mengetahui penuruan barang atau kenaikan barang pada periode waktu tertentu.

4. Melihat perkembangan peforma usaha :

• Dengan melihat perkembangan performa usaha hal ini berarti pengembangan usaha bertujuan untuk mempertahankan usaha agar tetap produktif dan menghasilkan keuntungan dalam jangka panjang.

Wireframe

Tahap selanjutnya yaitu membuat wireframe :

Pada wireframe pertama ini ada beberapa halaman :

• Halaman Pilih Jenis Tambah Data
• Halaman Pilih Jenis Data Keuangan
• Detail Performa Usaha

Selanjutnya pada wireframe yang kedua :

• Halaman Menu Keuangan
• Halaman Input Data Barang Terjual

Selanjutnya pada wireframe ke tiga:

• Halaman Cetak Laporan Keuangan
• Halaman Preview Cetak Laporan Keuangan

Terakhir wireframe ke empat :

• Halaman Input Catatan Keuangan Pemasukkan
• Halaman Input Catatan Keuangan Pengeluaran
• Halaman Input Catatan Total Keuangan

Design System

Selanjutnya kita tahap design system sebelum ke tahap ui design . Berikut beberapa design system yang kami buat :

Typography

Colors

Iconography

Components

UI Design

Tampilan Menu Tambah Data Keuangan

Tampilan Menu Tambah Data Barang

Tampilan Menu Cash Flow dan Download Data

Tampilan Halaman FAQ

Prototyping

Figma

Pada tahap ini, saya dan tim menggunakan metode In-Depth Interview & Usability Testing. Untuk itu, kami telah mewawancarai seorang responden untuk membantu kami dalam melakukan testing. Berikut adalah informasi mengenai responden kami :

Nama : Nurul Dwi Pajriah

Umur : 21 Tahun

Pekerjaan : Pemilik usaha kecil

Domisili : Bandung

Kami melakukan sesi tanya jawab mengenai pengalaman dan harapan responden seputar krealogi. Kami juga melakukan pengetesan prototype hasil UI Design yang telah kami buat. Lalu Single Ease Question yang kami dapatkan dari responden adalah 7.

Berikut adalah dokumen yang kami gunakan dan hasil dari record data yang kami peroleh.

• Stimulus User Research

https://bit.ly/StimulusKrealogi-UIUX73

• Record Data

Record Data User Research Krealogi - UIUX73

Kesimpulan

Dari keseluruhan proses yang telah saya dan tim saya lakukan, kesimpulan yang dapat diambil adalah aplikasi krealogi yang kami rancang sudah dapat memenuhi tujuan atau objektif yang kami buat. Hal ini berdasarkan jawaban responden yang juga merupakan pengusaha mikro kecil.

Dari responden tersebut sangat terbantu jika adanya aplikasi seperti krealogi ini yang dapat memudahkan pencatatan barang, keuangan, dan transaksi lainnya yang dapat mengembangkan usahanya menjadi lebih besar. Apalagi aplikasi ini sangat mudah untuk di pelajari bagi pengusaha-pengusaha menengah ini untuk mencatat transaki usaha tersebut.

Sekian yang dapat saya tuliskan pada tulisan ini. Terima kasih atas perhatian dan waktunya. See you!