Redesign RSMS Online

Apps RSUD Margono Soekarjo untuk informasi terkait pelayanan online untuk pasien.

Alasan melakukan Redesign Apps

Flow aplikasi yang membingungkan

Dalam flow aplikasi ada beberapa langkah yang kurang efektif dan berulang

Tampilan kaku dan segi keterbacaannya kurang

Sebagai aplikasi yang kebanyakan digunakan orang tua, kurang bisa dilihat.

Respon aplikasi yang lama dan terkadang server eror

Terkait server dan bagian backend belum menjadi tugas kali ini, namun dengan adanya design baru yang lebih ringan dan teknologi yang diperbarui. diharapkan aplikasi mampu digunakan secara lancar karena user experience juga diutamakan.

Research

Redeisgn Aplikasi ini digunakan untuk kemudahan user dalam mengakses aplikasi dan mendapatkan informasi dan pelayanan online RSUD Margono Soekarjo.

Sebelum tahapan design solusi, saya melakukan survey , wawancara online dan analisis kompetitor. Dengan berisikan pertanyaan seputar studi kasus, dimana saya melakukan survey dari user aplikasi tersebut.

Terdapat 6 responden yang mengisi survey dan dilanjutkan wawancara online,

Seorang user yang ingin melakukan pendaftaran antrian online di RSUD Margono Soekarjo.
Dalam melakukan pendaftaran, user memilih menu Pendaftaran online lalu mengisi form pendataan pasien. Didalam form ada pemilihan tanggal kontrol, jadi setelah user mengisi form tersebut tersedia pemilihan klinik yang buka.

permasalahan user yaitu ketika user memilih tanggal kontrol namun ditanggal tersebut klinik yang akan dipilih tutup, maka user akan mengulang ke page sebelumnya. Hal tersebut menjadi salah satu hal yang saya temukan setelah melakukan riset kepada pengguna aplikasi tersebut.

Segi tampilan ada beberapa halaman yang perlu diperbaiki dari segi kerapihan dan konsistensinya terutama dihalaman detail pendaftaran yang berisikan nomor antrian serta informasi data pasien.

Dari semua aspek masalah yang ada, dapat ditarik kesimpulan bahwa
karena flow aplikasi yang berulang-ulang maka proses pendaftaran kurang efisien.
Tampilan dari beberapa halaman dari segi keterbacaannya kurang optimal dan terkesan kaku/tegas.

User Persona

Form Pendaftaran

Pengisian formulir tidak ada pembatas, dan terkesan flat.
User Bingung dengan fungsi tombol plus dan drop down yang ditaruh bersebelahan.
Button daftar yang kaku.
Subjudul formulir dan isiannya tidak rata.

Pain Point

Halaman Pilih Klinik

Flow pemilihan klinik berada di akhir step. Sehingga saat sudah menentukan tanggal lalu memilih klinik ternyata klinik yg dituju tutup. Hal tersebut membuat user dalam pengisiannya kurang efektif dan mengulang untuk pengisian tanggal lain.
Garis bawah untuk setiap klinik terlalu tebal.
Informasi yang membingungkan antara kata buka dan tanda centang/ silang.

Halaman Detail Pendaftaran

Detail Informasinya terkesan flat.
Informasinya menumpuk di tengah.
Informasi waktu dan tanggal kurang di pertebal.

Form Pendaftaran

Background mengganggu dalam keterbacaan informasi.
Fitur Lupa akun dan Lupa password memiliki informasi yg hampir sama untuk pemulihan akun, sehingga dibuat hanya satu saja.
Jarak antara Login dan Informasi untuk Daftar akun terkesan jauh.
Fokus user pada gambar background saja.
Warna huruf yg tenggelam oleh background sehingga kurang terlihat.
Button yang terlalu kaku dan penggunaan bahasa yang berbeda, yaitu Log in dan lainnya bahasa Indonesia.

Alur Solusi & Design Proses

Alur solusi

Ketika user melakukan pendaftaran online antrian. hal pertama yang diisi yaitu data diri mengganti kolom tanggal menjadi pemilihan klinik. Karena sebagai user, hal utama yang dituju yaitu melakukan pemeriksaan ke klinik tertentu dan tidak bisa ganti ke klinik lain. sehingga step pemilihan tanggal diarahkan ke halaman selanjutnya. jika tanggal yang diinginkan ternyata kliniknya tutup maka hanya perlu melihat tanggal tersedia atau tanggal buka tanpa harus kembali ke halaman sebelumnya.
Dilanjutkan ke proses konfirmasi pendaftaran dan memperoleh bukti pendaftaran yang ada di akhir langkah.

Wireframe

Design System

Before

Perubahan

Perubahan step dalam pengisian tanggal diubah menjadi pengisian nama klinik.
Pemberian pembatas antar form.
Menghilangkan button plus.
Judul dan isi form rata kiri

After

Before

Step pemilihan klink diubah menjadi diawal bersama form data diri dan diakhiri dengan pemilihan tanggal tersedia/buka.

After

Before

Penataan Urutan data dan dibuat rata kiri.
Memberikan font tebal pada waktu pemeriksaan.

After

Before

Mengubah background foto menjadi warna putih
Merapihkan kata-kata yang menggunakan bahasa asing.

After

UI Design

Link Prototype

Prototype Redesign RSMS Margono Soekarjo

Kesimpulan

Dari membuat studi kasus ini, saya pikir masih banyak kekurangan saya dalam membuat studi kasus mulai dari sisi UX, UI, research, maupun copywriting. Dengan selesainya studi kasus ini, mungkin saya akan mulai belajar lebih dalam lagi mengenai reserch, UI, UX, dll. agar studi kasus selanjutnya lebih memuaskan dari semua sisi.

Dan juga desain ini dibuat Based on data, sesuai hasil research yang saya harapkan bisa memenuhi kebutuhan user dan calon user.

Sekian studi kasus dari saya, semoga di studi kasus ini bisa menginspirasi orang-orang yang ingin membuat studi kasus juga dan juga untuk menambah ilmu dan pengalaman saya dalam memecahkan masalah melalui desain.