top of page

Redesign Aplikasi
E-New Purut

Aplikasi E-New Purut merupakan aplikasi resgistrasi rawat jalan online ke RSUD Dr. R. Soedarsono Kota Pasuruan. Aplikasi ini diluncurkan satu tahun yang lalu dan sudah banyak masyarakat yang menggunakan aplikasi ini. 

Patient Queue in the Hallway

Studi Kasus

Aplikasi E-New Purut menurut report dari Google Play Store sudah di download lebih dari 5000 akun pengguna. Dan terdapat beberapa ulasan negatif terkait aplikasi ini. Sehingga perlu sebuah validitas data terkait usability dari aplikasi E-New Purut. Dan bagaimana rekomendasi perbaikan serta redesign aplikasi E-New Purut dari sebuah permasalahan yang ada .  

Alasan melakukan redesign

  1. Aplikasi resmi RSUD Dr. R Soedarsono Kota Pasuruan

  2. Sistem pendaftaran rawat jalan 95% melalui aplikasi E-New Purut

  3. User aplikasi rata-rata orang tua

  4. Aplikasi mobile namun Web View

  5. Warna dari desain aplikasi & website masih bawaan dari boostrap (tidak sesuai brand)

  6. Perlu perbaikan lebih lanjut

Metode Design Proses

Dalam melakukan sebuah redesign pastinya mempunyai sebuah metode proses yang harus dilakukan. Saya menggunakan metode design thinking dalam proses redesign yaitu :

  1. Empathize, yaitu langkah untuk mencari masalah yang dialami oleh user dalam mengoprasikan atau menggunakan apliakasi E-New Purut

  2. Define, setelah mencari masalah yang dialami oleh user saya memetakan paint point yang sering dialami oleh user dari hasil Empathize

  3. Ideate, setelah memetakan paint pointnya saya membuat sebuah room for improvment untuk redesign aplikasi E-New Purut. Serta melahirkan ide-ide yang bisa menjadi sebuah solusi dalam redesign aplikasi E-New Purut

  4. Prototype, dalam tahap ini mulailah saya merancang sebuah user interface dan experience dari hasil room for improvement dan ide-ide yang saya lahirkan sebelumnya. Dan hasilnya adalah desain hight fidelity

  5. Testing, dalam tahap ini dilakukan testing terhadap hasil dari redesign aplikasi E-New Purut

01. Empathize

​

Di langkah pertama ini saya melakukan sebuah observasi terhadap apliaksi E-New Purut di Google Play Store. Aplikasi E-New Purut ini sudah di download lebih dari 5000 akun dan ratingnya yaitu 3,5 serta ada beberapa ulasan negatif terhadap aplikasi ini.

Hasil Observasi

Dari hasil observasi tersebut rata-rata user mengeluh terkait masuk ke apliaksi karena server yang sering down belum banyak yang mengeluh terkiat user interfaces atau alur dari apliaksi. Sehingga saya memutuskan untuk melakukan sebuah interview terghadap beberapa user. 

Data Wawancara

Wawancara saya lakukan kepada 7 user yang terdiri dari seorang ibu rumah tangga, perawat, wanita karir, serta mahasiswa. Selain itu saya juga melakukan interview kepada pihak pengembang untuk mengetahui juga permasalahan yang sering dilaporakan oleh pengguna dan beberapa rencana pengembangan aplikasi E-New Purut. Berikut adalah dokumentasi hasil wawancara:

02. Define

Dari hasil wawancara tersebut, pada tahap ini saya memetakan paint poin apa yang paling urgent dan paling sering dialami oleh user serta user persona dan user journey maps. 

Daftar Paint Point

  1. Terlalu banyak teks

  2. Konten tidak rapi

  3. Sulit menemukan nomor antrian

  4. Jawaban form screening tidak rapi & panjang

  5. Sering lupa jadwal kontrol

  6. Bingung cara daftar

  7. Beberapa tombol & teks tidak rapi

User Interface Aplikasi E-New Purut Sebelum di redesign

User Persona

User Persona.png

User Journey Maps 

Frame 295.png

Analisis Kompetitor

Saya menggunakan aplikasi My Siloam, Klik Dokter, dan Info Kes sebagai kompetitor dalam aplikasi E-New Purut. Dari kompetitor yang ada saya melihat dari segi user interface, user experience, dan flow aplikasi. 

03. Ideate

Dalam tahapan ini saya memulai untuk meluncurkan beberapa room for improvement dari hadil penemuan paint poin yang didapatkan sebelumnya. Serta meluncurkan beberapa ide terkait rencana redesign aplikasi E-New Purut. 

Room For Improvement

  1. Teks dipersingkat namun tetap jelas. Serta menggunakan beberapa icon

  2. Merapikan dan mengelompokkan konten 

  3. Menyediakan menu aktifitas yang sekarang dan mendatang

  4. Mengubah format form screening menjadi lebih simpel dan terkesan tidak panjang

  5. Menyediakan menu riwayat & terdapat informasi tanggal berobat dan tanggal kembali

  6. Meletakkan tombol daftar di home dan warna yang lebih mencolok

  7. Merapikan tombol dan teks

Flowchart Sistem

Moodboard

Moodboard yang saya pakai terinspirasi dari behance dan dribbble. Dari modboard tersebut menjadi inspirasi desain terkait tampilan, flow, serta guid desainnya.

Wireframe

04. Prototype

Hasil Redesign

Design System

Dalam mendesain saya membuat sebuah design system sebagai acuan guid dalam redesign aplikais E-New Purut, Ada beberapa design system yang saya buat diantaranya yaitu :​

  1. Input field fokus (form inputan ketika sudah diisi)

  2. Input field normal (form inputan ketika belum diisi)

  3. Input field button (form inputan dengan interaksi button)

  4. Button primary (yaitu button utama berwarna orange)

  5. Button secondary (button kedua dari utama sebagai pilihan kedua dari primary dengan warna putih)

  6. Button tertiary (ada 2 button tertiary yaitu warna kuning dan hijau, masing-masing memiliki fngsi yang bebeda namun bobotnya sama)

  7. Warna primary (orange & hijau, karena sesuai dengan )

  8. Warna secondary (putih dan abu-abu, untuk memberikan kesan minimalis terhadap desain)

  9. Warna tertiary (kuning, biru dan merah, sebagai pendukung dari warna primary dan secondary)

  10. Button menu (kondisi menu ketika di pilih dan tidak dipilih dari 4 menu yaitu home, aktivitas, riwayat dan akun)

  11. Font menggunakan 2 macam warna yaitu roboto & poppins

Prototype

Dimulai dengan login terlebih dahulu, apabila belum memiliki akun user bisa melakukan registrasi terlebih dahulu. Setelah itu user berhasil masuk ke halaman home page. Pada halaman ini user akan mendapatkan infromasi terkait jadwal rawat jalan, user juga bisa melihat kuota klinik dan jadwal dokter pada menu. Apabila user akan mendaftar ke klinik terlebih dahulu harus memiliki kartu berobat. Akses untuk membuat kartu berobat dan pendaftaran ke klinik terletak di home page juga.Proses pendaftaran ke klinik ada 4 tahapan yaitu yang pertama, memilih metode pembayaran. Yang kedua mengisi form registarsi (memilih klinik, tanggal, serta upload file yang diminta). Yang ketiga yaitu melakukan pengisian screening sesuai dengan kondisi user saat itu. Dan yang terakhir user mendapatkan nomor antrian dan hasil dari screening. 

05. Testing

Saat ini masih dalam tahap testing hasil redesign menggunakan metode usability testing. Adapun rencana yang akan saya lakukan dalam proses testing ada di dokumen berikut:

Kesimpulan

Proses redesign pada aplikasi E-New Purut ini dimulai dari observasi. Hasil dari observasi yaitu terkumpul permasalahan dari aplikasi menurut user dari google play store. Namun, untuk mevalidasi permasalahan tersebut apakah benar atau tidak maka harus dilakukan interview kepada pihak pengembang aplikasi dan juga kepada user secara langsung. Sehingga hasil awal observasi yang menyatakan bahwa proses masuk aplikasi lama karena server down itu tidak sesuai, karena permasalahan yang sesungguhnya adalah ketidaknyamanan user terhadap tampilan pada aplikasi serta konten yang tidak sederhana. 

bottom of page