Yak, setelah sekian lama tidak memposting di blog ini, akhirnya mendapat tugas untuk memposting mengenai bad/good usability suatu aplikasi. Postingan ini untuk memenuhi tugas matakuliah IMK (Interaksi Manusia dan Komputer), ya, matakuliah yang secara garis besar fokus mengenai UX (user experience) yaitu bagaimana agar suatu aplikasi bisa digunakan dengan “nyaman” oleh pengguna.
Oke, Back to main topic.
Di zaman sekarang ini masyarakat modern sudah dapat dipastikan memiliki perangkat mobile, baik itu smartphone, tablet, dll. Oleh karenanya, para pengembang web tentunya akan memikirkan bagaimana cara menampilkan situs mereka di perangkat mobile agar pengguna merasa nyaman dan tidak kesulitan saat mengakses situs mereka. Apabila suatu situs memiliki tampilan tersendiri untuk perangkat mobile, maka sudah dipastikan situs tersebut mobile-friendly.
Iseng-iseng saya mencoba mengakses beberapa situs pemerintah dan yang pertama kali saya kunjungi adalah situs http://indonesia.go.id (situs portal NKRI). Oke dari sini mulai menarik, memang benar kalau situsnya memiliki tampilan untuk perangkat mobile, tapi walau begitu tidak benar-benar mobile-friendly. Kenapa demikian? Berikut ini saya coba jabarkan hal-hal apa saja yang membuat situs tersebut tidak benar-benar mobile-friendly.
1. Gambar pada carousel yang terpotong
Yup, mungkin ini bukan suatu masalah besar yang bisa menganggu web. Akan tetapi, gambar yang terpotong seperti ini tentu saja sangat tidak enak dipandang mata. Seharusnya, bisa saja gambar itu diatur dengan width yang 100% supaya bisa fit jika dibuka melalui perangkat mobile.
2. Gambar yang terpotong, tulisan pada gambar tidak dapat terbaca semua.
Oke, yang ini nih, sangat menganggu dan yang seperti ini membuat informasi yang ingin diberikan menjadi tidak sampai ke pengguna yang melihat.
3. Tiga tombol “Selengkapnya” yang letaknya tidak tepat.
Nah ini juga masalah yang bukan sepele. Penempatan tombol menjadi tidak pada tempatnya jika diakses melalui perangkat mobile. Kalau kalian ingin tahu sebenarnya tombol ini buat apa, ini nih tampilannya jika diakses melalui PC.
Terlihat bedanya bukan? Mungkin tidak akan masalah jika pengguna mengakses melalui PC/Laptop, namun kalau di perangkat mobile bisa saja pengguna kebingungan apa gunanya tiga tombol tersebut.
4. Tulisan yang melebihi batas screen
Yap, lagi-lagi masalah penempatan. Seharusnya pengembang web sudah seharusnya memikirkan masalah penempatan yang seperti ini. Normalnya, seharusnya kedua kolom tulisan itu ditempatkan atas ke bawah bukan menyamping.
5. Kotak pencarian yang terlalu kecil dan pilihan kategori pencarian yang terkesan tidak rapih.
Mungkin beberapa pengguna tidak terlalu mempermasalahkan ini, tapi sebenarnya kotak pencarian yang baik untuk perangkat mobile itu adalah memanjang dari kiri ke kanan (width = 100%, bisa diberikan padding) agar lebih terlihat rapih. Selanjutnya terdapat menu dropdown untuk memilih kriteria pencarian, namun begitu banyak kriteria yang diberikan dan menurut saya terkesan tidak rapih.
6. Screen view yang tidak fit 100%
Yap, sekali lagi ini juga masalah pada penempatan kotak pencarian. Screen view menjadi tidak 100% dikarenakan kotak pencarian terlalu memojok ke kanan, sehingga menyebabkan ada ruang berlebih di sebelah kanan.
Jujur saja, saya agak kecewa dengan situs yang seperti ini apalagi ini merupakan situs milik pemerintah yang seharusnya bisa dibuat lebih baik dan lebih ‘wow’ daripada ini.
Ya cukup sekian pembahasannya, saya yakin suatu saat nanti situs http://indonesia.go.id bisa menjadi lebih super lagi. Terima kasih bagi yang sudah membaca :).