Bedah Desain — Menginformasikan Prosedur Melalui Design

Suatu hari, pada tanggal 1 April 2019, Andi menggunakan sebuah aplikasi untuk memesan sebuah hotel.

Andi ingin memesan hotel untuk tanggal 20 April 2019 di area Jakarta Barat. Lalu Ia memasukkan informasi area, Jakarta Barat.

Setelah itu ia memasukkan informasi tanggal check-in, 20 April 2019

Setelah itu, ia memasukkan informasi tanggal check-out dan jumlah kamar dan jumlah tamu

Setelah itu, Andi menekan tombol “Cari Hotel” , dan ia terkejut, tidak ada hotel yang ditampilkan untuk tanggal tersebut.

Andi penasaran, lalu mencoba untuk mengubah tanggal check-in nya menjadi tanggal 15 April 2019 , tetapi hasilnya masih sama. Andi lalu mengubah tanggal check-in nya menjadi tanggal 17 April 2019, dan hasilnya tetap sama.

Andi bingung, lalu berpikir “Masa, semua hotel di Jakarta Barat sudah habis?”.

Lalu Andi melihat lihat lagi halaman depan aplikasi tersebut, dan menemukan sebuah tulisan di bawah…

Andi baru menyadari bahwa pemesanan hotel bisa dilakukan minimal H-10.

Itu artinya… Jika Andi ingin melakukan pemesanan hotel untuk tanggal check-in 20 April 2019, maka Andi baru bisa melakukan pemesanan di tanggal 11 April 2019.

Itu artinya, Andi baru bisa melakukan pemesanan hotel, 9 hari dari sekarang, karena hari ini baru tanggal 1 April 2019.


Bagaimana Solusinya?

Apakah menaruh tulisan “Pemesanan hotel minimal H-10” adalah solusi terbaik? Sepertinya bukan.

Alasan yang pertama… User bisa saja tidak membaca tulisan tersebut.

Alasan yang kedua… User bisa saja membaca tulisan tersebut, tetapi tidak memahami artinya dan malah bertanya tanya “Apa itu H-10?”. Kebingungan yang timbul bisa membuat mereka membatalkan niat untuk memesan hotel menggunakan aplikasi tersebut.


Lalu?

Jika memang prosedur pemesanan hotel hanya bisa dilakukan minimal 10 hari sebelum hari check-in (H-10) , maka hal tersebut bisa dikomunikasikan melalui design.

Ada dua opsi design…..


Opsi Pertama

Hanya menampilkan tanggal yang bisa dilakukan check-in. Lalu dibawahnya diberi informasi dengan background yang cukup menyala, sehingga jika user bingung kenapa hanya bisa memilih tanggal 10 hari kedepan, maka mereka bisa menemukan jawaban nya di bagian bawah.

Sehingga pada design ini, hanya menampilkan tanggal 10 hari kedepan dari tanggal 1 April 2019.


Opsi Kedua

Menampilkan tanggal menggunakan dropdown. Dan dibawahnya ditaruh informasi kenapa tanggal yang ditampilkan hanya 10 hari kedepan.

Sehingga ketika user men-scroll tanggal kebawah, ia akan mentok dan akan membaca informasinya kenapa hanya menampilkan tanggal 10 hari kedepan.


Opsi Ketiga

Bagaimana jika ingin meng-implementasi 2 opsi diatas, tetapi terkendala masalah teknis.

Maka bisa menggunakan copy atau wording di halaman hasil pencarian yang bisa menuntun user. Contohnya seperti ini

Dan jangan lupa untuk memberikan tombol yang mengarahkan user harus menuju ke halaman apa


Kesimpulan

Cobalah untuk meng-komunikasikan prosedur ke dalam sebuah design atau di sebuah alur. Sehingga user merasa dituntun.

“If we want users to like our software we should design it to behave like a likeable person: respectful, generous and helpful “— Alan Cooper

Semoga bermanfaat :)