UI / UX : Proses Perancangan Desain Prototype Aplikasi Mobile Untuk Booking Fasilitas Kesehatan Dari Low Fidelity Hingga Medium Fidelity
Proses UI
Tahap 1 :Identifikasi masalah
Tahap 2 : Riset / Flow diagram pelayanan fasilitas kesehatan
Tahap 3 : Proses desain low fidelity wireframes
Tahap 4 : Proses medium fidelity dan Prototype
Tahap 1 : Identifikasi masalah
User butuh aplikasi yang dapat memudahkan booking rumah sakit tanpa perlu mengantri lama. Hanya dengan 1 home user mampu melakukan booking dengan cepat, yang artinya dapat menghemat waktu dengan lebih efisien.
Tahap 2 : Riset / Flow diagram pelayanan fasilitas kesehatan
Pada flow tersebut, terdapat apa saja fitur yang ada di menu home/beranda pada aplikasi CintaHealth. Dari sebelah kiri yaitu daftar layanan kesehatan. Untuk diagram warna hijau adalah daftar fasilitas kesehatan terdekat dari lokasi user.
Pada diagram warna ungu adalah tanda lokasi user terkini. Untuk selanjutnya adalah fitur Cari layanan / RS yaitu user bisa memilih rumah sakit favorit nya, lalu memilih layanan pada rumah sakit tersebut, apabila ada layanan langsung ke tahap mendaftar seperti tanggal booking, waktu, berapa jumlah pasien, serta mengisi data pribadi dan sistem menampilkan nomor antrian saat ini apabila user memilih maka nomor antrian sudah bisa digunakan.
Untuk diagram terakhir sama untuk alurnya, tetapi ini memilih layanan kesehatan dan sistem akan menampilkan rumah sakit yang sesuai dengan layanan user.
Tahap 3 : Proses desain low fidelity wireframes
Wireframe adalah tahap penting sebelum stakeholder menyetujui letak-letak informasi untuk website dan aplikasi sebelum UI Designer mulai membuat antarmukanya menggunakan visual serta pewarnaan. Wireframing dapat dilakukan secara sederhana menggunakan gambar dengan tangan maupun software khusus seperti Figma atau Adobe XD.
Interface Beranda, terdapat fitur search, notifikasi, kode booking sebelumnya , daftar fasilitas rumah sakit serta daftar layanan kesehatan seperti UGD, Poliklinik, Instalasi Penyakit, Rawat Inap, Konsultasi dan Radiologi.
Interface Cari Layanan / RS adalah fitur search yang memungkinkan untuk melakukan pencarian rumah sakit atau layanan sesuai keinginan user.
Interface Profil RS adalah tampilan profil rumah sakit, jam operasional, seperti foto rumah sakit, alamat dan juga daftar dokter spesialis yang sebelumnya telah dipilih oleh user “ layanan kesehatan”.
Interface Kode Booking adalah tampilan untuk menampilkan nomor booking user/pasien, nama rumah sakit dan layanan kesehatan yang dipilih, tanggal dan estimasi waktu tiba di rumah sakit.
Tahap 4 : Proses medium fidelity dan Prototype
Fidelity prototipe adalah tingkat kelengkapan detail informasi dan visual serta “Bagaimana” dia menangkap “antarmuka dan kenyamanan” dari produk itu sendiri.
Medium fidelity menunjukkan detail yang lebih informatif. UI Design fokus pada penyempurnaan visual dan detail informasi yang ditetapkan di tahap low fidelity sebelumnya atau wireframes.
