Web Usability Part 2 -Halaman Muka-

Dastan Books -A Web Usability Analysis- 
Akhirnya kita mengulas tentang halaman website Dastan Books. Pertama-tama, yang akan kita ulas adalah halaman Muka.

Nah, gambar-gambar di atas adalah halaman muka dari website Datan Books (selanjutnya akan disebut Dastan). Jika dilihat sekilas, halaman muka Dastan sangatlah panjang (lebih dari satu halaman screenful), dimana user harus men-scroll ke bawah untuk melihat keseluruhan isi tampilan Muka. Hal ini tentu tidak tidak efektif bagi user yang hanya ingin melihat sekilas (bukan pengunjung tetap/member Dastan).

Di bagian kiri atas halaman, terdapat logo Dastan ter-link ke halaman Muka. Logo ini memudahkan user untuk mengenali website tersebut, akan tetapi, ukuran logo yang lebih kecil dibandingkan banner dan banyaknya gambar lain, membuat logo terlihat tidak menonjol dan tersembunyi (logo dapat terlewat saat user hanya melihat website secara sekilas).

Mesin pencarian yang digunakan oleh Dastan cukup membantu karena adanya dropdown list yang berisi kategori buku yang telah diurutkan sesuai abjad di depan kotak kosong tempat user mengetikkan key word. Selain itu, keterurutan yang baik, dari tulisan pencarian, dropdown list kategori, kotak key words, lalu tombol 'go', memudahkan user dalam menggunakan mesin pencarian ini.

Tab menu Dastan menggunakan bahasa yang konsisten (Bahas Indonesia). Selain itu, terdapat kontras antara tulisan (putih) dengan  latar (abu-abu gelap). Dan tulisan yang digunakan mudah terbaca oleh user. Sayangnya, saat user berada di halaman tertentu, tidak ada perubahan apapun pada tab menu yang menunjukkan keberadaan user.

Animasi alamat (alamat Dastan yang bergerak dari kanan ke kiri) sayangnya sangat mengganggu user saat melakukan browsing. Hal ini karena selain berwarna biru (yang menandakan suatu tulisan dapat di-link tetapi dalam kasus Dastan tidak bisa di klik/link), tulisan tersebut bergerak terlalu cepat (hanya 30 detik untuk tulisan yang amat panjang) dengan jeda tak lebih dari 2 detik antara akhir tulisan menghilang hingga awal tulisan muncul kembali.

Selain animasi alamat, yang agak menggangu juga adalah animasi novel-novel Dastan (bergerak dari kanan ke kiri) yang berada tepat di bawah animasi alamat. Adanya dua animasi yang terletak berurutan membuat mata user menjadi cepat lelah dan pusing. Apalagi ukuran gambar animasi novelnya cukup besar dan memakan banyak tempat, jarak antara satu gambar ke gambar novel yang berdekatan (berdempetan), dan gambar bergerak terlalu cepat. Selain itu, waktu loading halaman Muka Dastan menjadi lebih lama akibat banyaknya animasi dan gambar.

Animasi pada halaman Muka tidak hanya itu. Ada satu animasi lagi yaitu animasi novel segera terbit yang berganti tiap 3 detik sekali. Hal ini tentu membuat user harus buru-buru membaca judul dan nama pengarang  yang tertera di bawah animasi gambar. Hanya judul dan nama pengarang saja yang tertera di bawah animasi ini. Jika ingin membaca sinopsis novel, user harus meng-klik gambar cover novel, judul buku, atau tulisan 'lanjut' yang ada di bawah nama pengarang.

Untuk login, user dapat menggunakan kotak login yang ada di sebelah kiri. Kotak ini sebenarnya memudahkan user karena juga dilengkapi dengan kereta belanja (dapat digunakan untuk melihat apa saja yang telah user pilih) dan bantuan. Sayangnya, kotak di area ini termasuk untuk daftar baru, menggunakan huruf berwarna abu-abu yang tidak terlalu gelap sehingga terlihat seperti non-aktif.. Di bawahnya, terdapat link berupa gambar dan tulisan untuk mendapatkan member card. Gambar dan tulisan ini cukup eye-catching dan memudahkan pengguna jika ingin mendapatkan member card.

Tulisan dan warna tulisan untuk headline news juga memudahkan user dalam membacanya. Tetapi ada 6 baris kalimat yang ditampilkan. Sebaiknya hanya 3 baris saja yang ditampilkan, sehingga memudahkan user yang hanya membaca secara scan.

Cara pembayaran yang dicantumkan berupa gambar juga memudahkan user dalam menentukan pilihan dan keputusan. akan tetapi, akan lebih baik jika ada tulisan opsional cara pembayaran di atas gambar-gambar tersebut sehingga user dapat langsung menangkap maksud penempatan gambar-gambar tersebut.

Penempatan buku baru, yang berupa cover buku, judul, pengarang dan sekilas sinopsisnya juga dapat menarik perhatian user. Baik cover, judul dan pengarang dapat lansung di-klik untuk me-link langsung ke halaman yang berisi tentang penjelasan lebih lanjut mengenai buku. Hal ini juga memudahkan user. Adanya gambar kereta belanja yang juga disertai tulisan beli, memudahkan user dalam menggunakan website ini (kemudahan navigasi). Baik tulisan maupun warna tulisan yang digunakan juga memudahkan user. akan tetapi, pemilihan warna untuk harga (warna biru) akan membingungkan user karena warna biru identik dengan link sementara ketika harga dicoba untuk di-klik, tidak dapat me-link kea halaman apapun. Selain itu, terdapat dua tiga harga tanpa ada keterangan yang tentu akan membiingungkan user.

Kategori buku juga menggunakan warna abu-abu yang terkesan non-aktif. Ada baiknya jika warna yang digunakan adalah warna yang tidak mengesankan non-aktif. Tetapi pemilihan jenis hurufnya sesuai karena memudahkan user dalam membacnya. Selain itu, untuk keterangan diskon, diberi dengan warna dan bentuk yang eye-catching sehingga menjadi salah satu poin yang baik saat user membaca secara scan.