Study Case “Pets Care” — Aplikasi Adopsi Hewan

Renisa Maulidifa
7 min readJul 28, 2021

--

Halo Semuanya!!

Perkenalkan kami dari kelompok 8 Frontend Development UI/UX. Pada study case kali ini kami akan menjelaskan tentang aplikasi adopsi hewan yang kami beri nama “Pets Care”, dimana melalui media ini akan dijabarkan mengenai problem, deskripsi masalah, emphatize, define, ideate, prototype, dan test aplikasi.

Check it out !!

Problem

Banyak hewan yang terlantar dan tidak terurus dengan baik.

Deskripsi Masalah

Dari tahun ke tahun tidak hanya populasi penduduk yang meningkat akan tetapi populasi hewan pun juga mengalami peningkatan. Tak heran jika banyak nasib hewan yang terlantar dan tak terurus itu bisa menyebabkan mati kelaparan bahkan bisa dikarenakan kekerasan yang dilakukan oleh manusia. Akantetapi, ada juga yang ditelantarkan di tempat yang tepat, contohnya saja di terlantarkan di dekat rumah pencinta hewan yang bernama Ridho. Dia sangat senang dengan kucing, sehingga jika ada kucing yang terlantar dia pungut atau diambil untuk dirawat nya. Tetapi karena sering kali orang menelantarkan kucing di dekat rumahnya yang membuat ridho juga tidak dapat merawat hewan tersebut dengan baik. Dia memerlukan orang yg memiliki rasa cinta terhadap hewan sama seperti dia. Dengan begitu bagi mereka para pecinta hewan tidak tega membiarkan hal itu terjadi lagi. Untuk itu aplikasi dibuat. Dengan dirancangnya aplikasi yang bernama “Pets Care” ini diharapkan bisa digunakan dengan sebaik mungkin untuk proses pengadopsian hewan yang terlantar dengan tujuan supaya hewan-hewan yang ada diluar sana bisa mendapatkan kehidupan yang lebih layak dan perawatan yang baik dari pemilik barunya.

Pelaksanaan Research

Kami melakukan research menggunakan metode kuantitatif dengan menyebarkan link secara online menggunakan platform google formulir dan diperoleh sebanyak 52 responden yang telah memberikan suaranya sebagai berikut:

Emphatize

Kami mengambil suara dari beberapa user berdasarkan pengalaman mereka yang memiliki dan pernah mengasuh hewan peliharaan seperti kucing, kelinci, anjing, dan lain sebagainya.

Define

Pada tahap ini kami mengambil 2 sampel user, sebagai berikut:

User Persona 1
User Persona 2

Ideate

Pada tahap ideate anggota tim kami saling menyampaikan ide-idenya, setelah itu kami melakukan vote untuk memperoleh ide yang terpilih.

User Scenario

Journey Map

User Flow

Alur jalannya aplikasi Pets Care dapat digambarkan menggunakan userflow di bawah ini, dimana user dapat menggunakan aplikasi berdasarkan langkah-langkah yang berurutan. Dimulai dari tampilan Splash Screen yaitu tampilan awal ketika membuka aplikasi, lalu masuk ke bagian Login dan daftar akun sampai user dapat melakukan proses adoption, donation, konsultasi dengan dokter hewan, dan proses fitur lainnya sesuai keinginan user.

Sitemap

Salah satu alat bantu para user agar mempermudah pengenalan fitur-fitur aplikasi Pets Care yaitu dengan adanya Sitemap. Pada sitemap ini terdiri dari beberapa fitur yang ditampilkan pada halaman Home, yaitu fitur Adopsi untuk melakukan proses adopsi hewan yang dimulai dari Search Hewan yang diinginkan dimana user akan masuk pada List hewan, user juga dapat berbagi postingan hewan pada fitur share, simpan postingan dll. Selain itu, di aplikasi ini juga terdapat fiitur Komunitas, Dokter Hewan, Donasi, Save, Upload, Artikel, Progress, serta Profile yang pada masing-masing fitur tersebut terdapat item-item untuk membantu proses jalannya aplikasi.

Wireframe

  • High Fidelity

Pada bagian ini kami tidak melakukan proses sketching menggunakan pen and paper namun kami lebih banyak mencari referensi melalui sosial media dengan memberikan inovasi dan modifikasi desain berdasarkan pemikiran/ide kelompok. Setelah itu, kami langsung membuatnya melalui aplikasi figma. Berikut adalah hasil desain User Interface beserta penjelasannya:

Penjelasan:

  1. Login Pendaftaran
    Pada tampilan awal saat membuka aplikasi user disajikan pilihan 2 menu, yaitu daftar atau masuk. Jika user memilih daftar maka user akan membuat akun sesuai dengan data pribadi. Jika user memilih masuk maka telah dipastikan user sudah memilih akun.
  2. Home
    Setelah user berhasil login maka user dapat langsung memilih hewan yang di adopsi, dan dapat menggunakan filter untuk memilih hewan adopsi sesuai kriteria yang di inginkan user. Setelah melakukan filter, user akan dapat memilih hewan sesuai kriteriaya secara langsung, lalu ketika sudah mendapatkan hewannya user dapat konsultasi kepada pemilih hewan untuk menanyaakn beberapa hal yang ingin ditanyakan, selesai konsultasi user dapat langsung klik adopsi now untuk dapat adopsi. Hewan yang telah user pilih untuk diadopsi akan masuk ke progress, di progress akan diperlihatkan sampai mana progress berjalan.
  3. Konsultasi Dokter
    Pada fitur konsul dokter ini user dapat berkonsultasi dengan dengan dokter. Konsultasi dapat dilakukan bersama dokter yang sedang aktif atau sedang bertugas. Ada fitur chat untuk dapat konsultasi dengan dokter, semua keluhan dapat disampaikan.
  4. Komunitas
    Pada fitur komunitas ini user dapat bergabung ke beberapa komunitas untuk mendapatkan teman atau informasi tambahan.
  5. Artikel
    Pada fitur artikel user dapat mencari artikel dan tips dalam merawat hewan. Artikel dan tips tersebut disajikan dalam bentuk artikel maupun video. Dan atikel dan tips yang dilihat dapat disimpan agar dapat dilihat kembali sewaktu-waktu nanti
  6. Donasi
    Pada fitur donasi user dapat berdonasi kepada pemiliki yang memiliki kendala baik dari segi biaya perawatan atau pun sebagainya. Nominal
    yang didonasikan dapat langsung ditentukan oleh user.

Prototype

Berikut kami sertakan link hasil dari prototype aplikasi “Pets Care” :

Test

Kami melakukan testing aplikasi menggunakan maze lalu kami memberikan uji coba aplikasi kepada beberapa user dan berikut adalah hasilnya:

Task 1
Task 2
Task 3
Task 4
Task 5
Task 6
Task 7
Task 8
Task 9
Hasil Penilaian Dari User
  • Heatmap

Nama Anggota Tim 8 Frontend Development UI/UX :

  1. Qanita Farah Fadilah
  2. M. Dafa Wardana
  3. Renisa Maulidifa
  4. Naufal Hayyu Triwardana
  5. Abdul Kodir

Thank You and Stay Healthy :)

--

--

Renisa Maulidifa

UI/UX Design Enthusiast | Graphic Designer | Vlogger | Web Developer