Ada beberapa pengguna yang kebingungan saat memilih opsi layanan di halaman
checkout.
Para pengguna membutuhkan waktu yang lama untuk memutuskan pilihan mereka.
Akar dari permasalahan adalah karena pengguna dihadapkan dengan terlalu banyak
pilihan dan tidak memahami definisi dari setiap pilihan yang ditawarkan.
Tugas
Membantu meningkatkan persentase pengguna yang menyelesaikan pembelian layanan
hosting di halaman checkout.
Tahapan:
Pahami masalah dengan teliti
Gunakan teknik UX dalam memahami masalah lebih dalam atau mencari solusi yang
terbaik.
Buat wireframe dan final UI
Lakukan usability testing ke minimal 2 partisipan
Dokumentasikan usability testing dan hal apa yang perlu diperbaiki dari design anda.
Kumpulkan dalam file zip berisi:
o Essay file PDF proses pemecahan masalah dan pembuatan solusi (alasan-
alasan dalam mengambil keputusan pada proses pemecahan masalah)
o Wireframe dan final UI design (Folder terpisah hasil screenshot JPG atau
PNG)
o Dokumentasi tertulis usability testing (PDF)
Problem Solving
Dalam pemecahan masalah yang berkaitan dengan design produk (UI/ UX Design)
penting untuk kita memahami secara mendetail, menyeluruh, dan terstruktur mengenai
masalah apa yang akan kita selesaikan atau solusikan. Untuk memahaminya, saya memulai
mencatat poin-poin secara terstruktur mengenai apa goals yang ingin dicapai dan insights
yang telah didapatkan melalui proses riset yang telah dilaksanakan sebagaimana dicantumkan
pada penjelasan task. Poin-poin tersebut adalah sebagai berikut:
Goals:
Membantu meningkatkan persentase pengguna yang menyelesaikan pembelian
layanan hosting di halaman checkout niagahoster.
Insights:
Beberapa pengguna mengalami kebingungan saat memilih opsi layanan di halaman
checkout.
Beberapa pengguna membutuhkan waktu yang lama untuk memutuskan pilihan
mereka.
Berdasarkan riset pengguna merasa dihadapkan dengan terlalu banyak pilihan dan
kurang memahami definisi dari setiap pilihan produk yang ditawarkan.
Berangkat dari apa yang telah dipaparkan, kemudian saya mencoba menindak lanjuti hal-hal
tersebut dengan melakukan pengamatan pada halaman checkout NIAGAHOSTER seperti
yang tertera dibawah ini.
Berangkat dari sana saya pun mencoba untuk memformulasikan informasi yang tersedia baik
visual maupun kalimat, kedalam sebuah design challange atau actionable statement yang
dapat membantu mengarahkan desain yang akan saya buat. Statement yang saya coba buat
adalah sebagai berikut.
“Bagaimana kita bisa membuat pengguna NIAGAHOSTER lebih mengerti produk hosting
yang ditawarkan, tanpa harus kesulitan dan kebingugan memahami setiap produk hosting
yang ditawarkan sehingga pengguna NIAGAHOSTER dapat lebih mudah menentukan
layanan yang cocok untuknya dan menyelesaikan pembelian layanan.”
Setelah mengembangkan design challange, kemudian dilanjutkan dengan proses ideation
dengan cara brainstorming. Beberapa ide yang muncul yaitu sebagai berikut:
Mengubah peletakkan progress bar ke bagian tengah atas halaman checkout dan
menambah progress bar. Hal ini menurut saya sesuai dengan Zeigarnik effect
sehingga kiranya user dapat lebih memperhatikan dalam tahap apa iya untuk
menyelesaikan pembelian dan kiranya akan meningkatkan kesempatan pengguna
untuk menyelesaikan pembelian layanan.
Sejalan dengan ide pertama, saya merasa akan lebih membantu apabila opsi (1) pilih
paket hosting (2) pilih durasi paket dan (3) tambahkan domain tidak ditampilkan
secara bersamaan. Karena, jika ditampilkan secara bersamaan secara tidak langsung
menambah informasi yang harus dicerna pengguna dalam sekali melihat website,
sehingga menganggu fokus pengguna untuk memahami produk yang ada.
Melalui dua ide diatas kemudian saya mencoba mengembangkannya kedalam bentuk
wireframe, sebagai berikut.