Case Study
Tanggap Dini
UI/UX CASE STUDY — TANGGAP DINI
Aplikasi Penanggulangan Pasca Bencana
Disclaimer : project ini merupakan challenge akhir yang diberikan oleh mitra Skilvul program kegiatan Kampus Merdeka
Perkenalan
Hallo semua👋, Nama saya Muhammad Ridwan. Saya merupakan salah satu peserta program Kampus Merdeka yang diadakan oleh mitra Skilvul bekerja sama dengan Kementrian Pendidikan, Kebudayaan, Riset dan Teknologi (KEMENDIKBUD RISTEK). Lewat tulisan ini, saya mau bagiin pengalaman pertama saya belajar dunia UI/UX Design. Selamat membaca, semoga infonya nyampe dengan baik ya!
Latar Belakang
Tanggap Dini merupakan sebuah aplikasi penanggulangan pasca bencana. Aplikasi ini sangat membantu bagi para korban bencana yang terkena musibah bencana alam didaerahnya.
Fitur unggulan yang terdapat pada aplikasi ini yaitu terdapat fitur mengetahui Cuaca hari ini dan antar daerah dan melihat siaran langsung kejadian live seperti kejadian gempa bumi di Indonesia. Aplikasi ini juga menyediakan terdapat banyak fitur yang menarik seperti fitur untuk meminta dan menawarkan bantuan kepada para korban bencana lalu terdapat fitur SOS (Save Our Souls) dan juga terdapat fitur penanganan bencana jika terjadi kembali.
Oleh karenanya, aplikasi ini sangat membantu bagi para korban bencana dan para relawan yang ingin membantu korban yang terkena musibah.
Objektif
✔ Mencari tahu pemahaman masyarakat mengenai penanganan bencana di Indonesia.
✔ Mencari tahu kebutuhan masyarakat dalam mendapatkan informasi mengenai bencana alam yang terjadi di seluruh wilayah Indonesia.
✔ Mencari tahu kesulitan yang dihadapi masyarakat saat menghadapi bencana.
✔ Mencari tahu kebutuhan masyarakat saat terjadinya bencana dan pasca bencana.
Peran dalam Tim
Kami berkolaborasi dengan 4 anggota dari Tim 2 diantaranya :
- Muhammad Ridwan (saya)
Az-Zahra
Dalam tim ini tanggung jawab saya adalah :
- Membuat bagian beranda atau halaman utama
- Membuat bagian profile
- Membuat tampilan bagian statistic cuaca 5 hari
- Membuat tampilan notifikasi
Tools
Berikut merupakan beberapa tools yang kami gunakan saat membuat project ini diantaranya :
Google docs, Google sheets, Google drive , Figma.
Desain Proses
Dalam kasus ini kami memilih menggunakan Desain Pemikiran sebagai pendekatan desain proses yang kami lakukan. Karena lebih efektif dalam pengerjaannya dimana tim saling berdiskusi akan progress kedepannya ini akan berjalan sesuai dengan rencana. Diantaranya Empathize, Define, Ideate, Prototype, Test.
1. — Empathize📩
Pada tahap ini kami berfokus untuk mengetahui pemikiran,keinginan, dan kebutuhan pengguna. Pada tahapan ini sangat diperlukan karena mengetahui masalah apa saja yang akan diselesaikan, sehingga penting bagi perancang untuk memahami pengguna.
2. — Define📔
Dalam membuat project ini kami mendefinisikan beberapa permasalahan tersebut diantaranya Bagaimana kita mendesain aplikasi yang dapat memberikan informasi dan membantu masyarakat dalam penanganan bencana.
3. — Ideate💡
Pada tahap ini kami berdiskusi memberikan beberapa masukan untuk menambah fitur apa saja yang terdapat pada aplikasi ini.
4. — Prototyping📱
Bagian ini kalian bisa mendemonstrasikan aplikasi Tanggap Dini. Selamat mencoba😊
Let’s Try ⬇️
5. — Testing dan Wawancara🎤
Pada tahap ini kami mencari seseorang yang diminta untuk mendemonstrasikan dan memberikan penilaian aplikasi tanggap dini.
Hasil rekaman wawancara
Kami mengundang peserta untuk mendemonstrasikan aplikasi ini.
Data Interview
Userflow
Pada tahap ini kami membuat sebuah interaksi yang dilakukan pengguna saat menggunakan suatu produk dalam menyelesaikan suatu tugas.
Prioritas Ide
Pada tahap ini kami berdiskusi memilih ide apa saja yang akan duluan dibuat terlebih dahulu dan tidak lupa harus memikirkan developernya juga sebab dalam pengerjaan ini developer tidak mudah untuk membuat sebuah fitur tersebut. Disclaimer Developer yang dimaksud itu orang yang membuat sebuah aplikasi.
Desain tampilan
Berikut merupakan beberapa tampilan dari aplikasi Tanggap Dini diantaranya wireframe, dan desain hi-fi.
Wireframe, Merupakan sebuah kerangka pada saat sebelum membuat tampilan desain hi-fi. Berikut beberapa tampilan wireframe :
Desain Hi-Fi (Hight Fidelity), Merupakan sebuah tampilan dengan tingkat presisi yang tinggi. Berikut beberapa tampilan Desain Hi-Fi :
Desain sistem
Desain sistem merupakan sebuah persiapan beberapa komponen yang nantinya akan di pakai untuk membuat sebuah desain. Diantaranya : warna, huruf, ikon, dan tombol.
Kesimpulan
Dengan dibuatnya aplikasi Tanggap Dini ini memudahkan masyarakat mengetahui sekaligus membantu bagi para korban yang terkena dampak bencana alam didaerahnya.
Kekurangan Desain Aplikasi
- Kurangnya bagian validasi dibeberapa halaman tertentu.
- Bagian SOS yang belum familiar
Kelebihan Aplikasi
- Semua fitur dapat diakses dengan mudah.
- Pendaftaran yang sangat mudah.
- Terdapat kontak darurat.
- Terdapat materi dan video untuk penanganan bencana jika terjadi kembali.
- Terdapat fitur minta dan tawarkan bantuan bagi para relawan ataupun korban bencana
Penutup
Sekian yang dapat penulis sampaikan terimakasih telah membaca artikel ini sampai selesai semoga kedepannya baik penulis dan pembaca mendapatkan wawasan lebih dari apa yang diharapkan. Akhir kata saya ucapkan TerimaKasih🙏.